{"version":3,"sources":["webpack:///./src/components/contextMenu/crop.vue?42a9","webpack:///./src/components/contextMenu/crop.vue","webpack:///src/components/contextMenu/crop.vue","webpack:///./src/components/contextMenu/crop.vue?45c4","webpack:///./src/components/contextMenu/crop.vue?5bcc"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","stopPropagation","onHideModal","apply","arguments","_m","attrs","img","changeImg","popupsVisible","saveChangesOnCanvas","_v","staticRenderFns","require","name","components","Cropper","computed","mapGetters","canvas","activeCanvasObject","mounted","type","getSrc","data","lastActive","disabled","newImg","methods","$emit","coordinates","toDataURL","active","params","top","get","left","remove","fabric","Image","fromURL","imgInstance","set","nameCanvasObject","add","setActiveObject","component"],"mappings":"wGAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAeC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBP,EAAIQ,YAAYC,MAAM,KAAMC,cAAc,CAACR,EAAG,MAAM,CAACE,YAAY,gBAAgBC,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,qBAAsB,CAACP,EAAIW,GAAG,GAAGT,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,UAAU,CAACU,MAAM,CAAC,UAAY,UAAU,oBAAsB,YAAY,aAAe,cAAc,IAAMZ,EAAIa,KAAKR,GAAG,CAAC,OAASL,EAAIc,cAAc,GAAGZ,EAAG,SAAS,CAACE,YAAY,YAAYQ,MAAM,CAAC,mBAAmBZ,EAAIe,cAAc,GAAK,aAAaV,GAAG,CAAC,MAAQL,EAAIgB,sBAAsB,CAAChB,EAAIiB,GAAG,aAAaf,EAAG,MAAM,CAACE,YAAY,cAAcC,GAAG,CAAC,MAAQL,EAAIQ,cAAc,CAACR,EAAIiB,GAAG,YAEjuBC,EAAkB,CAAC,WAAY,IAAIlB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACU,MAAM,CAAC,IAAM,MAAM,IAAMO,EAAQ,WAA4BjB,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACJ,EAAIiB,GAAG,c,gDCkCxO,G,UAAA,CACfG,KAAA,OACAC,WAAA,CACAC,gBAEAC,SAAA,IACAC,eAAA,CACAC,OAAA,mBACAC,mBAAA,+BACAX,cAAA,6BAGAY,UACA,MAAAC,EAAA,KAAAF,mBAAAN,KACA,QAAAQ,IACA,KAAAf,IAAA,KAAAa,mBAAAG,WAGAC,OACA,OACAC,WAAA,KACAC,UAAA,EACAnB,IAAA,GACAoB,OAAA,KAGAC,QAAA,CACA1B,cACA,KAAA2B,MAAA,eAEArB,WAAA,YAAAsB,EAAA,OAAAX,IACA,KAAAW,cACA,aAAAV,mBAAAN,OACA,KAAAa,OAAAR,EAAAY,cAEArB,sBACA,MAAAsB,EAAA,KAAAZ,mBACAa,EAAA,CACAC,IAAAF,EAAAG,IAAA,WAAAH,EAAAG,IAAA,OACAC,KAAAJ,EAAAG,IAAA,YAAAH,EAAAG,IAAA,SAEA,aAAAf,mBAAAN,OACA,KAAAK,OAAAkB,OAAAL,GACAM,YAAAC,MAAAC,QAAA,KAAAb,OAAAc,IACAA,EAAAC,IAAAT,GACAU,eAAAF,EAAA,OACA,KAAAtB,OAAAyB,IAAAH,GAAAI,gBAAAJ,MAGA,KAAAvC,kBCrF6V,I,wBCQzV4C,EAAY,eACd,EACArD,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAkC,E","file":"js/crop.aad55869.js","sourcesContent":["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!./crop.vue?vue&type=style&index=0&id=eab1ff4c&prod&scoped=true&lang=css&\"","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:\"popup-scroll\"},[_c('cropper',{attrs:{\"classname\":\"cropper\",\"backgroundClassname\":\"bg-copper\",\"areaClassnam\":\"area-copper\",\"src\":_vm.img},on:{\"change\":_vm.changeImg}})],1),_c('button',{staticClass:\"popup-btn\",attrs:{\"data-is-avalable\":_vm.popupsVisible,\"id\":\"apply-btn\"},on:{\"click\":_vm.saveChangesOnCanvas}},[_vm._v(\" apply \")]),_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/crop.svg\")}}),_c('span',{staticClass:\"popup-overlay-title-span\"},[_vm._v(\"crop\")])])\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/crop.svg\" />\n        <span class=\"popup-overlay-title-span\">crop</span>\n      </div>\n      <div class=\"popup-scroll\">\n        <cropper\n          classname=\"cropper\"\n          backgroundClassname=\"bg-copper\"\n          areaClassnam=\"area-copper\"\n          :src=\"img\"\n          @change=\"changeImg\"\n        ></cropper>\n      </div>\n      <button\n        class=\"popup-btn\"\n        :data-is-avalable=\"popupsVisible\"\n        id=\"apply-btn\"\n        @click=\"saveChangesOnCanvas\"\n      >\n        apply\n      </button>\n      <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { fabric } from \"fabric\";\nimport { mapGetters } from \"vuex\";\nimport { Cropper } from \"vue-advanced-cropper\";\nimport nameCanvasObject from \"@/util/canvas/nameCanvasObject\";\nimport \"@/assets/css/popups.css\";\n\nexport default {\n  name: \"crop\",\n  components: {\n    Cropper\n  },\n  computed: {\n    ...mapGetters({\n      canvas: \"workSpace/canvas\",\n      activeCanvasObject: \"workSpace/activeCanvasObject\",\n      popupsVisible: \"workSpace/popupsVisible\"\n    })\n  },\n  mounted() {\n    const type = this.activeCanvasObject.name;\n    if (type === \"img\") {\n      this.img = this.activeCanvasObject.getSrc();\n    }\n  },\n  data() {\n    return {\n      lastActive: null,\n      disabled: false,\n      img: \"\",\n      newImg: \"\"\n    };\n  },\n  methods: {\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    },\n    changeImg({ coordinates, canvas }) {\n      this.coordinates = coordinates;\n      if (this.activeCanvasObject.name === \"img\")\n        this.newImg = canvas.toDataURL();\n    },\n    saveChangesOnCanvas() {\n      const active = this.activeCanvasObject;\n      const params = {\n        top: active.get(\"top\") < 0 ? 0 : active.get(\"top\"),\n        left: active.get(\"left\") < 0 ? 0 : active.get(\"left\")\n      };\n      if (this.activeCanvasObject.name === \"img\") {\n        this.canvas.remove(active);\n        fabric.Image.fromURL(this.newImg, imgInstance => {\n          imgInstance.set(params);\n          nameCanvasObject(imgInstance, \"img\");\n          this.canvas.add(imgInstance).setActiveObject(imgInstance);\n        });\n      }\n      this.onHideModal();\n    }\n  }\n};\n</script>\n\n<style scoped>\n.popup-scroll {\n  min-height: calc(100% - 130px);\n}\n.cropper {\n  height: 100%;\n  max-width: calc(100% - 20px);\n  min-height: 200px;\n}\n.cropper >>> .vue-square-handler {\n  background: #ff0;\n  border-radius: 50%;\n}\n.cropper >>> .bg-copper {\n  background-image: url(../../assets/img/qr/card_bg.png);\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!./crop.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!./crop.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./crop.vue?vue&type=template&id=eab1ff4c&scoped=true&\"\nimport script from \"./crop.vue?vue&type=script&lang=js&\"\nexport * from \"./crop.vue?vue&type=script&lang=js&\"\nimport style0 from \"./crop.vue?vue&type=style&index=0&id=eab1ff4c&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  \"eab1ff4c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}