{"version":3,"sources":["webpack:///./src/assets/img/error.svg","webpack:///./src/components/popups/saveChangesPopup.vue","webpack:///src/components/popups/saveChangesPopup.vue","webpack:///./src/components/popups/saveChangesPopup.vue?0495","webpack:///./src/components/popups/saveChangesPopup.vue?9ec6","webpack:///./src/components/popups/saveChangesPopup.vue?fcfe"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","on","onHideModal","$event","stopPropagation","_m","_v","_s","infoMsg","staticStyle","attrs","popupsVisible","onSaveUnsaved","onCancel","visiblePreloader","staticRenderFns","require","name","components","preloaderMenu","data","infoPosterMsg","infoTemplateMsg","computed","mapGetters","canvas","popupsData","$route","query","c","methods","poster","type","$store","dispatch","step","item","itemType","addToCanvas","template","$emit","watch","component"],"mappings":"gIAAAA,EAAOC,QAAU,IAA0B,0B,yCCA3C,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAeC,GAAG,CAAC,MAAQL,EAAIM,cAAc,CAACJ,EAAG,MAAM,CAACE,YAAY,gBAAgBC,GAAG,CAAC,MAAQ,SAASE,GAAQA,EAAOC,qBAAsB,CAACR,EAAIS,GAAG,GAAGP,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIY,SAAS,OAAOV,EAAG,MAAM,CAACW,YAAY,CAAC,QAAU,SAAS,CAACX,EAAG,MAAM,CAACE,YAAY,YAAYU,MAAM,CAAC,mBAAmBd,EAAIe,cAAc,GAAK,aAAaV,GAAG,CAAC,MAAQL,EAAIgB,gBAAgB,CAAChB,EAAIU,GAAG,YAAYR,EAAG,MAAM,CAACE,YAAY,uBAAuBC,GAAG,CAAC,MAAQL,EAAIiB,WAAW,CAACjB,EAAIU,GAAG,gBAAgBR,EAAG,iBAAiB,CAACE,YAAY,kBAAkBU,MAAM,CAAC,QAAUd,EAAIkB,oBAAoBhB,EAAG,MAAM,CAACE,YAAY,cAAcC,GAAG,CAAC,MAAQL,EAAIM,cAAc,CAACN,EAAIU,GAAG,QAAQ,MAErwBS,EAAkB,CAAC,WAAY,IAAInB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACY,MAAM,CAAC,IAAM,MAAM,IAAMM,EAAQ,WAA6BlB,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACJ,EAAIU,GAAG,c,oCCiCzO,G,UAAA,CACfW,KAAA,mBACAC,WAAA,CACAC,sBAEAC,OACA,OACAN,kBAAA,EACAO,cACA,+HACAC,gBACA,+IAGAC,SAAA,IACAC,eAAA,CACAC,OAAA,mBACAC,WAAA,uBACAf,cAAA,4BAEAH,UACA,YAAAmB,OAAAC,MAAAC,EAAA,KAAAR,cAAA,KAAAC,kBAGAQ,QAAA,CACA,sBACA,KAAAhB,kBAAA,EACA,aAAAiB,EAAA,KAAAC,GAAA,KAAAN,iBACA,KAAAO,OAAAC,SAAA,wBACAF,KAAA,kBACAZ,KAAA,CACAe,KAAA,OACAC,KAAAL,EACAM,SAAAL,KAGA,KAAAlB,kBAAA,GAEAD,WACA,aAAAkB,EAAA,KAAAC,GAAA,KAAAN,WACAY,OAAAC,SAAAR,EAAAC,GACA,KAAA9B,eAEAA,cACA,KAAAsC,MAAA,gBAGAC,MAAA,KClFyW,I,wBCQrWC,EAAY,eACd,EACA/C,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E,kECnBf","file":"js/saveChangesPopup.c6e41c73.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/error.09f2703b.svg\";","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\",on:{\"click\":function($event){$event.stopPropagation();}}},[_vm._m(0),_c('div',{staticClass:\"error_msg\"},[_vm._v(\" \"+_vm._s(_vm.infoMsg)+\" \")]),_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"popup-btn\",attrs:{\"data-is-avalable\":_vm.popupsVisible,\"id\":\"apply-btn\"},on:{\"click\":_vm.onSaveUnsaved}},[_vm._v(\" save \")]),_c('div',{staticClass:\"popup-btn btn-cansel\",on:{\"click\":_vm.onCancel}},[_vm._v(\" cancel \")])]),_c('preloader-menu',{staticClass:\"popup-preloader\",attrs:{\"visible\":_vm.visiblePreloader}}),_c('div',{staticClass:\"popup-close\",on:{\"click\":_vm.onHideModal}},[_vm._v(\"×\")])],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/error.svg\")}}),_c('span',{staticClass:\"popup-overlay-title-span\"},[_vm._v(\"info\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup-wraper\" @click=\"onHideModal\">\n    <div class=\"popup-overlay\" @click.stop>\n      <div class=\"popup-overlay-title\">\n        <img alt=\"img\" src=\"@/assets/img/error.svg\" />\n        <span class=\"popup-overlay-title-span\">info</span>\n      </div>\n      <div class=\"error_msg\">\n        {{ infoMsg }}\n      </div>\n      <div style=\"display: flex;\">\n        <div\n          :data-is-avalable=\"popupsVisible\"\n          id=\"apply-btn\"\n          class=\"popup-btn\"\n          @click=\"onSaveUnsaved\"\n        >\n          save\n        </div>\n        <div class=\"popup-btn btn-cansel\" @click=\"onCancel\">\n          cancel\n        </div>\n      </div>\n      <preloader-menu class=\"popup-preloader\" :visible=\"visiblePreloader\" />\n      <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport addToCanvas from \"@/util/canvas/addToCanvas\";\nimport preloaderMenu from \"@/components/preloaderMenu\";\nimport \"@/assets/css/popups.css\";\n\nexport default {\n  name: \"saveChangesPopup\",\n  components: {\n    preloaderMenu\n  },\n  data() {\n    return {\n      visiblePreloader: false,\n      infoPosterMsg:\n        \"You are going to apply a new template to existing canvas. \\n You current design will be lost. \\n Do you want to save changes\",\n      infoTemplateMsg:\n        \"You are going to apply a new template to existing canvas. \\n You current design will be lost. \\n Do you want to save to a separate poster?\"\n    };\n  },\n  computed: {\n    ...mapGetters({\n      canvas: \"workSpace/canvas\",\n      popupsData: \"workSpace/popupsData\",\n      popupsVisible: \"workSpace/popupsVisible\"\n    }),\n    infoMsg() {\n      return this.$route.query.c ? this.infoPosterMsg : this.infoTemplateMsg;\n    }\n  },\n  methods: {\n    async onSaveUnsaved() {\n      this.visiblePreloader = true;\n      const { poster, type } = this.popupsData;\n      await this.$store.dispatch(\"workSpace/savePoster\", {\n        type: \"customItemPopup\",\n        data: {\n          step: \"save\",\n          item: poster,\n          itemType: type\n        }\n      });\n      this.visiblePreloader = false;\n    },\n    onCancel() {\n      const { poster, type } = this.popupsData;\n      addToCanvas.template(poster, type);\n      this.onHideModal();\n    },\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    }\n  },\n  watch: {}\n};\n</script>\n\n<style scoped>\n.popup-wraper {\n  position: fixed;\n  background: rgba(188, 188, 203, 0.8);\n  top: 0;\n  left: 0;\n  height: 100vh;\n  width: 100vw;\n  z-index: 50;\n  cursor: default;\n}\n.popup-btn {\n  margin-left: 10px;\n  margin-right: 10px;\n}\n.popup-overlay {\n  width: 759px;\n  height: fit-content;\n  max-width: calc(100vw - 20px);\n  max-height: calc(100vh - 60px);\n}\n.btn-cansel {\n  background: none;\n  border: 1px solid #1d1d1d;\n}\n\n.bold,\n.error_msg {\n  font-size: 20px;\n}\n.error_msg {\n  /* padding: 37px 10px; */\n  white-space: pre-line;\n  padding: 20px 10px;\n  text-align: center;\n}\n.bold {\n  font-weight: 600;\n}\n.center {\n  text-align: center;\n}\n\n@media screen and (max-width: 350px) {\n  .popup-btn {\n    min-width: 122px;\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!./saveChangesPopup.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!./saveChangesPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./saveChangesPopup.vue?vue&type=template&id=3db53d94&scoped=true&\"\nimport script from \"./saveChangesPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./saveChangesPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./saveChangesPopup.vue?vue&type=style&index=0&id=3db53d94&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  \"3db53d94\",\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!./saveChangesPopup.vue?vue&type=style&index=0&id=3db53d94&prod&scoped=true&lang=css&\""],"sourceRoot":""}