{"version":3,"sources":["webpack:///./src/components/Vouchers/Images.vue","webpack:///src/components/Vouchers/Images.vue","webpack:///./src/components/Vouchers/Images.vue?46b4","webpack:///./src/components/Vouchers/Images.vue?3109","webpack:///./src/components/Vouchers/Images.vue?6659"],"names":["render","_vm","this","_c","_self","voucher","showEditImage","attrs","hideModal","_e","locationCanEdit","setShowEditImage","$t","scopedSlots","_u","key","fn","_v","_s","proxy","staticClass","Image","Name","locationId","staticRenderFns","ModalEditImage","ImageViewer","components","data","Number","$route","params","computed","_objectSpread","mapState","_this","canEdit","locationIndex","Locations","findIndex","l","LocationId","LocationCreated","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,QAASF,EAAG,MAAM,CAAEF,EAAIK,cAAeH,EAAG,iBAAiB,CAACI,MAAM,CAAC,UAAYN,EAAIK,cAAc,cAAgBL,EAAIO,aAAaP,EAAIQ,KAAKN,EAAG,oBAAoB,CAACI,MAAM,CAAC,SAAWN,EAAIS,gBAAgB,aAAeT,EAAIU,iBAAiB,UAAYV,EAAIW,GAAG,+CAA+CC,YAAYZ,EAAIa,GAAG,CAAC,CAACC,IAAI,QAAQC,GAAG,WAAW,MAAO,CAACf,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIW,GAAG,iDAAiDO,OAAM,IAAO,MAAK,EAAM,cAAchB,EAAG,MAAM,CAACiB,YAAY,kBAAkB,CAACjB,EAAG,cAAc,CAACiB,YAAY,eAAeb,MAAM,CAAC,YAAc,EAAE,EAAE,KAAO,WAAW,SAAWN,EAAII,QAAQgB,MAAM,SAAWpB,EAAII,QAAQiB,KAAK,OAASpB,KAAKqB,WAAW,UAAY,QAAQ,IAAI,GAAGtB,EAAIQ,MAExwBe,EAAkB,G,4EC+BtBC,EAAA,mEACAC,EAAA,mEAEe,GACfC,WAAA,CACAF,iBACAC,eAGAE,KAAA,WACA,OACAtB,eAAA,EACAiB,WAAAM,OAAA,KAAAC,OAAAC,OAAAR,cAIAS,SAAAC,8BAAA,GACAC,eAAA,iCAEAxB,gBAAA,eAAAyB,EAAA,KACAC,GAAA,EAEA,QAAA/B,QAAA,CACA,IAAAgC,EAAA,KAAAhC,QAAAiC,UAAAC,WACA,SAAAC,GAAA,OAAAA,EAAAC,aAAAN,EAAAZ,cAEAc,GAAA,IACAD,EAAA,KAAA/B,QAAAiC,UAAAD,GAAAK,iBAGA,OAAAN,KAIAO,QAAA,CACAhC,iBAAA,WACA,KAAAL,eAAA,GAGAE,UAAA,WACA,KAAAF,eAAA,KCzE8V,I,wBCQ1VsC,EAAY,eACd,EACA5C,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E,kECnBf","file":"js/chunk-3f0ca90c.js?id=c9a73d78e54cc833ad11","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.voucher)?_c('div',[(_vm.showEditImage)?_c('ModalEditImage',{attrs:{\"showModal\":_vm.showEditImage,\"onClickCancel\":_vm.hideModal}}):_vm._e(),_c('ui-section-header',{attrs:{\"showEdit\":_vm.locationCanEdit,\"editFunction\":_vm.setShowEditImage,\"editLabel\":_vm.$t('Components.Options.OptionChannel.Link_Edit')},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(_vm._s(_vm.$t('Components.Options.OptionImage.Main_Title')))]},proxy:true}],null,false,2817023795)}),_c('div',{staticClass:\"imageContainer\"},[_c('ImageViewer',{staticClass:\"is-4by3 mb-4\",attrs:{\"aspectRatio\":4/3,\"type\":\"location\",\"imageSrc\":_vm.voucher.Image,\"itemName\":_vm.voucher.Name,\"itemId\":this.locationId,\"imageSize\":640}})],1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"voucher\">\n    <ModalEditImage\n      v-if=\"showEditImage\"\n      :showModal=\"showEditImage\"\n      :onClickCancel=\"hideModal\"\n    />\n\n    <ui-section-header\n      :showEdit=\"locationCanEdit\"\n      :editFunction=\"setShowEditImage\"\n      :editLabel=\"$t('Components.Options.OptionChannel.Link_Edit')\"\n    >\n      <template v-slot:title>{{ $t('Components.Options.OptionImage.Main_Title') }}</template>\n    </ui-section-header>\n\n    <div class=\"imageContainer\">\n      <ImageViewer\n        :aspectRatio=\"4/3\"\n        type=\"location\"\n        :imageSrc=\"voucher.Image\"\n        :itemName=\"voucher.Name\"\n        :itemId=\"this.locationId\"\n        :imageSize=\"640\"\n        class=\"is-4by3 mb-4\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\n\nconst ModalEditImage = () => import('@/components/Vouchers/ModalEditImage')\nconst ImageViewer = () => import('@/components/UI/ImageViewer.vue')\n\nexport default {\n  components: {\n    ModalEditImage,\n    ImageViewer\n  },\n\n  data() {\n    return {\n      showEditImage: false,\n      locationId: Number(this.$route.params.locationId),\n    }\n  },\n\n  computed: {\n    ...mapState('voucherStore', ['voucher']),\n\n    locationCanEdit() {\n      let canEdit = false\n\n      if (this.voucher) {\n        let locationIndex = this.voucher.Locations.findIndex(\n          (l) => l.LocationId === this.locationId\n        )\n        if (locationIndex > -1) {\n          canEdit = this.voucher.Locations[locationIndex].LocationCreated\n        }\n      }\n      return canEdit\n    },\n  },\n\n  methods: {\n    setShowEditImage() {\n      this.showEditImage = true\n    },\n\n    hideModal() {\n      this.showEditImage = false\n    }\n  }\n}\n</script>\n\n<style lang=\"sass\" scoped>\n.imageContainer\n  max-width: 640px\n</style>","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!./Images.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!./Images.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Images.vue?vue&type=template&id=550887ea&scoped=true\"\nimport script from \"./Images.vue?vue&type=script&lang=js\"\nexport * from \"./Images.vue?vue&type=script&lang=js\"\nimport style0 from \"./Images.vue?vue&type=style&index=0&id=550887ea&prod&lang=sass&scoped=true\"\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  \"550887ea\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Images.vue?vue&type=style&index=0&id=550887ea&prod&lang=sass&scoped=true\""],"sourceRoot":""}