{"version":3,"sources":["webpack:///./src/components/layout/HeaderPackShotBasket.vue?5b40","webpack:///src/components/layout/HeaderPackShotBasket.vue","webpack:///./src/components/layout/HeaderPackShotBasket.vue?1cb0","webpack:///./src/components/layout/HeaderPackShotBasket.vue?e44f","webpack:///./src/components/Counter.vue?c381","webpack:///./src/components/layout/HeaderPackShotBasket.vue?f2ab","webpack:///./src/components/Counter.vue?5946","webpack:///src/components/Counter.vue","webpack:///./src/components/Counter.vue?58cc","webpack:///./src/components/Counter.vue?1802"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_g","_b","attrs","$attrs","$listeners","itemCount","basketLastAction","popover","show","tPath","type","toLowerCase","scopedSlots","_u","_l","prop","pKey","key","fn","_v","_s","proxy","href","$t","_e","staticRenderFns","name","inheritAttrs","components","Counter","data","timeout","computed","$store","getters","popoverActiontypeProperties","methods","showPopover","clearTimeout","setTimeout","created","dispatch","watch","component","props","count","variant","Number","maxCount","String","default","validator"],"mappings":"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","file":"js/chunk-edf33fee.79c0b76e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"packshot-basket\"},[_c('b-button',_vm._g(_vm._b({staticClass:\"counter-wrapper\",attrs:{\"id\":\"HeaderPackShotBasketButton\",\"variant\":\"outline-control\",\"size\":\"sm\"}},'b-button',_vm.$attrs,false),_vm.$listeners),[_c('b-icon',{attrs:{\"icon\":\"b-bookmarks\"}}),_c('counter',{attrs:{\"count\":_vm.itemCount}})],1),(_vm.basketLastAction.type)?_c('b-popover',{attrs:{\"target\":\"HeaderPackShotBasketButton\",\"container\":\"HeaderPackShotBasketButton\",\"placement\":\"bottomleft\",\"triggers\":\"manual\",\"show\":_vm.popover.show}},[_c('i18n',{attrs:{\"tag\":\"p\",\"path\":(_vm.tPath + \".popover.packshot.actiontype.\" + (_vm.basketLastAction.type.toLowerCase()))},scopedSlots:_vm._u([_vm._l((_vm.popoverActiontypeProperties),function(prop,pKey){return {key:pKey,fn:function(){return [_c('strong',{key:pKey},[_vm._v(_vm._s(prop))])]},proxy:true}})],null,true)}),_c('b-button',{attrs:{\"href\":_vm.$attrs.href,\"variant\":\"primary\",\"size\":\"sm\",\"block\":\"\"}},[_vm._v(_vm._s(_vm.$t((_vm.tPath + \".popover.packshot.basketbutton\"))))])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"packshot-basket\">\r\n    <b-button id=\"HeaderPackShotBasketButton\" class=\"counter-wrapper\" variant=\"outline-control\" size=\"sm\" v-bind=\"$attrs\" v-on=\"$listeners\">\r\n      <b-icon icon=\"b-bookmarks\"/>\r\n      <counter :count=\"itemCount\"/>\r\n    </b-button>\r\n\r\n    <!-- container=\"HeaderCartButton\" -->\r\n    <b-popover\r\n      v-if=\"basketLastAction.type\"\r\n      target=\"HeaderPackShotBasketButton\"\r\n      container=\"HeaderPackShotBasketButton\"\r\n      placement=\"bottomleft\"\r\n      triggers=\"manual\"\r\n      :show=\"popover.show\"\r\n    >\r\n      <i18n tag=\"p\" :path=\"`${tPath}.popover.packshot.actiontype.${basketLastAction.type.toLowerCase()}`\">\r\n        <template v-for=\"(prop, pKey) in popoverActiontypeProperties\" v-slot:[pKey]><strong :key=\"pKey\">{{ prop }}</strong></template>\r\n      </i18n>\r\n      <b-button :href=\"$attrs.href\" variant=\"primary\" size=\"sm\" block>{{ $t(`${tPath}.popover.packshot.basketbutton`) }}</b-button>\r\n    </b-popover>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { COMPONENT_HEADERBASKET_POPOVER_HIDE_TIMEOUT } from '@/constants'\r\n\r\nimport { flatten } from '@/assets/js/helper/object'\r\n\r\nimport Counter from '@/components/Counter'\r\n\r\nexport default {\r\n  name: 'HeaderBasket',\r\n  inheritAttrs: false,\r\n  components: {\r\n    Counter\r\n  },\r\n  data () {\r\n    return {\r\n      popover: {\r\n        show: false,\r\n        timeout: null\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    itemCount () {\r\n      return this.$store.getters['packshotlistcart/getItemCount']\r\n    },\r\n    basketLastAction () {\r\n      return this.$store.getters['packshotlistcart/getLastAction']\r\n    },\r\n    popoverActiontypeProperties () {\r\n      return flatten(this.basketLastAction)\r\n    }\r\n  },\r\n  methods: {\r\n    showPopover () {\r\n      if (this.basketLastAction.type) {\r\n        if (this.popover.timeout) clearTimeout(this.popover.timeout)\r\n\r\n        this.popover.show = true\r\n        this.popover.timeout = setTimeout(() => {\r\n          this.popover.show = false\r\n        }, COMPONENT_HEADERBASKET_POPOVER_HIDE_TIMEOUT)\r\n      } else {\r\n        if (this.popover.timeout) clearTimeout(this.popover.timeout)\r\n        this.popover.show = false\r\n      }\r\n    }\r\n  },\r\n  created () {\r\n    this.$store.dispatch('packshotlistcart/getMinimal')\r\n  },\r\n  watch: {\r\n    basketLastAction () {\r\n      this.showPopover()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$headerbasket-popover-min-width: 250px !default;\r\n$headerbasket-popover-margin-x: calc((#{$btn-border-width} + #{$btn-padding-x-sm} + 0.625em) - (#{$popover-arrow-width * 0.5})) !default;\r\n\r\n.header-basket {\r\n  #HeaderBasketButton {\r\n    &:not(:hover):not(:active) {\r\n      background-color: transparent;\r\n      border-color: transparent;\r\n    }\r\n  }\r\n\r\n  .popover {\r\n    min-width: $headerbasket-popover-min-width;\r\n\r\n    .arrow {\r\n      // icon font-size = 125%, defined by bootstrap-vue\r\n      // 1.25em / 2 = 0.625em\r\n      margin-left: $headerbasket-popover-margin-x;\r\n      margin-right: $headerbasket-popover-margin-x;\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!./HeaderPackShotBasket.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!./HeaderPackShotBasket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HeaderPackShotBasket.vue?vue&type=template&id=25568374&\"\nimport script from \"./HeaderPackShotBasket.vue?vue&type=script&lang=js&\"\nexport * from \"./HeaderPackShotBasket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HeaderPackShotBasket.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!./Counter.vue?vue&type=style&index=0&lang=scss&\"","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!./HeaderPackShotBasket.vue?vue&type=style&index=0&lang=scss&\"","var render = function (_h,_vm) {var _c=_vm._c;return (_vm.props.count && _vm.props.count > 0)?_c('b-badge',{staticClass:\"counter\",attrs:{\"variant\":_vm.props.variant}},[(Number(_vm.props.count) <= Number(_vm.props.maxCount))?[_vm._v(_vm._s(_vm.props.count))]:[_vm._v(_vm._s(_vm.props.maxCount)+\"+\")]],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template functional>\r\n  <b-badge v-if=\"props.count && props.count > 0\" class=\"counter\" :variant=\"props.variant\">\r\n    <template v-if=\"Number(props.count) <= Number(props.maxCount)\">{{ props.count }}</template>\r\n    <template v-else>{{ props.maxCount }}+</template>\r\n  </b-badge>\r\n</template>\r\n\r\n<script>\r\nimport SCSS_VARIABLES from '@/assets/js/modules/scss-variables'\r\n\r\nconst ALLOWED_VARIANT_NAMES = Object.keys(SCSS_VARIABLES.colors.theme)\r\n\r\nexport default {\r\n  name: 'Counter',\r\n  props: {\r\n    count: {\r\n      type: [String, Number],\r\n      default: null\r\n    },\r\n    maxCount: {\r\n      type: [String, Number],\r\n      default: 9999\r\n    },\r\n    variant: {\r\n      type: String,\r\n      default: 'primary',\r\n      validator: value => ALLOWED_VARIANT_NAMES.includes(value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$counter-padding: $spacer * 0.25 !default;\r\n$counter-font-size: 12px !default;\r\n$counter-font-weight: $font-weight-bold !default;\r\n\r\n$counter-offset-y: $counter-font-size * -0.1 !default;\r\n\r\n.counter-wrapper {\r\n  position: relative;\r\n\r\n  .counter {\r\n    position: absolute;\r\n    top: $counter-offset-y;\r\n    left: 60%;\r\n  }\r\n}\r\n\r\n.counter {\r\n  padding: $counter-padding;\r\n  min-width: calc(1em + #{$counter-padding * 2});\r\n  min-height: calc(1em + #{$counter-padding * 2});\r\n  border-radius: 2em;\r\n  font-size: $counter-font-size;\r\n  font-weight: $counter-font-weight;\r\n  white-space: nowrap;\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!./Counter.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!./Counter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Counter.vue?vue&type=template&id=44d1f9de&functional=true&\"\nimport script from \"./Counter.vue?vue&type=script&lang=js&\"\nexport * from \"./Counter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Counter.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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}