{"version":3,"sources":["webpack:///./src/components/Counter.vue?c381","webpack:///./src/components/Counter.vue?b0a2","webpack:///src/components/Counter.vue","webpack:///./src/components/Counter.vue?58cc","webpack:///./src/components/Counter.vue?1802","webpack:///./src/components/layout/HeaderBasket.vue?f21e","webpack:///src/components/layout/HeaderBasket.vue","webpack:///./src/components/layout/HeaderBasket.vue?077c","webpack:///./src/components/layout/HeaderBasket.vue?39ca","webpack:///./src/components/layout/HeaderBasket.vue?368c"],"names":["render","_h","_vm","_c","props","count","staticClass","attrs","variant","Number","maxCount","_v","_s","_e","staticRenderFns","name","type","String","default","validator","component","this","$createElement","_self","_g","_b","$attrs","$listeners","itemCount","basketLastAction","popover","show","tPath","toLowerCase","scopedSlots","_u","_l","prop","pKey","key","fn","proxy","href","$t","inheritAttrs","components","Counter","data","timeout","computed","$store","getters","popoverActiontypeProperties","methods","showPopover","clearTimeout","setTimeout","created","dispatch","watch"],"mappings":"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","file":"js/chunk-41e87a02.74be912a.js","sourcesContent":["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&\"","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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header-basket\"},[_c('b-button',_vm._g(_vm._b({staticClass:\"counter-wrapper\",attrs:{\"id\":\"HeaderBasketButton\",\"variant\":\"outline-control\",\"size\":\"sm\"}},'b-button',_vm.$attrs,false),_vm.$listeners),[_c('b-icon',{attrs:{\"icon\":\"cart\"}}),_c('counter',{attrs:{\"count\":_vm.itemCount}})],1),(_vm.basketLastAction.type)?_c('b-popover',{attrs:{\"target\":\"HeaderBasketButton\",\"container\":\"HeaderBasketButton\",\"placement\":\"bottomleft\",\"triggers\":\"manual\",\"show\":_vm.popover.show}},[_c('i18n',{attrs:{\"tag\":\"p\",\"path\":(_vm.tPath + \".popover.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.basketbutton\"))))])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"header-basket\">\r\n    <b-button id=\"HeaderBasketButton\" class=\"counter-wrapper\" variant=\"outline-control\" size=\"sm\" v-bind=\"$attrs\" v-on=\"$listeners\">\r\n      <b-icon icon=\"cart\"/>\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=\"HeaderBasketButton\"\r\n      container=\"HeaderBasketButton\"\r\n      placement=\"bottomleft\"\r\n      triggers=\"manual\"\r\n      :show=\"popover.show\"\r\n    >\r\n      <i18n tag=\"p\" :path=\"`${tPath}.popover.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.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['shoppingcart/getItemCount']\r\n    },\r\n    basketLastAction () {\r\n      return this.$store.getters['shoppingcart/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('shoppingcart/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!./HeaderBasket.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!./HeaderBasket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HeaderBasket.vue?vue&type=template&id=32664c22&\"\nimport script from \"./HeaderBasket.vue?vue&type=script&lang=js&\"\nexport * from \"./HeaderBasket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HeaderBasket.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!./HeaderBasket.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}