{"version":3,"sources":["webpack:///./src/components/popups/changeImage.vue","webpack:///./src/components/popups/editImage.vue","webpack:///src/components/popups/editImage.vue","webpack:///./src/components/popups/editImage.vue?0f22","webpack:///./src/components/popups/editImage.vue?a7c6","webpack:///src/components/popups/changeImage.vue","webpack:///./src/components/popups/changeImage.vue?8d4e","webpack:///./src/components/popups/changeImage.vue?54f6","webpack:///./src/components/contextMenu/myImageFilters.vue","webpack:///src/components/contextMenu/myImageFilters.vue","webpack:///./src/components/contextMenu/myImageFilters.vue?6b2f","webpack:///./src/components/contextMenu/myImageFilters.vue?e36d","webpack:///./src/components/contextMenu/myImageFilters.vue?8755","webpack:///./src/components/tabs/RichImages.vue","webpack:///src/components/tabs/RichImages.vue","webpack:///./src/components/tabs/RichImages.vue?59cf","webpack:///./src/components/tabs/RichImages.vue?e071","webpack:///./src/components/popups/editImage.vue?e3b7","webpack:///./src/assets/img/rename.svg","webpack:///./src/components/tabs/RichImages.vue?2599"],"names":["render","_vm","this","_c","_self","staticClass","on","onHideModal","$event","stopPropagation","_m","_l","tabsList","tab","idx","key","class","active","origin","activeTab","attrs","imgSrc","_v","_s","name","directives","rawName","value","expression","onEditImage","searchInput","domProps","target","composing","require","myImagesMod","i","content","myImages","length","_e","fileUploading","ref","acceptFormats","onUploadFile","style","width","uploadingProgress","imageToEdit","visibleEditPopup","onChangeImage","staticRenderFns","apply","arguments","popupContentHeight","showProloader","isSvg","staticCanvas","activeObject","updated","svgStroke","color","backgroundColor","obj","hex","border","getColorBorder","slot","updateStoke","model","callback","$$v","$set","svgColors","updateColor","preventDefault","saveChanges","components","myImageFilters","ChromePicker","preloader","props","data","showPreloader","fileToUpload","img","mounted","fabric","StaticCanvas","$refs","canvas","initImage","computed","mapGetters","activeWidget","svgColorsObj","svgStrokeObj","settingsPanelHeight","height","beforeDestroy","window","removeEventListener","setPreviewSizes","methods","blob","imageData","File","fetch","then","r","dataUrl","Promise","resolve","reader","FileReader","onload","result","readAsDataURL","type","loadSVGFromURL","objects","options","group","util","groupSVGElements","crossOrigin","Image","fromURL","imgInstance","textureSize","Math","max","initFilterBackend","addEventListener","set","top","left","add","renderAll","scaleToHeight","scaleToWidth","item","$store","dispatch","$emit","filters","svg","toSVG","toDataURL","multiplier","getZoom","res","file","url","maxWidth","min","innerWidth","maxHeight","innerHeight","KF","setWidth","setHeight","setZoom","colorsList","forEach","el","setColor","component","richImage","editImagePopup","dropSquare","e","dropZone","classList","remove","dataTransfer","files","popupsData","filter","includes","uploadImage","checkSizeLimit","checkUserMemoryLimit","image","_image","replace","process","_this$popupsData","_url","clearAll","filtersList","f","applyFilter","activeFilter","activeSlidersList","s","step","updateDistance","sliderValue","showSliders","updateDistanceMatrix","sliderValueMatrix","activeCanvasObject","interactionMode","survey","_this$activeSlidersLi","_this$filtersList","activeIdx","sliders","canvasInstance","activeItem","itemToAddFilter","Filters","init","_obj$filters","_obj$filters$findInde","_this$filtersList2","findIndex","call","sliderName","applyFilterMatrix","fire","applyFilterValue","def","_canvas","watch","itemsInput","modifiers","searchingCategory","trim","$forceUpdate","clearSearchInput","isUploadModal","containerStyles","visiblePreloader","items","id","author","itemType","cb","addToCanvas","args","handleDragStart","handleDragEnd","itemsByCategories","c","category","staticStyle","count","onShowAll","onScrollCategory","scrollPos","ctgPrev","transform","ctgNext","loader","showLoader","renderItemsCategories","mixins","dragAndDropMixin","contentTabsMixin","default","AddToCanvasItem","module","exports"],"mappings":"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","file":"js/changeImage.06e10756.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-wraper\",on:{\"click\":_vm.onHideModal}},[_c('div',{staticClass:\"popup-overlay chp\",on:{\"click\":function($event){$event.stopPropagation();}}},[_vm._m(0),_c('div',{staticClass:\"chp-change-image-container\"},[_c('div',{staticClass:\"chp-tabs-container\"},_vm._l((_vm.tabsList),function(tab,idx){return _c('div',{key:idx,staticClass:\"chp-tab-item\",class:{ active: tab.origin === _vm.activeTab },on:{\"click\":function($event){_vm.activeTab = tab.origin}}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":tab.imgSrc}}),_c('span',[_vm._v(_vm._s(tab.name))])])}),0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'richImages'),expression:\"activeTab === 'richImages'\"}],staticClass:\"chp-rich-images-container\"},[_c('keep-alive',[_c('richImage',{attrs:{\"isUploadModal\":true},on:{\"edit-image\":_vm.onEditImage}})],1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'myImages'),expression:\"activeTab === 'myImages'\"}],staticClass:\"chp-my-images-container\"},[_c('div',{staticClass:\"chp-search-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchInput),expression:\"searchInput\"}],staticClass:\"chp-search-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.searchInput)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchInput=$event.target.value}}}),_c('img',{staticClass:\"chp-search\",attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/search.svg\")}})]),_c('div',{staticClass:\"chp-my-image-content\"},[_vm._l((_vm.myImagesMod),function(i,idx){return _c('div',{key:idx,staticClass:\"chp-my-image-item\"},[_c('div',{staticClass:\"chp-my-image-img-container\",on:{\"click\":function($event){return _vm.onEditImage(i.content)}}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":i.content}})]),_c('div',{staticClass:\"chp-my-image-title\"},[_vm._v(_vm._s(i.name))])])}),(!_vm.myImages.length)?_c('div',{staticClass:\"feed-not-found chp-feed-not-found\"},[_vm._v(\" you have no images \")]):(!_vm.myImagesMod.length)?_c('div',{staticClass:\"feed-not-found chp-feed-not-found\"},[_vm._v(\" images not found \")]):_vm._e()],2)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'upload'),expression:\"activeTab === 'upload'\"}],staticClass:\"chp-upload-container\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.fileUploading),expression:\"!fileUploading\"}],ref:\"dropZone\",staticClass:\"chp-drop-zone\"},[_c('div',{ref:\"dropSquare\",staticClass:\"chp-drop-square\"}),_vm._m(1),_c('div',{staticClass:\"chp-or\"},[_vm._v(\"or\")]),_c('label',[_c('div',{staticClass:\"chp-upload-btn\"},[_vm._v(\"select an image on the device\")]),_c('input',{attrs:{\"type\":\"file\",\"accept\":_vm.acceptFormats,\"hidden\":\"\"},on:{\"input\":_vm.onUploadFile}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.fileUploading),expression:\"fileUploading\"}],staticClass:\"chp-drop-zone uploading\"},[_c('div',{staticClass:\"chp-drop-text\"},[_vm._v(\" uploading... \")]),_c('div',{staticClass:\"chp-progress\"},[_c('div',{staticClass:\"chp-progress-value\",style:({ width: _vm.uploadingProgress + '%' })})])])])]),_c('div',{staticClass:\"popup-close\",on:{\"click\":_vm.onHideModal}},[_vm._v(\"×\")])]),(_vm.imageToEdit && _vm.visibleEditPopup)?_c('editImagePopup',{attrs:{\"imageData\":_vm.imageToEdit},on:{\"hide-modal\":function($event){_vm.visibleEditPopup = !_vm.visibleEditPopup},\"change-image\":_vm.onChangeImage}}):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-overlay-title\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/upload.svg\")}}),_c('span',{staticClass:\"popup-overlay-title-span\"},[_vm._v(\"images\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chp-drop-text\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/upload.svg\")}}),_c('div',[_vm._v(\" drop image to upload \")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-wraper\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onHideModal.apply(null, arguments)}}},[_c('div',{staticClass:\"popup-overlay\",on:{\"click\":function($event){$event.stopPropagation();}}},[_vm._m(0),_c('div',{staticClass:\"edit-image-container\",style:({ 'max-height': _vm.popupContentHeight })},[_c('preloader',{staticClass:\"popup-preloader\",attrs:{\"visible\":_vm.showProloader}}),_c('canvas',{ref:\"canvas\",attrs:{\"width\":\"200\",\"height\":\"200\"}}),_c('div',{staticClass:\"setting-panel\"},[(_vm.isSvg === false)?_c('my-image-filters',{staticClass:\"filters-container\",attrs:{\"staticCanvas\":_vm.staticCanvas,\"itemToAddFilter\":_vm.activeObject},on:{\"change\":function($event){_vm.updated = $event}}}):_vm._e(),(_vm.isSvg)?_c('div',{staticClass:\"svg-color\"},[_vm._l((_vm.svgStroke),function(color,idx){return _c('div',{key:idx + 100,staticClass:\"color-wrap\"},[_c('el-dropdown',{attrs:{\"trigger\":\"click\"}},[_c('span',{staticClass:\"el-dropdown-link\"},[_c('div',{staticClass:\"color-picker-wraper\",style:({\n                    backgroundColor: color.obj.hex,\n                    border: _vm.getColorBorder(color.obj)\n                  })})]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('chrome-picker',{staticClass:\"picker-element\",on:{\"input\":function($event){return _vm.updateStoke(color)}},model:{value:(color.obj),callback:function ($$v) {_vm.$set(color, \"obj\", $$v)},expression:\"color.obj\"}})],1)],1)],1)}),_vm._l((_vm.svgColors),function(color,idx){return _c('div',{key:idx,staticClass:\"color-wrap\"},[_c('el-dropdown',{attrs:{\"trigger\":\"click\"}},[_c('span',{staticClass:\"el-dropdown-link\"},[_c('div',{staticClass:\"color-picker-wraper\",style:({\n                    backgroundColor: color.obj.hex,\n                    border: _vm.getColorBorder(color.obj)\n                  })})]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('chrome-picker',{staticClass:\"picker-element\",on:{\"input\":function($event){return _vm.updateColor(color)}},model:{value:(color.obj),callback:function ($$v) {_vm.$set(color, \"obj\", $$v)},expression:\"color.obj\"}})],1)],1)],1)})],2):_vm._e()],1),_c('a',{staticClass:\"popup-btn\",attrs:{\"data-is-avalable\":true,\"id\":\"apply-btn\"},on:{\"click\":function($event){$event.preventDefault();return _vm.saveChanges.apply(null, arguments)}}},[_vm._v(\" apply \")])],1),_c('div',{staticClass:\"popup-close\",on:{\"click\":_vm.onHideModal}},[_vm._v(\"×\")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-overlay-title\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/rename.svg\")}}),_c('span',{staticClass:\"popup-overlay-title-span\"},[_vm._v(\"edit image\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup-wraper\" @click.stop=\"onHideModal\">\n    <div class=\"popup-overlay\" @click.stop=\"\">\n      <div class=\"popup-overlay-title\">\n        <img alt=\"img\" src=\"@/assets/img/rename.svg\" />\n        <span class=\"popup-overlay-title-span\">edit image</span>\n      </div>\n      <div\n        class=\"edit-image-container\"\n        :style=\"{ 'max-height': popupContentHeight }\"\n      >\n        <preloader class=\"popup-preloader\" :visible=\"showProloader\" />\n        <canvas ref=\"canvas\" width=\"200\" height=\"200\"></canvas>\n        <div class=\"setting-panel\">\n          <my-image-filters\n            @change=\"updated = $event\"\n            class=\"filters-container\"\n            :staticCanvas=\"staticCanvas\"\n            :itemToAddFilter=\"activeObject\"\n            v-if=\"isSvg === false\"\n          />\n          <div class=\"svg-color\" v-if=\"isSvg\">\n            <div\n              class=\"color-wrap\"\n              v-for=\"(color, idx) of svgStroke\"\n              :key=\"idx + 100\"\n            >\n              <el-dropdown trigger=\"click\">\n                <span class=\"el-dropdown-link\">\n                  <div\n                    class=\"color-picker-wraper\"\n                    :style=\"{\n                      backgroundColor: color.obj.hex,\n                      border: getColorBorder(color.obj)\n                    }\"\n                  ></div>\n                </span>\n                <el-dropdown-menu slot=\"dropdown\">\n                  <chrome-picker\n                    class=\"picker-element\"\n                    @input=\"updateStoke(color)\"\n                    v-model=\"color.obj\"\n                  />\n                </el-dropdown-menu>\n              </el-dropdown>\n            </div>\n            <div\n              class=\"color-wrap\"\n              v-for=\"(color, idx) of svgColors\"\n              :key=\"idx\"\n            >\n              <el-dropdown trigger=\"click\">\n                <span class=\"el-dropdown-link\">\n                  <div\n                    class=\"color-picker-wraper\"\n                    :style=\"{\n                      backgroundColor: color.obj.hex,\n                      border: getColorBorder(color.obj)\n                    }\"\n                  ></div>\n                </span>\n                <el-dropdown-menu slot=\"dropdown\">\n                  <chrome-picker\n                    class=\"picker-element\"\n                    @input=\"updateColor(color)\"\n                    v-model=\"color.obj\"\n                  />\n                </el-dropdown-menu>\n              </el-dropdown>\n            </div>\n          </div>\n        </div>\n        <a\n          class=\"popup-btn\"\n          :data-is-avalable=\"true\"\n          id=\"apply-btn\"\n          @click.prevent=\"saveChanges\"\n        >\n          apply\n        </a>\n      </div>\n      <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport { getColorBorder } from \"@/helpers/hex\";\nimport myImageFilters from \"@/components/contextMenu/myImageFilters\";\nimport ChromePicker from \"vue-color/src/components/Chrome\";\nimport { fabric } from \"fabric\";\nimport preloader from \"@/components/preloaderMenu\";\nimport \"@/assets/css/popups.css\";\n\nexport default {\n  name: \"EditImagePopup\",\n  components: {\n    myImageFilters,\n    ChromePicker,\n    preloader\n  },\n  props: [\"imageData\"],\n  data() {\n    return {\n      getColorBorder,\n      showPreloader: true,\n      staticCanvas: null,\n      isSvg: null,\n      fileToUpload: null,\n      updated: false,\n      img: null,\n      activeObject: null,\n      showProloader: true\n    };\n  },\n  mounted() {\n    this.staticCanvas = new fabric.StaticCanvas(this.$refs.canvas);\n    this.initImage();\n  },\n  computed: {\n    ...mapGetters({\n      activeWidget: \"workSpace/activeWidget\",\n      svgColors: \"colorPicker/svgColors\",\n      svgColorsObj: \"colorPicker/svgColorsObj\",\n      svgStrokeObj: \"colorPicker/svgStrokeObj\",\n      svgStroke: \"colorPicker/svgStroke\"\n    }),\n    popupContentHeight() {\n      const settingsPanelHeight = this.isSvg ? 200 : 270;\n      return (\n        (this.staticCanvas\n          ? this.staticCanvas.height + settingsPanelHeight\n          : 500) + \"px\"\n      );\n    }\n  },\n  beforeDestroy() {\n    window.removeEventListener(\"resize\", this.setPreviewSizes);\n  },\n  methods: {\n    async initImage() {\n      let blob;\n      if (this.imageData instanceof File) {\n        blob = this.imageData;\n        this.updated = true;\n      } else blob = await fetch(this.imageData).then(r => r.blob());\n      const dataUrl = await new Promise(resolve => {\n        const reader = new FileReader();\n        reader.onload = () => resolve(reader.result);\n        reader.readAsDataURL(blob);\n      });\n      this.img = await new Promise(resolve => {\n        // svg\n        if (blob.type === \"image/svg+xml\") {\n          fabric.loadSVGFromURL(\n            dataUrl,\n            (objects, options) => {\n              const group = fabric.util.groupSVGElements(objects, options);\n              resolve(group);\n              this.isSvg = true;\n            },\n            null,\n            {\n              crossOrigin: \"nonymous\"\n            }\n          );\n        }\n        // other image's type\n        else\n          fabric.Image.fromURL(\n            dataUrl,\n            imgInstance => {\n              fabric.textureSize = Math.max(\n                imgInstance.width,\n                imgInstance.height,\n                fabric.textureSize\n              );\n              fabric.initFilterBackend();\n              this.isSvg = false;\n              resolve(imgInstance);\n            },\n            {\n              crossOrigin: \"nonymous\"\n            }\n          );\n      });\n      window.addEventListener(\"resize\", this.setPreviewSizes);\n      this.img.set({\n        top: 0,\n        left: 0\n      });\n      this.staticCanvas.add(this.img).renderAll();\n      this.setPreviewSizes();\n      if (this.img.height < this.img.width)\n        this.img.scaleToHeight(this.staticCanvas.height);\n      else this.img.scaleToWidth(this.staticCanvas.width);\n      this.activeObject = this.staticCanvas.item(0);\n      if (this.isSvg)\n        this.$store.dispatch(\"colorPicker/defineColors\", this.activeObject);\n      this.showProloader = false;\n    },\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    },\n    async saveChanges() {\n      if (!this.isSvg && this.activeObject.filters.length) this.updated = true;\n      if (!this.updated) {\n        this.$emit(\"change-image\", {\n          updated: this.updated,\n          url: this.imageData\n        });\n        return;\n      }\n      if (this.isSvg) {\n        const svg = this.staticCanvas.toSVG();\n        this.fileToUpload = new File([svg], \"newSvg\", {\n          type: \"image/svg+xml\"\n        });\n      } else {\n        const dataUrl = this.staticCanvas.toDataURL({\n          multiplier: 1 / this.staticCanvas.getZoom()\n        });\n        this.fileToUpload = await fetch(dataUrl).then(res => res.blob());\n      }\n      this.$emit(\"change-image\", {\n        updated: this.updated,\n        file: this.fileToUpload\n      });\n    },\n    setPreviewSizes() {\n      const maxWidth = Math.min(window.innerWidth - 50, 500);\n      const maxHeight = Math.min(window.innerHeight - 180, 300);\n      const KF = Math.min(\n        (1 / this.img.height) * maxHeight,\n        (1 / this.img.width) * maxWidth\n      );\n      this.staticCanvas.setWidth(this.img.width * KF);\n      this.staticCanvas.setHeight(this.img.height * KF);\n      this.staticCanvas.setZoom(KF);\n    },\n    updateStoke(color) {\n      this.updated = true;\n      const colorsList = this.svgStrokeObj[color.hex];\n      colorsList.forEach(el => el.set(\"stroke\", color.obj.hex));\n      this.staticCanvas.renderAll();\n    },\n    updateColor(color) {\n      this.updated = true;\n      const colorsList = this.svgColorsObj[color.hex];\n      colorsList.forEach(el => el.setColor(color.obj.hex));\n      this.staticCanvas.renderAll();\n    }\n  }\n};\n</script>\n\n<style scoped>\n.popup-wraper {\n  z-index: 1000;\n}\n.popup-overlay {\n  padding-bottom: 20px;\n  box-sizing: border-box;\n  max-width: 600px;\n  max-height: fit-content;\n  height: auto;\n  background-color: #fff;\n}\n.popup-overlay-title span {\n  font-weight: 500;\n}\n.setting-panel {\n  width: calc(100% - 20px);\n  height: fit-content;\n  box-sizing: border-box;\n  padding: 5px;\n  display: flex;\n  background: #f8f8f5;\n  border-radius: 7px;\n  margin-top: 20px;\n  justify-content: center;\n}\n.edit-image-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  overflow: auto;\n  width: 100%;\n  height: calc(100vh - 160px);\n  max-width: 1334px;\n  box-sizing: border-box;\n  padding: 0 10px 10px;\n}\n.popup-btn {\n  margin-bottom: 0;\n}\n.svg-color {\n  overflow: auto;\n  flex-wrap: wrap;\n  display: flex;\n}\n.color-wrap {\n  margin: 10px;\n  cursor: pointer;\n}\n@media screen and (max-width: 990px) {\n  .filters-container >>> .effects-container {\n    flex-wrap: wrap;\n  }\n  .popup-overlay-title {\n    margin: 10px;\n  }\n  .popup-overlay-title-span {\n    font-size: 14px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editImage.vue?vue&type=template&id=020c92e8&scoped=true&\"\nimport script from \"./editImage.vue?vue&type=script&lang=js&\"\nexport * from \"./editImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./editImage.vue?vue&type=style&index=0&id=020c92e8&prod&scoped=true&lang=css&\"\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  \"020c92e8\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"popup-wraper\" @click=\"onHideModal\">\n    <div class=\"popup-overlay chp\" @click.stop=\"\">\n      <div class=\"popup-overlay-title\">\n        <img alt=\"img\" src=\"@/assets/img/upload.svg\" />\n        <span class=\"popup-overlay-title-span\">images</span>\n      </div>\n      <div class=\"chp-change-image-container\">\n        <div class=\"chp-tabs-container\">\n          <div\n            class=\"chp-tab-item\"\n            :class=\"{ active: tab.origin === activeTab }\"\n            @click=\"activeTab = tab.origin\"\n            v-for=\"(tab, idx) of tabsList\"\n            :key=\"idx\"\n          >\n            <img alt=\"img\" :src=\"tab.imgSrc\" />\n            <span>{{ tab.name }}</span>\n          </div>\n        </div>\n        <div\n          class=\"chp-rich-images-container\"\n          v-show=\"activeTab === 'richImages'\"\n        >\n          <keep-alive>\n            <richImage :isUploadModal=\"true\" @edit-image=\"onEditImage\" />\n          </keep-alive>\n        </div>\n        <div class=\"chp-my-images-container\" v-show=\"activeTab === 'myImages'\">\n          <div class=\"chp-search-container\">\n            <input type=\"text\" class=\"chp-search-input\" v-model=\"searchInput\" />\n            <img alt=\"img\" class=\"chp-search\" src=\"@/assets/img/search.svg\" />\n          </div>\n          <div class=\"chp-my-image-content\">\n            <div\n              class=\"chp-my-image-item\"\n              v-for=\"(i, idx) in myImagesMod\"\n              :key=\"idx\"\n            >\n              <div\n                class=\"chp-my-image-img-container\"\n                @click=\"onEditImage(i.content)\"\n              >\n                <img alt=\"img\" :src=\"i.content\" />\n              </div>\n              <div class=\"chp-my-image-title\">{{ i.name }}</div>\n            </div>\n            <div\n              class=\"feed-not-found chp-feed-not-found\"\n              v-if=\"!myImages.length\"\n            >\n              you have no images\n            </div>\n            <div\n              class=\"feed-not-found chp-feed-not-found\"\n              v-else-if=\"!myImagesMod.length\"\n            >\n              images not found\n            </div>\n          </div>\n        </div>\n        <div class=\"chp-upload-container\" v-show=\"activeTab === 'upload'\">\n          <div class=\"chp-drop-zone\" ref=\"dropZone\" v-show=\"!fileUploading\">\n            <div class=\"chp-drop-square\" ref=\"dropSquare\"></div>\n            <div class=\"chp-drop-text\">\n              <img alt=\"img\" src=\"@/assets/img/upload.svg\" />\n              <div>\n                drop image to upload\n              </div>\n            </div>\n            <div class=\"chp-or\">or</div>\n            <label>\n              <div class=\"chp-upload-btn\">select an image on the device</div>\n              <input\n                type=\"file\"\n                :accept=\"acceptFormats\"\n                hidden\n                @input=\"onUploadFile\"\n              />\n            </label>\n          </div>\n          <div class=\"chp-drop-zone uploading\" v-show=\"fileUploading\">\n            <div class=\"chp-drop-text\">\n              uploading...\n            </div>\n            <div class=\"chp-progress\">\n              <div\n                class=\"chp-progress-value\"\n                :style=\"{ width: uploadingProgress + '%' }\"\n              ></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n    </div>\n    <editImagePopup\n      @hide-modal=\"visibleEditPopup = !visibleEditPopup\"\n      @change-image=\"onChangeImage\"\n      :imageData=\"imageToEdit\"\n      v-if=\"imageToEdit && visibleEditPopup\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport richImage from \"@/components/tabs/RichImages\";\nimport {\n  checkUserMemoryLimit,\n  acceptFormats,\n  checkSizeLimit\n} from \"@/util/user/checkLimit\";\nimport editImagePopup from \"@/components/popups/editImage\";\nimport \"@/assets/css/popups.css\";\nimport \"@/assets/css/changePopups.css\";\n\nexport default {\n  name: \"ChangeImagePopup\",\n  components: { richImage, editImagePopup },\n  data() {\n    return {\n      acceptFormats,\n      imageToEdit: \"\",\n      visibleEditPopup: true,\n      searchInput: \"\",\n      activeTab: \"richImages\",\n      tabsList: [\n        {\n          origin: \"richImages\",\n          name: \"images\",\n          imgSrc: require(\"@/assets/img/tabs/images.svg\")\n        },\n        {\n          origin: \"myImages\",\n          name: \"my images\",\n          imgSrc: require(\"@/assets/img/tabs/customPanel/cloud.svg\")\n        },\n        {\n          origin: \"upload\",\n          name: \"upload\",\n          imgSrc: require(\"@/assets/img/upload.svg\")\n        }\n      ]\n    };\n  },\n  mounted() {\n    this.$refs.dropSquare.addEventListener(\"dragover\", e => {\n      this.$refs.dropZone.classList.add(\"drop-effect\");\n      e.preventDefault();\n      e.stopPropagation();\n    });\n\n    this.$refs.dropZone.addEventListener(\"dragenter\", () => {\n      this.$refs.dropZone.classList.add(\"chp-drop-effect\");\n    });\n    this.$refs.dropSquare.addEventListener(\"dragleave\", () => {\n      this.$refs.dropZone.classList.remove(\"chp-drop-effect\");\n    });\n    this.$refs.dropSquare.addEventListener(\"drop\", async e => {\n      e.preventDefault();\n      this.$refs.dropZone.classList.remove(\"chp-drop-effect\");\n      const file = e.dataTransfer.files[0];\n      this.onEditImage(file);\n      // this.$store.dispatch(\"workSpace/showPopup\", { clearAll: true });\n    });\n  },\n  computed: {\n    ...mapGetters({\n      myImages: \"customContent/myImages\",\n      uploadingProgress: \"customContent/uploadingProgress\",\n      fileUploading: \"customContent/fileUploading\",\n      popupsData: \"workSpace/popupsData\",\n      activeWidget: \"workSpace/activeWidget\"\n    }),\n    myImagesMod() {\n      if (!this.searchInput) return this.myImages;\n      else return this.myImages.filter(i => i.name.includes(this.searchInput));\n    }\n  },\n  methods: {\n    uploadImage(file) {\n      if (!checkSizeLimit(file)) return;\n      if (!checkUserMemoryLimit(file)) return;\n      return this.$store.dispatch(\"customContent/uploadCustomItem\", {\n        type: \"myImages\",\n        file\n      });\n    },\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    },\n    onEditImage(image) {\n      let _image = image;\n      if (image instanceof File) {\n        if (!acceptFormats.includes(image.type) || !image.type) {\n          this.$store.dispatch(\"workSpace/showPopup\", {\n            type: \"errorPopup\",\n            data: \"accepted_files\"\n          });\n          return;\n        }\n      } else {\n        _image = image.replace(\n          process.env.VUE_APP_CDN_SPACES_URL,\n          process.env.VUE_APP_SPACES_URL\n        );\n      }\n      this.imageToEdit = _image;\n      this.visibleEditPopup = true;\n    },\n    async onChangeImage(e) {\n      this.visibleEditPopup = false;\n      let _url = e.url;\n      if (e.updated) {\n        await this.uploadImage(e.file);\n        _url = this.myImages[0].content;\n      }\n      if (this.popupsData?.callback) {\n        await this.popupsData.callback(this.popupsData.idx, _url);\n      }\n      this.$store.dispatch(\"workSpace/showPopup\", { clearAll: true });\n    },\n    async onUploadFile(e) {\n      const file = e.target.files[0];\n      this.onEditImage(file);\n    }\n  }\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./changeImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./changeImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./changeImage.vue?vue&type=template&id=ce3c4bc6&\"\nimport script from \"./changeImage.vue?vue&type=script&lang=js&\"\nexport * from \"./changeImage.vue?vue&type=script&lang=js&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"my-image-filters-wraper\"},[_c('div',{staticClass:\"effects-container\"},_vm._l((_vm.filtersList),function(f,idx){return _c('div',{key:idx,staticClass:\"item\",on:{\"click\":function($event){return _vm.applyFilter(idx, f)}}},[_c('img',{class:{ active: _vm.activeFilter === f.name },attrs:{\"alt\":\"img\",\"src\":f.img}}),_c('span',[_vm._v(_vm._s(f.name))])])}),0),_vm._l((_vm.activeSlidersList),function(s,idx){return _c('div',{key:idx,staticClass:\"sliders-container\"},[_c('span',[_vm._v(_vm._s(s.name))]),_c('el-slider',{key:-2,staticClass:\"slider\",attrs:{\"show-tooltip\":false,\"min\":s.min,\"max\":s.max,\"step\":s.step},on:{\"input\":function($event){return _vm.updateDistance(s, $event)}},model:{value:(_vm.sliderValue),callback:function ($$v) {_vm.sliderValue=$$v},expression:\"sliderValue\"}})],1)}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showSliders),expression:\"showSliders\"}],staticClass:\"sliders-container\"},[_c('span',[_vm._v(\"value\")]),_c('el-slider',{key:-1,staticClass:\"slider\",attrs:{\"show-tooltip\":false,\"min\":0,\"max\":1,\"step\":0.02},on:{\"input\":_vm.updateDistanceMatrix},model:{value:(_vm.sliderValueMatrix),callback:function ($$v) {_vm.sliderValueMatrix=$$v},expression:\"sliderValueMatrix\"}})],1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"my-image-filters-wraper\">\n    <!-- effect types -->\n    <div class=\"effects-container\">\n      <div\n        class=\"item\"\n        v-for=\"(f, idx) of filtersList\"\n        :key=\"idx\"\n        @click=\"applyFilter(idx, f)\"\n      >\n        <img\n          alt=\"img\"\n          :class=\"{ active: activeFilter === f.name }\"\n          :src=\"f.img\"\n        />\n        <span>{{ f.name }}</span>\n      </div>\n    </div>\n    <div\n      class=\"sliders-container\"\n      v-for=\"(s, idx) of activeSlidersList\"\n      :key=\"idx\"\n    >\n      <span>{{ s.name }}</span>\n      <el-slider\n        :key=\"-2\"\n        class=\"slider\"\n        :show-tooltip=\"false\"\n        :min=\"s.min\"\n        :max=\"s.max\"\n        :step=\"s.step\"\n        v-model=\"sliderValue\"\n        @input=\"updateDistance(s, $event)\"\n      />\n    </div>\n    <div class=\"sliders-container\" v-show=\"showSliders\">\n      <span>value</span>\n      <el-slider\n        :key=\"-1\"\n        class=\"slider\"\n        :show-tooltip=\"false\"\n        :min=\"0\"\n        :max=\"1\"\n        :step=\"0.02\"\n        v-model=\"sliderValueMatrix\"\n        @input=\"updateDistanceMatrix\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport filtersList from \"@/store/mocks/filtersList\";\nimport {\n  applyFilter,\n  applyFilterValue,\n  applyFilterMatrix\n} from \"@/util/contextMenu/filters\";\nimport { fabric } from \"fabric\";\n\nexport default {\n  name: \"myImageFilters\",\n  props: [\"staticCanvas\", \"itemToAddFilter\"],\n  computed: {\n    ...mapGetters({\n      canvas: \"workSpace/canvas\",\n      activeCanvasObject: \"workSpace/activeCanvasObject\",\n      interactionMode: \"workSpace/interactionMode\",\n      survey: \"workSpace/survey\",\n      activeWidget: \"workSpace/activeWidget\"\n    }),\n    showSliders() {\n      return (\n        !this.activeSlidersList?.length &&\n        this.activeFilter !== \"none\" &&\n        this.activeFilter !== \"sharpen\" &&\n        this.activeFilter !== \"invert\" &&\n        this.activeFilter !== \"emboss\"\n      );\n    },\n    activeSlidersList() {\n      return this.filtersList?.[this.activeIdx]?.sliders;\n    },\n    canvasInstance() {\n      if (this.staticCanvas) return this.staticCanvas;\n      return this.interactionMode ? this.survey : this.canvas;\n    },\n    activeItem() {\n      if (this.itemToAddFilter) return this.itemToAddFilter;\n      return this.interactionMode ? this.activeWidget : this.activeCanvasObject;\n    }\n  },\n\n  data() {\n    return {\n      sliderValue: 0,\n      sliderValueMatrix: 0,\n      activeFilter: \"none\",\n      activeIdx: 0,\n      Filters: fabric.Image.filters,\n      filtersList\n    };\n  },\n  mounted() {\n    this.init();\n  },\n  methods: {\n    init() {\n      const obj = this.activeItem;\n      const idx = obj?.filters?.findIndex?.(f => f);\n      this.activeIdx = idx === -1 ? 0 : idx;\n      this.activeFilter = this.filtersList?.[this.activeIdx]?.name;\n      if (!this.activeIdx) return;\n      const sliderName =\n        this.filtersList[this.activeIdx].sliders[0] &&\n        this.filtersList[this.activeIdx].sliders[0].name;\n      if (sliderName) {\n        this.sliderValue = obj.filters[this.activeIdx][sliderName] || 0;\n      }\n      this.sliderValueMatrix = this.activeItem.sliderValueMatrix || 0;\n    },\n    updateDistanceMatrix(value) {\n      applyFilterMatrix(this.activeItem, this.activeIdx, value);\n      this.canvasInstance.fire(\"canvas:changes\");\n      this.canvasInstance.renderAll();\n    },\n    updateDistance(item, value) {\n      applyFilterValue(this.activeItem, this.activeIdx, item.name, value);\n      this.canvasInstance.fire(\"canvas:changes\");\n      this.canvasInstance.renderAll();\n    },\n    applyFilter(idx, filter) {\n      applyFilter(this.activeItem, filter.origin, { idx });\n      this.activeIdx = idx;\n      this.activeFilter = this.filtersList[idx].name;\n      this.sliderValue = +(\n        this.filtersList[this.activeIdx].sliders[0] &&\n        this.filtersList[this.activeIdx].sliders[0].def\n      );\n      this._canvas;\n      this.canvasInstance.fire(\"canvas:changes\");\n      this.canvasInstance.renderAll();\n      if (this.interactionMode && !this.staticCanvas)\n        this.survey.fire(\"canvas:changes\");\n    }\n  },\n  watch: {\n    activeItem() {\n      this.init();\n    }\n  }\n};\n</script>\n\n<style scoped>\n.effects-container {\n  /* margin: auto; */\n  justify-content: center;\n  display: flex;\n  /* width: 280px; */\n  background: #f8f8f5;\n  border-radius: 10px;\n  padding: 10px 0;\n  flex-wrap: wrap;\n}\n.effecgt-review {\n  width: 90px;\n  margin: 5px;\n}\n.item {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  transition: 0.2s all;\n}\n.item img {\n  max-width: 50px;\n  border: 1px solid #bcbccb;\n  margin: 4px;\n  width: 50px;\n  height: 50px;\n  box-sizing: border-box;\n  border-radius: 7px;\n  overflow: hidden;\n  transition: 0.2s all;\n  cursor: pointer;\n}\n.item img.active {\n  border: 1px solid #ffe000;\n}\n.item span {\n  font-size: 8px;\n}\n.picker-label {\n  width: 24px;\n  height: 24px;\n  border: 1px solid black;\n}\n.sliders-container {\n  display: flex;\n  align-items: center;\n  padding: 0 30px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.sliders-container span {\n  margin-right: 15px;\n  font-size: 12px;\n}\n.sliders-container .slider {\n  width: 100%;\n}\n@media screen and (max-width: 990px) {\n  .sliders-container {\n    max-width: calc(100vw - 50px);\n  }\n  .effects-container {\n    z-index: 5;\n    flex-wrap: nowrap;\n    margin: auto 10px;\n    box-sizing: border-box;\n    justify-content: start;\n  }\n  .text-effect-wraper {\n    max-width: 80vw;\n    background: #fff;\n    margin-top: 0;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./myImageFilters.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./myImageFilters.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./myImageFilters.vue?vue&type=template&id=de8635c0&scoped=true&\"\nimport script from \"./myImageFilters.vue?vue&type=script&lang=js&\"\nexport * from \"./myImageFilters.vue?vue&type=script&lang=js&\"\nimport style0 from \"./myImageFilters.vue?vue&type=style&index=0&id=de8635c0&prod&scoped=true&lang=css&\"\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  \"de8635c0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./myImageFilters.vue?vue&type=style&index=0&id=de8635c0&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main-elements-wraper\"},[_c('div',{staticClass:\"search-input-wraper\"},[_c('img',{staticClass:\"search-img\",attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/search.svg\")}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.itemsInput),expression:\"itemsInput\",modifiers:{\"trim\":true}}],ref:\"searchInput\",staticClass:\"search-input\",attrs:{\"type\":\"text\",\"placeholder\":_vm.searchingCategory},domProps:{\"value\":(_vm.itemsInput)},on:{\"input\":function($event){if($event.target.composing)return;_vm.itemsInput=$event.target.value.trim()},\"blur\":function($event){return _vm.$forceUpdate()}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.itemsInput || _vm.searchingCategory),expression:\"itemsInput || searchingCategory\"}],staticClass:\"clear-input\",on:{\"click\":_vm.clearSearchInput}},[_vm._v(\" × \")])]),_c('div',{staticClass:\"content-container\",class:{ 'modal-categories': _vm.isUploadModal },style:(_vm.containerStyles)},[_c('preloader',{staticClass:\"preloader\",attrs:{\"visible\":_vm.visiblePreloader}}),(!_vm.itemsInput && !_vm.searchingCategory)?_c('div',{staticClass:\"categories\",class:{ 'modal-categories': _vm.isUploadModal },style:(_vm.containerStyles)},[_vm._l((_vm.itemsByCategories),function(c,idx){return _c('div',{key:-idx,staticClass:\"category-container\"},[_c('div',{staticClass:\"category-info\"},[_c('div',{staticClass:\"category-title\"},[_vm._v(\" \"+_vm._s(c.category.name)+\": \"),_c('span',{staticStyle:{\"color\":\"#777\"}},[_vm._v(_vm._s(c.count))])]),_c('div',{staticClass:\"category-show-all\",on:{\"click\":function($event){return _vm.onShowAll(c.category)}}},[_vm._v(\" show all \")])]),_c('div',{staticClass:\"category-content\",on:{\"scroll\":function($event){return _vm.onScrollCategory(c.category, $event)}}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(c.scrollPos),expression:\"c.scrollPos\"}],staticClass:\"prev-ctg category-controllers\",on:{\"click\":function($event){c.scrollPos = _vm.ctgPrev(c.scrollPos)}}},[_c('img',{staticClass:\"category-controller-img\",attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/prev.svg\")}})]),_c('div',{staticClass:\"galery-items\",style:({ transform: `translateX${'(' + c.scrollPos + 'px)'}` })},_vm._l((c.items),function(e){return _c('div',{key:e.id,staticClass:\"gallery-item\"},[_c('div',{staticClass:\"hover-wraper-content\"},[_c('img',{staticClass:\"info-menu\",attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/info.svg\")},on:{\"click\":function($event){$event.stopPropagation();return _vm.$store.dispatch('workSpace/showPopup', {\n                      type: 'infoPopup',\n                      data: { ...e.author, itemType: 'rich_image' }\n                    })}}}),_c('img',{directives:[{name:\"drag-item\",rawName:\"v-drag-item\",value:(e),expression:\"e\"},{name:\"lazy\",rawName:\"v-lazy\",value:(e.img || e.content),expression:\"e.img || e.content\"},{name:\"double-click\",rawName:\"v-double-click\",value:({\n                    cb: _vm.addToCanvas,\n                    args: [e]\n                  }),expression:\"{\\n                    cb: addToCanvas,\\n                    args: [e]\\n                  }\"}],staticClass:\"category-img\",attrs:{\"alt\":\"img\"},on:{\"dragstart\":_vm.handleDragStart,\"dragend\":_vm.handleDragEnd}})]),_c('div',{staticClass:\"category-item-title\"},[_vm._v(\" \"+_vm._s(e.name)+\" \")])])}),0),_c('div',{staticClass:\"next-ctg category-controllers\",on:{\"click\":function($event){c.scrollPos = _vm.ctgNext(c.scrollPos, c.items.length, c.category)}}},[_c('img',{staticClass:\"category-controller-img\",attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/next.svg\")}})])])])}),_c('div',{class:{ loader: _vm.showLoader }},[_c('div',{directives:[{name:\"infinity-scroll\",rawName:\"v-infinity-scroll\",value:({\n            cb: _vm.renderItemsCategories\n          }),expression:\"{\\n            cb: renderItemsCategories\\n          }\"}],attrs:{\"id\":\"scroll-trigger\"}}),_c('preloader',{staticClass:\"preloader-inf\",attrs:{\"visible\":_vm.showLoader}})],1)],2):(_vm.items[0] && (_vm.itemsInput || _vm.searchingCategory))?_c('div',{staticClass:\"els-wraper\",class:{ 'modal-categories': _vm.isUploadModal },style:(_vm.containerStyles)},[_c('div',{staticClass:\"els-img-wraper\"},_vm._l((_vm.items),function(el){return _c('div',{key:el.id,staticClass:\"elements\"},[_c('div',{staticClass:\"els-container hover-wraper-content\"},[_c('img',{staticClass:\"info-menu\",attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/info.svg\")},on:{\"click\":function($event){$event.stopPropagation();return _vm.$store.dispatch('workSpace/showPopup', {\n                  type: 'infoPopup',\n                  data: { ...el.author, itemType: 'rich_image' }\n                })}}}),_c('img',{directives:[{name:\"drag-item\",rawName:\"v-drag-item\",value:(el),expression:\"el\"},{name:\"lazy\",rawName:\"v-lazy\",value:(el.img || el.content),expression:\"el.img || el.content\"},{name:\"double-click\",rawName:\"v-double-click\",value:({\n                cb: _vm.addToCanvas,\n                args: [el]\n              }),expression:\"{\\n                cb: addToCanvas,\\n                args: [el]\\n              }\"}],staticClass:\"el-img\",attrs:{\"alt\":\"img\"},on:{\"dragstart\":_vm.handleDragStart,\"dragend\":_vm.handleDragEnd}})]),_c('span',{staticClass:\"feed-item-title\"},[_vm._v(_vm._s(el.name))])])}),0)]):(!_vm.items[0] && !_vm.visiblePreloader && _vm.itemsInput)?_c('div',{staticClass:\"feed-not-found\"},[_vm._v(\" rich-mage \"+_vm._s(_vm.itemsInput)+\" not found \")]):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"main-elements-wraper\">\n    <!-- search -->\n    <div class=\"search-input-wraper\">\n      <img alt=\"img\" class=\"search-img\" src=\"@/assets/img/search.svg\" />\n      <input\n        class=\"search-input\"\n        type=\"text\"\n        ref=\"searchInput\"\n        :placeholder=\"searchingCategory\"\n        v-model.trim=\"itemsInput\"\n      />\n      <div\n        v-show=\"itemsInput || searchingCategory\"\n        @click=\"clearSearchInput\"\n        class=\"clear-input\"\n      >\n        &times;\n      </div>\n    </div>\n    <div\n      class=\"content-container\"\n      :style=\"containerStyles\"\n      :class=\"{ 'modal-categories': isUploadModal }\"\n    >\n      <preloader class=\"preloader\" :visible=\"visiblePreloader\" />\n      <div\n        v-if=\"!itemsInput && !searchingCategory\"\n        class=\"categories\"\n        :class=\"{ 'modal-categories': isUploadModal }\"\n        :style=\"containerStyles\"\n      >\n        <div\n          class=\"category-container\"\n          v-for=\"(c, idx) of itemsByCategories\"\n          :key=\"-idx\"\n        >\n          <div class=\"category-info\">\n            <div class=\"category-title\">\n              {{ c.category.name }}:\n              <span style=\"color: #777\">{{ c.count }}</span>\n            </div>\n            <div class=\"category-show-all\" @click=\"onShowAll(c.category)\">\n              show all\n            </div>\n          </div>\n          <div\n            class=\"category-content\"\n            @scroll=\"onScrollCategory(c.category, $event)\"\n          >\n            <div\n              class=\"prev-ctg category-controllers\"\n              @click=\"c.scrollPos = ctgPrev(c.scrollPos)\"\n              v-show=\"c.scrollPos\"\n            >\n              <img\n                alt=\"img\"\n                class=\"category-controller-img\"\n                src=\"@/assets/img/prev.svg\"\n              />\n            </div>\n            <div\n              class=\"galery-items\"\n              :style=\"{ transform: `translateX${'(' + c.scrollPos + 'px)'}` }\"\n            >\n              <div class=\"gallery-item\" v-for=\"e of c.items\" :key=\"e.id\">\n                <div class=\"hover-wraper-content\">\n                  <img\n                    alt=\"img\"\n                    class=\"info-menu\"\n                    @click.stop=\"\n                      $store.dispatch('workSpace/showPopup', {\n                        type: 'infoPopup',\n                        data: { ...e.author, itemType: 'rich_image' }\n                      })\n                    \"\n                    src=\"@/assets/img/info.svg\"\n                  />\n                  <img\n                    alt=\"img\"\n                    @dragstart=\"handleDragStart\"\n                    @dragend=\"handleDragEnd\"\n                    v-drag-item=\"e\"\n                    v-lazy=\"e.img || e.content\"\n                    class=\"category-img\"\n                    v-double-click=\"{\n                      cb: addToCanvas,\n                      args: [e]\n                    }\"\n                  />\n                </div>\n\n                <div class=\"category-item-title\">\n                  {{ e.name }}\n                </div>\n              </div>\n            </div>\n            <div\n              class=\"next-ctg category-controllers\"\n              @click=\"\n                c.scrollPos = ctgNext(c.scrollPos, c.items.length, c.category)\n              \"\n            >\n              <img\n                alt=\"img\"\n                class=\"category-controller-img\"\n                src=\"@/assets/img/next.svg\"\n              />\n            </div>\n          </div>\n        </div>\n        <div :class=\"{ loader: showLoader }\">\n          <div\n            v-infinity-scroll=\"{\n              cb: renderItemsCategories\n            }\"\n            id=\"scroll-trigger\"\n          ></div>\n          <preloader class=\"preloader-inf\" :visible=\"showLoader\" />\n        </div>\n      </div>\n      <div\n        v-else-if=\"items[0] && (itemsInput || searchingCategory)\"\n        class=\"els-wraper\"\n        :class=\"{ 'modal-categories': isUploadModal }\"\n        :style=\"containerStyles\"\n      >\n        <div class=\"els-img-wraper\">\n          <div class=\"elements\" v-for=\"el of items\" :key=\"el.id\">\n            <div class=\"els-container hover-wraper-content\">\n              <img\n                alt=\"img\"\n                class=\"info-menu\"\n                @click.stop=\"\n                  $store.dispatch('workSpace/showPopup', {\n                    type: 'infoPopup',\n                    data: { ...el.author, itemType: 'rich_image' }\n                  })\n                \"\n                src=\"@/assets/img/info.svg\"\n              />\n              <img\n                alt=\"img\"\n                @dragstart=\"handleDragStart\"\n                @dragend=\"handleDragEnd\"\n                v-drag-item=\"el\"\n                v-lazy=\"el.img || el.content\"\n                class=\"el-img\"\n                v-double-click=\"{\n                  cb: addToCanvas,\n                  args: [el]\n                }\"\n              />\n            </div>\n            <span class=\"feed-item-title\">{{ el.name }}</span>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"feed-not-found\"\n        v-else-if=\"!items[0] && !visiblePreloader && itemsInput\"\n      >\n        rich-mage {{ itemsInput }} not found\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport preloader from \"@/components/preloaderMenu\";\nimport AddToCanvasItem from \"@/util/canvas/addToCanvas\";\nimport dragAndDropMixin from \"@/mixins/dragAndDropContent\";\nimport contentTabsMixin from \"@/mixins/contentTabsMixin\";\n\nexport default {\n  name: \"PilRichImagesTab\",\n  mixins: [dragAndDropMixin, contentTabsMixin],\n  props: {\n    isUploadModal: {\n      default: false\n    }\n  },\n  components: {\n    preloader\n  },\n  data() {\n    return {\n      tab: \"richImages\"\n    };\n  },\n  methods: {\n    addToCanvas(item) {\n      if (this.isUploadModal) {\n        this.$emit(\"edit-image\", item.content);\n        return;\n      }\n      AddToCanvasItem.richImage(item, false, \"click\");\n    }\n  }\n};\n</script>\n\n<style scoped>\n.els-wraper {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  padding-top: 0;\n  margin: 0 5px;\n  overflow: auto;\n  height: calc(100vh - 245px);\n  box-sizing: border-box;\n}\n.els-img-wraper {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 10px auto;\n  width: 100%;\n}\n.elements {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 40%;\n  margin: 0 5px;\n  width: calc(25% - 10px);\n}\n.els-container {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid #bcbccb;\n  cursor: pointer;\n  margin-bottom: 3px;\n  width: 100%;\n  width: 100%;\n  border-radius: 7px;\n}\n\n.el-img {\n  height: 93px;\n  width: 100%;\n  max-height: 65px;\n  max-width: 65px;\n  object-fit: contain;\n}\n.category-img {\n  object-fit: contain;\n  height: 65px;\n  width: 65px;\n}\n.els-wraper,\n.categories {\n  position: relative;\n  overflow-x: hidden;\n}\n.content-container {\n  position: relative;\n}\n.preloader {\n  z-index: 7;\n}\n.loader {\n  height: 5px;\n  position: relative;\n}\n.preloader-inf {\n  position: absolute;\n  height: 100px;\n}\n.els-container .info-menu {\n  right: 0;\n  bottom: 0;\n}\n.modal-categories {\n  height: calc(100vh - 300px);\n  max-height: 480px;\n}\n.modal-categories .info-menu,\n.modal-categories .category-controllers {\n  display: none;\n}\n.loader {\n  height: 50px;\n  position: relative;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RichImages.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RichImages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RichImages.vue?vue&type=template&id=519b9bcc&scoped=true&\"\nimport script from \"./RichImages.vue?vue&type=script&lang=js&\"\nexport * from \"./RichImages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RichImages.vue?vue&type=style&index=0&id=519b9bcc&prod&scoped=true&lang=css&\"\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  \"519b9bcc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editImage.vue?vue&type=style&index=0&id=020c92e8&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/rename.1a14416b.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RichImages.vue?vue&type=style&index=0&id=519b9bcc&prod&scoped=true&lang=css&\""],"sourceRoot":""}