{"version":3,"sources":["webpack:///./src/components/Loader.vue?6c0f","webpack:///src/components/Loader.vue","webpack:///./src/components/Loader.vue?3038","webpack:///./src/components/Loader.vue?f04a","webpack:///./src/components/authenticated/PackShotList/PackShotListDownloader.vue?ea0d","webpack:///./src/components/authenticated/PackShotList/PackShotListDownloader.vue?1772","webpack:///src/components/authenticated/PackShotList/PackShotListDownloader.vue","webpack:///./src/components/authenticated/PackShotList/PackShotListDownloader.vue?ee04","webpack:///./src/components/authenticated/PackShotList/PackShotListDownloader.vue?e078","webpack:///./src/components/Loader.vue?7aac"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","inline","staticClass","attrs","scale","$slots","_t","_e","staticRenderFns","name","props","type","Boolean","default","Number","String","component","is","basket","itemCount","$root","isMobile","_v","_s","$t","tPath","count","contentCols","xs","sm","md","lg","xl","_l","item","key","basketItemId","product","image","on","$event","preventDefault","deleteItem","deleteBasket","downloadPackShots","components","Loader","computed","$store","getters","data","methods","dispatch","filename","disposition","response","headers","indexOf","filenameRegex","matches","exec","replace","a","href","window","URL","createObjectURL","download","style","display","document","body","appendChild","click","remove","created","addEventListener","beforePrint","afterPrint","beforeDestroy","removeEventListener"],"mappings":"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","file":"js/chunk-dc3e4c62.8940e302.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['loader', { 'is-inline': _vm.inline }]},[_c('b-iconstack',{staticClass:\"loader-icon\",attrs:{\"font-scale\":_vm.scale}},[_c('b-icon',{attrs:{\"stacked\":\"\",\"icon\":\"loader-circle-back\"}}),_c('b-icon',{attrs:{\"stacked\":\"\",\"icon\":\"loader-circle-front\"}})],1),(_vm.$slots.default)?_c('div',{staticClass:\"loader-text\"},[_vm._t(\"default\")],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['loader', { 'is-inline': inline }]\">\r\n    <b-iconstack class=\"loader-icon\" :font-scale=\"scale\">\r\n      <b-icon stacked icon=\"loader-circle-back\"/>\r\n      <b-icon stacked icon=\"loader-circle-front\"/>\r\n    </b-iconstack>\r\n\r\n    <div class=\"loader-text\" v-if=\"$slots.default\">\r\n      <slot/>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Loader',\r\n  props: {\r\n    inline: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    scale: {\r\n      type: [Number, String],\r\n      default: 1\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$loader-wrapper-empty-height: 200px !default;\r\n\r\n$loader-icon-size: $font-size-base * 5 !default;\r\n\r\n$loader-icon-circle-back-color: $primary !default;\r\n$loader-icon-circle-front-color: $gray-300 !default;\r\n\r\n$loader-icon-animation-duration: 1.5s !default;\r\n\r\n.loader-wrapper {\r\n  position: relative;\r\n\r\n  &.empty {\r\n    height: $loader-wrapper-empty-height;\r\n  }\r\n}\r\n\r\n.loader {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 0;\r\n  height: 0;\r\n  z-index: 2000;\r\n\r\n  .loader-icon {\r\n    transform: translate(-50%, -50%);\r\n    font-size: $loader-icon-size;\r\n\r\n    .bi-loader-circle-front {\r\n      color: $loader-icon-circle-front-color;\r\n\r\n      .loader-spinner { transform-origin: center center; animation: loader-spin $loader-icon-animation-duration cubic-bezier(0.8, 0.25, 0.45, 0.8) infinite; }\r\n    }\r\n\r\n    .bi-loader-circle-back {\r\n      color: $loader-icon-circle-back-color;\r\n    }\r\n  }\r\n\r\n  .loader-text {\r\n    transform: translate(-50%, $loader-icon-size * -0.5);\r\n    width: 80vw;\r\n    font-weight: $font-weight-bold;\r\n    text-align: center;\r\n  }\r\n\r\n  &.is-inline {\r\n    display: inline-block;\r\n    position: static;\r\n    width: auto;\r\n    height: auto;\r\n    vertical-align: middle;\r\n\r\n    .loader-icon {\r\n      display: block;\r\n      transform: none;\r\n      font-size: inherit;\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes loader-spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n}\r\n</style>\r\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!./Loader.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!./Loader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loader.vue?vue&type=template&id=14397310&\"\nimport script from \"./Loader.vue?vue&type=script&lang=js&\"\nexport * from \"./Loader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Loader.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PackShotListDownloader.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"basket\"},[(_vm.is.initial)?_c('loader',{attrs:{\"variant\":\"primary\"}}):(_vm.basket.itemCount <= 0)?_c('c-leaf',{staticClass:\"basket-emptymessage\"},[_c('b-row',{attrs:{\"align-h\":\"center\",\"align-v\":\"center\"}},[_c('b-col',{attrs:{\"cols\":\"auto\"}},[_c('div',{staticClass:\"emptymessage-icon\"},[_c('b-icon',{attrs:{\"icon\":\"image-placeholder\",\"font-scale\":\"8\"}})],1)]),_c('b-col',{attrs:{\"cols\":!_vm.$root.isMobile ? 'auto' : 12}},[_c('div',{staticClass:\"emptymessage-content\"},[_vm._t(\"emptymessage\")],2)])],1)],1):_c('b-row',[_c('b-col',{attrs:{\"lg\":\"8\",\"tag\":\"article\"}},[_c('h4',[_vm._v(_vm._s(_vm.$t((_vm.tPath + \".packshot.overview.title\"), { count: _vm.basket.itemCount })))]),_c('c-leaf',[_c('b-row',{attrs:{\"cols\":_vm.contentCols.xs,\"cols-sm\":_vm.contentCols.sm,\"cols-md\":_vm.contentCols.md,\"cols-lg\":_vm.contentCols.lg,\"cols-xl\":_vm.contentCols.xl}},_vm._l((_vm.basket.items),function(item){return _c('b-col',{key:item.basketItemId},[_c('div',{staticClass:\"p-1 mb-2 bg-light packshot\"},[_c('img',{staticClass:\"packshot-image\",attrs:{\"src\":item.product.image}}),_c('div',{staticClass:\"item-actions d-flex justify-content-end\"},[_c('a',{attrs:{\"href\":\"#\",\"title\":_vm.$t((_vm.tPath + \".packshot.deleteitem\"))},on:{\"click\":function($event){$event.preventDefault();return _vm.deleteItem(item)}}},[_c('b-icon',{attrs:{\"icon\":\"trash\"}})],1)])])])}),1),_c('div',{staticClass:\"items-footer\"},[_c('div',{staticClass:\"footer-actions\"},[_c('b-link',{on:{\"click\":function($event){$event.preventDefault();return _vm.deleteBasket($event)}}},[_c('b-icon',{attrs:{\"icon\":\"trash\"}}),_vm._v(\" \"+_vm._s(_vm.$t((_vm.tPath + \".packshot.deletebasket\"))))],1)],1)])],1)],1),_c('b-col',{staticClass:\"mt-3 mt-lg-0\",attrs:{\"lg\":\"4\",\"tag\":\"aside\"}},[_c('h4',[_vm._v(_vm._s(_vm.$t((_vm.tPath + \".packshot.download.title\"))))]),_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.downloadPackShots}},[_c('b-icon',{attrs:{\"icon\":\"b-download\"}}),_vm._v(\" \"+_vm._s(_vm.$t((_vm.tPath + \".packshot.download.button\"))))],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"basket\">\r\n\r\n    <loader v-if=\"is.initial\" variant=\"primary\"/>\r\n\r\n    <c-leaf v-else-if=\"basket.itemCount <= 0\" class=\"basket-emptymessage\">\r\n      <b-row align-h=\"center\" align-v=\"center\">\r\n        <b-col cols=\"auto\">\r\n          <div class=\"emptymessage-icon\">\r\n            <b-icon icon=\"image-placeholder\" font-scale=\"8\"/>\r\n          </div>\r\n        </b-col>\r\n\r\n        <b-col :cols=\"!$root.isMobile ? 'auto' : 12\">\r\n          <div class=\"emptymessage-content\">\r\n            <slot name=\"emptymessage\"/>\r\n          </div>\r\n        </b-col>\r\n      </b-row>\r\n    </c-leaf>\r\n\r\n    <b-row v-else>\r\n      <b-col lg=\"8\" tag=\"article\">\r\n        <h4>{{ $t(`${tPath}.packshot.overview.title`, { count: basket.itemCount }) }}</h4>\r\n        <c-leaf>\r\n          <b-row :cols=\"contentCols.xs\" :cols-sm=\"contentCols.sm\" :cols-md=\"contentCols.md\" :cols-lg=\"contentCols.lg\" :cols-xl=\"contentCols.xl\">\r\n            <b-col v-for=\"item in basket.items\" :key=\"item.basketItemId\">\r\n              <div class=\"p-1 mb-2 bg-light packshot\">\r\n                <img class=\"packshot-image\" :src=\"item.product.image\" />\r\n                <div class=\"item-actions d-flex justify-content-end\">\r\n                  <a href=\"#\" @click.prevent=\"deleteItem(item)\" :title=\"$t(`${tPath}.packshot.deleteitem`)\"><b-icon icon=\"trash\"/></a>\r\n                </div>\r\n              </div>\r\n            </b-col>\r\n          </b-row>\r\n          <div class=\"items-footer\">\r\n              <div class=\"footer-actions\">\r\n                <b-link @click.prevent=\"deleteBasket\"><b-icon icon=\"trash\"/> {{ $t(`${tPath}.packshot.deletebasket`) }}</b-link>\r\n              </div>\r\n            </div>\r\n        </c-leaf>\r\n      </b-col>\r\n\r\n      <b-col lg=\"4\" tag=\"aside\" class=\"mt-3 mt-lg-0\">\r\n        <h4>{{ $t(`${tPath}.packshot.download.title`) }}</h4>\r\n        <b-button @click=\"downloadPackShots\" variant=\"primary\"><b-icon icon=\"b-download\"/> {{ $t(`${tPath}.packshot.download.button`) }}</b-button>\r\n      </b-col>\r\n    </b-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { ASIDE_COLUMN_WIDTHS } from '@/assets/js/config/client'\r\nimport Loader from '@/components/Loader'\r\n\r\nexport default {\r\n  name: 'Basket',\r\n  components: {\r\n    Loader\r\n  },\r\n  computed: {\r\n    is () {\r\n      return this.$store.getters['packshotlistcart/is']\r\n    },\r\n    basket () {\r\n      return this.$store.getters['packshotlistcart/get']\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      contentCols: ASIDE_COLUMN_WIDTHS\r\n    }\r\n  },\r\n  methods: {\r\n    downloadPackShots () {\r\n      this.$store.dispatch('packshotlistcart/zipFile', { fileName: this.$t(`${this.tPath}.packshot.download.filename`) }).then(response => {\r\n        var filename = ''\r\n        var disposition = response.headers['content-disposition']\r\n        if (disposition && disposition.indexOf('attachment') !== -1) {\r\n          var filenameRegex = /filename[^;=\\n]*=((['\"]).*?\\2|[^;\\n]*)/\r\n          var matches = filenameRegex.exec(disposition)\r\n          if (matches != null && matches[1]) {\r\n            filename = matches[1].replace(/['\"]/g, '')\r\n          }\r\n        }\r\n        const a = document.createElement('a')\r\n        a.href = window.URL.createObjectURL(response.data)\r\n        a.download = filename\r\n        a.style.display = 'none'\r\n        document.body.appendChild(a)\r\n        a.click()\r\n        a.remove()\r\n        this.$store.dispatch('packshotlistcart/close')\r\n      })\r\n    },\r\n    deleteBasket () {\r\n      this.$store.dispatch('packshotlistcart/delete')\r\n    },\r\n    deleteItem (item) {\r\n      this.$store.dispatch('packshotlistcart/deleteItem', { itemId: item.basketItemId, omitLastAction: true })\r\n    }\r\n  },\r\n  created () {\r\n    this.$store.dispatch('packshotlistcart/get')\r\n\r\n    window.addEventListener('beforeprint', this.beforePrint)\r\n    window.addEventListener('afterprint', this.afterPrint)\r\n  },\r\n  beforeDestroy () {\r\n    window.removeEventListener('beforeprint', this.beforePrint)\r\n    window.removeEventListener('afterprint', this.afterPrint)\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// mobile\r\n\r\n$basket-emptymessage-icon-gap: $spacer !default;\r\n$basket-emptymessage-content-text-align: center !default;\r\n\r\n$basket-items-footer-actions-gap-y: $spacer * 0.5 !default;\r\n$basket-items-footer-actions-gap-x: $spacer * 2 !default;\r\n\r\n// tablet\r\n\r\n$basket-tablet: $mobile-breakpoint !default;\r\n\r\n$basket-tablet-emptymessage-icon-gap: 0 !default;\r\n$basket-tablet-emptymessage-content-text-align: inherit !default;\r\n\r\n$basket-tablet-items-grid-columns: [start] auto 4fr 1fr 1fr 1fr [end] !default;\r\n\r\n$basket-tablet-items-header-font-size: $font-size-sm !default;\r\n$basket-tablet-items-header-color: $dark !default;\r\n$basket-tablet-items-header-line-height: 1.1 !default;\r\n\r\n// desktop\r\n\r\n$basket-desktop: $desktop-breakpoint !default;\r\n\r\n.basket {\r\n  @include component('y');\r\n\r\n  .basket-emptymessage {\r\n    @include component('y');\r\n\r\n    .emptymessage-icon {\r\n      margin-bottom: $basket-emptymessage-icon-gap;\r\n    }\r\n\r\n    .emptymessage-content {\r\n      text-align: $basket-emptymessage-content-text-align;\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up($basket-tablet) {\r\n    .basket-emptymessage {\r\n      .emptymessage-icon {\r\n        margin-bottom: $basket-tablet-emptymessage-icon-gap;\r\n      }\r\n\r\n      .emptymessage-content {\r\n        text-align: $basket-tablet-emptymessage-content-text-align;\r\n      }\r\n    }\r\n  }\r\n\r\n  .packshot{\r\n    position:relative;\r\n\r\n    &-image{\r\n      width:100%;\r\n      margin-bottom:0;\r\n    }\r\n\r\n    .item-actions{\r\n      position:absolute;\r\n      bottom:0;\r\n      left: 0;\r\n      right: 0;\r\n      padding: 0.5rem;\r\n      background-color: rgba($light, 0.50)\r\n    }\r\n  }\r\n}\r\n\r\n@media print {\r\n  .basket-print-mode {\r\n    #app {\r\n      > header,\r\n      > footer {\r\n        display: none!important;\r\n      }\r\n\r\n      > main {\r\n        .basket ~ * {\r\n          display: none!important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./PackShotListDownloader.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!./PackShotListDownloader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PackShotListDownloader.vue?vue&type=template&id=104d2a55&\"\nimport script from \"./PackShotListDownloader.vue?vue&type=script&lang=js&\"\nexport * from \"./PackShotListDownloader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PackShotListDownloader.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}