{"version":3,"sources":["webpack:///./src/components/contextMenu/myImagePanel.vue","webpack:///src/components/contextMenu/myImagePanel.vue","webpack:///./src/components/contextMenu/myImagePanel.vue?55bc","webpack:///./src/components/contextMenu/myImagePanel.vue?c350","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/contextMenu/myImagePanel.vue?80de"],"names":["render","_vm","this","_c","_self","staticClass","_v","on","$event","$store","dispatch","type","attrs","require","staticRenderFns","name","components","myImagesFilters","computed","mapGetters","device","component","_l","filtersList","f","idx","key","applyFilter","class","active","activeFilter","img","_s","activeSlidersList","s","min","max","step","updateDistance","model","value","sliderValue","callback","$$v","expression","directives","rawName","showSliders","updateDistanceMatrix","sliderValueMatrix","props","canvas","activeCanvasObject","interactionMode","survey","activeWidget","_this$activeSlidersLi","length","_this$filtersList","activeIdx","sliders","canvasInstance","staticCanvas","activeItem","itemToAddFilter","data","Filters","fabric","Image","filters","mounted","init","methods","_obj$filters","_obj$filters$findInde","_this$filtersList2","obj","findIndex","call","sliderName","applyFilterMatrix","fire","renderAll","item","applyFilterValue","filter","origin","def","_canvas","watch"],"mappings":"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","file":"js/myImagePanel.222cf189.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"context-panel-container\"},[_c('my-images-filters',{staticClass:\"filters-container\"}),_c('div',{staticClass:\"field-name\"},[_vm._v(\"filters\")]),_c('div',{staticClass:\"crop-icon-container\",on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', { type: 'crop' })}}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/crop.svg\")}})]),_c('div',{staticClass:\"field-name\"},[_vm._v(\"crop\")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"context-panel-container\">\n    <my-images-filters class=\"filters-container\" />\n    <div class=\"field-name\">filters</div>\n    <div\n      class=\"crop-icon-container\"\n      @click=\"$store.dispatch('workSpace/showPopup', { type: 'crop' })\"\n    >\n      <img alt=\"img\" src=\"@/assets/img/crop.svg\" />\n    </div>\n    <div class=\"field-name\">crop</div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport myImagesFilters from \"@/components/contextMenu/myImageFilters\";\nimport \"@/assets/css/contextMenu.css\";\n\nexport default {\n  name: \"imagePanel\",\n  components: { myImagesFilters },\n  computed: {\n    ...mapGetters({\n      device: \"workSpace/device\"\n    })\n  }\n};\n</script>\n\n<style scoped>\n.span {\n  font-size: 8px;\n  margin-top: 2px;\n  color: #1d2d36;\n  text-align: center;\n}\n.crop-icon-container {\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.crop-icon-container img {\n  padding: 8px;\n  background: #f8f8f5;\n  border-radius: 4px;\n}\n.field-name {\n  max-width: 100%;\n}\n\n.copy-paste {\n  width: 100%;\n  display: flex;\n}\n.copy-paste img {\n  margin: 12px auto 12px;\n  cursor: pointer;\n}\n\n@media screen and (max-width: 990px) {\n  .crop-icon-container {\n    margin: auto 10px;\n  }\n  .effects-btn {\n    padding-right: 10px;\n  }\n  .filters-container {\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!./myImagePanel.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!./myImagePanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./myImagePanel.vue?vue&type=template&id=7f97a920&scoped=true&\"\nimport script from \"./myImagePanel.vue?vue&type=script&lang=js&\"\nexport * from \"./myImagePanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./myImagePanel.vue?vue&type=style&index=0&id=7f97a920&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  \"7f97a920\",\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&\"","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!./myImagePanel.vue?vue&type=style&index=0&id=7f97a920&prod&scoped=true&lang=css&\""],"sourceRoot":""}