{"version":3,"sources":["webpack:///./src/components/base/panelFilter/panelFilterItems.vue","webpack:///src/components/base/panelFilter/panelFilterItems.vue","webpack:///./src/components/base/panelFilter/panelFilterItems.vue?e93a","webpack:///./src/components/base/panelFilter/panelFilterItems.vue?bc2c","webpack:///./src/components/base/panelFilter/panelFilterItems.vue?df24"],"names":["staticClass","_s","staticStyle","attrs","model","value","search","expression","_c","id","on","_vm","staticRenderFns","components","panelFilterItem","props","item","type","Object","default","title","items","moreText","Array","index","Number","data","showItems","computed","filteredItems","filter","e","toLowerCase","includes","methods","getItemValue","elem","_this$value$this$inde","change","tmp","e2","$emit","component"],"mappings":"4KAA4D,EAAU,W,IAAOA,OAAuC,EAAK,QAAM,G,OAACA,QAAY,CAA2B,YAAaC,4BAAgCD,SAAW,CAA6B,YAAK,4BAAgBE,QAAY,6B,YAAC,6BAAoB,WAACC,YAAM,CAAC,cAAc,O,MAAmB,CAAW,UAAY,GAAG,eAAc,GAAQ,SAA4B,aAACC,YAAM,QAACC,cAAWC,e,MAAoC,CAAW,MAAC,SAACC,SAAU,SAAC,GAAQ,YAAyCP,WAAY,aAA6F,GAAOQ,EAAG,eAAmB,EAAC,O,YAAUC,2B,EAAGN,GAAK,EAAC,gD,OAAC,sBAAkB,C,IAAC,EAAO,G,MAA4B,CAAS,cAAG,MAAC,kBAAC,KAAQ,I,GAAqD,CAAC,kBAAG,kCAAuH,KAAQ,KAAC,4CAAS,YAAC,0BAACO,YAAG,CAAC,OAAQ,W,GAAqC,CAAC,kBAAIC,EAAM,WAASA,O,CAEp9B,aAAS,mJAAS,YAAC,0BAACD,YAAG,CAAC,OAAQ,W,GAAkC,CAAC,kBAAIC,EAAM,UAAY,KAAwMX,kBAAY,qEAC/W,OAD+W,SAAQ,YAAI,4CAC3X,kCACGY,sBAEJ,I,KCkDe,G,oBAAA,CACfC,WAAA,CACAC,oBAAA,kDAEAC,MAAA,CACAC,KAAA,CACAC,KAAAC,OACAC,aAAA,CACAC,MAAA,YACAC,MAAA,GACAC,SAAA,gBAGAjB,MAAA,CAAAY,KAAAM,MAAAJ,YAAA,SACAK,MAAA,CAAAP,KAAAQ,OAAAN,QAAA,IAEAO,OACA,OACApB,OAAA,KACAqB,UAAA,IAGAC,SAAA,CACAC,gBACA,YAAAvB,OAEA,KAAAU,KAAAK,MAAAS,OAAAC,GACAA,EAAA1B,MAAA2B,cAAAC,SAAA,KAAA3B,OAAA0B,gBAHA,KAAAhB,KAAAK,QAOAa,QAAA,CACAC,aAAAC,GAAA,IAAAC,EACA,eAAAA,EAAA,KAAAhC,MAAA,KAAAmB,cAAA,IAAAa,OAAA,EAAAA,EAAAJ,SAAAG,EAAA3B,KAEA6B,OAAAP,EAAAP,GACA,MAAAe,EAAA,SAAAlC,OAEA0B,EAAA1B,MACAkC,EAAAf,GAAA,IAAAe,EAAAf,GAAAO,EAAAtB,IAEA8B,EAAAf,GAAAe,EAAAf,GAAAM,OAAAU,OAAAT,EAAAtB,IAGA,KAAAgC,MAAA,QAAAF,OCpGuX,I,wBCQnXG,EAAY,eACd,EACA,EACA9B,GACA,EACA,KACA,KACA,MAIa,aAAA8B,E,2CCnBf","file":"js/chunk-d20f3ffe.8d0b657c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"base-panel-filter__items\"},[_c('div',{staticClass:\"base-panel-filter__title\"},[_vm._v(_vm._s(_vm.item.title))]),_c('div',{staticClass:\"base-panel-filter__search\"},[_c('v-text-field',{staticStyle:{\"font-weight\":\"500\"},attrs:{\"clearable\":\"\",\"hide-details\":\"\",\"dense\":\"\",\"autofocus\":\"\",\"placeholder\":\"Поиск\",\"append-icon\":\"$ToolSearch\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),(_vm.value[_vm.index])?_c('div',{staticClass:\"base-panel-filter__wrap\"},_vm._l((_vm.filteredItems.slice(0, _vm.showItems)),function(elem){return _c('panel-filter-item',{key:elem.id,attrs:{\"label\":elem.value,\"value\":_vm.getItemValue(elem),\"id\":elem.id},on:{\"input\":function($event){return _vm.change($event, _vm.index)}}})}),1):_vm._e(),(_vm.filteredItems.length > _vm.showItems)?_c('div',{staticClass:\"base-panel-filter__more\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){_vm.showItems += 100}}},[_vm._v(\" Еще \"+_vm._s(_vm.filteredItems.length - _vm.showItems)+\" \"+_vm._s(_vm.item.moreText)+\" \")]):(\n      !(_vm.filteredItems.length > _vm.showItems) && _vm.filteredItems.length > 5\n    )?_c('div',{staticClass:\"base-panel-filter__more\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){_vm.showItems = 5}}},[_vm._v(\" Скрыть (\"+_vm._s(_vm.filteredItems.length - 5)+\") \")]):_vm._e(),(!_vm.filteredItems.length)?_c('div',{staticClass:\"base-panel-filter__nodata text--disabled\"},[_vm._v(\" Нет данных \")]):_vm._e(),_c('v-divider',{staticClass:\"my-4\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"base-panel-filter__items\">\r\n    <div class=\"base-panel-filter__title\">{{ item.title }}</div>\r\n    <div class=\"base-panel-filter__search\">\r\n      <v-text-field\r\n        clearable\r\n        hide-details\r\n        dense\r\n        autofocus\r\n        placeholder=\"Поиск\"\r\n        append-icon=\"$ToolSearch\"\r\n        v-model=\"search\"\r\n        style=\"font-weight: 500\"\r\n      >\r\n      </v-text-field>\r\n    </div>\r\n    <div class=\"base-panel-filter__wrap\" v-if=\"value[index]\">\r\n      <panel-filter-item\r\n        v-for=\"elem in filteredItems.slice(0, showItems)\"\r\n        :key=\"elem.id\"\r\n        :label=\"elem.value\"\r\n        :value=\"getItemValue(elem)\"\r\n        @input=\"change($event, index)\"\r\n        :id=\"elem.id\"\r\n      ></panel-filter-item>\r\n    </div>\r\n    <div\r\n      class=\"base-panel-filter__more\"\r\n      v-if=\"filteredItems.length > showItems\"\r\n      @click=\"showItems += 100\"\r\n      style=\"cursor: pointer\"\r\n    >\r\n      Еще {{ filteredItems.length - showItems }} {{ item.moreText }}\r\n    </div>\r\n    <div\r\n      class=\"base-panel-filter__more\"\r\n      v-else-if=\"\r\n        !(filteredItems.length > showItems) && filteredItems.length > 5\r\n      \"\r\n      @click=\"showItems = 5\"\r\n      style=\"cursor: pointer\"\r\n    >\r\n      Скрыть ({{ filteredItems.length - 5 }})\r\n    </div>\r\n\r\n    <div\r\n      v-if=\"!filteredItems.length\"\r\n      class=\"base-panel-filter__nodata text--disabled\"\r\n    >\r\n      Нет данных\r\n    </div>\r\n\r\n    <v-divider class=\"my-4\"></v-divider>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  components: {\r\n    panelFilterItem: () => import(\"./panelFilterItem\"),\r\n  },\r\n  props: {\r\n    item: {\r\n      type: Object,\r\n      default: () => ({\r\n        title: \"Название \",\r\n        items: [],\r\n        moreText: \"элементов \",\r\n      }),\r\n    },\r\n    value: { type: Array, default: () => [[], []] },\r\n    index: { type: Number, default: 0 },\r\n  },\r\n  data() {\r\n    return {\r\n      search: null,\r\n      showItems: 5,\r\n    };\r\n  },\r\n  computed: {\r\n    filteredItems() {\r\n      if (!this.search) return this.item.items;\r\n      else\r\n        return this.item.items.filter((e) =>\r\n          e.value.toLowerCase().includes(this.search.toLowerCase())\r\n        );\r\n    },\r\n  },\r\n  methods: {\r\n    getItemValue(elem) {\r\n      return this.value[this.index]?.includes(elem.id);\r\n    },\r\n    change(e, index) {\r\n      const tmp = [...this.value];\r\n\r\n      if (e.value) {\r\n        tmp[index] = [...tmp[index], e.id];\r\n      } else {\r\n        tmp[index] = tmp[index].filter((e2) => e2 !== e.id);\r\n      }\r\n\r\n      this.$emit(\"input\", tmp);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.base-panel-filter {\r\n  &__wrap {\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n  }\r\n  &__title {\r\n    color: var(--v-text-base);\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n  }\r\n\r\n  &__search {\r\n    margin-bottom: 6px;\r\n\r\n    svg {\r\n      color: var(--v-grey-base);\r\n      width: 15px;\r\n      height: 15px;\r\n    }\r\n  }\r\n\r\n  &__more {\r\n    font-size: 13px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./panelFilterItems.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./panelFilterItems.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./panelFilterItems.vue?vue&type=template&id=b6e88046\"\nimport script from \"./panelFilterItems.vue?vue&type=script&lang=js\"\nexport * from \"./panelFilterItems.vue?vue&type=script&lang=js\"\nimport style0 from \"./panelFilterItems.vue?vue&type=style&index=0&id=b6e88046&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./panelFilterItems.vue?vue&type=style&index=0&id=b6e88046&prod&lang=scss\""],"sourceRoot":""}