{"version":3,"sources":["webpack:///src/components/Vouchers/Images.vue","webpack:///./src/components/Vouchers/Images.vue","webpack:///./src/components/Vouchers/Images.vue?5f09","webpack:///./src/components/Vouchers/Images.vue?79da","webpack:///./src/components/Vouchers/Images.vue?3109","webpack:///./src/components/Vouchers/Images.vue?8106","webpack:///./src/components/Vouchers/Images.vue?88b6","webpack:///./src/components/Vouchers/Images.vue?a5e1"],"names":["ModalEditImage","ImageViewer","components","data","showEditImage","locationId","Number","$route","params","computed","_objectSpread","mapState","locationCanEdit","_this","canEdit","voucher","locationIndex","Locations","findIndex","l","LocationId","LocationCreated","methods","setShowEditImage","hideModal","render","_vm","_c","_self","attrs","showModal","onClickCancel","_e","showEdit","editFunction","editLabel","$t","scopedSlots","_u","key","fn","_v","_s","proxy","staticClass","aspectRatio","type","imageSrc","Image","itemName","Name","itemId","imageSize","staticRenderFns","_withStripped"],"mappings":"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","file":"js/274.js?id=ef65d74cad0cff6be8d9","sourcesContent":["<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>","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.voucher\n    ? _c(\n        \"div\",\n        [\n          _vm.showEditImage\n            ? _c(\"ModalEditImage\", {\n                attrs: {\n                  showModal: _vm.showEditImage,\n                  onClickCancel: _vm.hideModal,\n                },\n              })\n            : _vm._e(),\n          _c(\"ui-section-header\", {\n            attrs: {\n              showEdit: _vm.locationCanEdit,\n              editFunction: _vm.setShowEditImage,\n              editLabel: _vm.$t(\"Components.Options.OptionChannel.Link_Edit\"),\n            },\n            scopedSlots: _vm._u(\n              [\n                {\n                  key: \"title\",\n                  fn: function () {\n                    return [\n                      _vm._v(\n                        _vm._s(\n                          _vm.$t(\"Components.Options.OptionImage.Main_Title\")\n                        )\n                      ),\n                    ]\n                  },\n                  proxy: true,\n                },\n              ],\n              null,\n              false,\n              2817023795\n            ),\n          }),\n          _c(\n            \"div\",\n            { staticClass: \"imageContainer\" },\n            [\n              _c(\"ImageViewer\", {\n                staticClass: \"is-4by3 mb-4\",\n                attrs: {\n                  aspectRatio: 4 / 3,\n                  type: \"location\",\n                  imageSrc: _vm.voucher.Image,\n                  itemName: _vm.voucher.Name,\n                  itemId: this.locationId,\n                  imageSize: 640,\n                },\n              }),\n            ],\n            1\n          ),\n        ],\n        1\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"/**\\n* Colors\\n*/\\n/**\\n* Text sizes\\n*/\\n/**\\n* Column settings\\n*/\\n/**\\n* Font properties\\n*/\\n.imageContainer[data-v-4f947d3c] {\\n  max-width: 640px;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../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=4f947d3c&lang=sass&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"47e8ba2b\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../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=4f947d3c&lang=sass&scoped=true\", function() {\n     var newContent = require(\"!!../../../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=4f947d3c&lang=sass&scoped=true\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./Images.vue?vue&type=template&id=4f947d3c&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=4f947d3c&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  \"4f947d3c\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4f947d3c')) {\n      api.createRecord('4f947d3c', component.options)\n    } else {\n      api.reload('4f947d3c', component.options)\n    }\n    module.hot.accept(\"./Images.vue?vue&type=template&id=4f947d3c&scoped=true\", function () {\n      api.rerender('4f947d3c', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/Vouchers/Images.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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/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 * from \"-!../../../node_modules/vue-style-loader/index.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=4f947d3c&lang=sass&scoped=true\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"381a4baa-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Images.vue?vue&type=template&id=4f947d3c&scoped=true\""],"sourceRoot":""}