{"version":3,"sources":["webpack:///./src/components/ProductBasketbutton.vue?a61e","webpack:///src/components/ProductBasketbutton.vue","webpack:///./src/components/ProductBasketbutton.vue?9f8e","webpack:///./src/components/ProductBasketbutton.vue?6e3e","webpack:///./src/components/Product.vue?7f09","webpack:///./src/components/ProductPrice.vue?8eb7","webpack:///src/components/ProductPrice.vue","webpack:///./src/components/ProductPrice.vue?ca00","webpack:///./src/components/ProductPrice.vue?2216","webpack:///./src/assets/js/helper/array.js","webpack:///./node_modules/core-js/modules/es.math.trunc.js","webpack:///./src/components/Product.vue?30a8","webpack:///src/components/Product.vue","webpack:///./src/components/Product.vue?7a9f","webpack:///./src/components/Product.vue?1a61","webpack:///./src/components/ProductBasketbutton.vue?b18e","webpack:///./src/components/ProductFaqs.vue?da66","webpack:///src/components/ProductFaqs.vue","webpack:///./src/components/ProductFaqs.vue?4990","webpack:///./src/components/ProductFaqs.vue","webpack:///./src/components/CalendarWeekSelector.vue?ae52","webpack:///src/components/CalendarWeekSelector.vue","webpack:///./src/components/CalendarWeekSelector.vue?db13","webpack:///./src/components/CalendarWeekSelector.vue?fe92","webpack:///./src/components/CalendarWeekSelector.vue?94c2","webpack:///./src/components/ProductFaqs.vue?d7c0","webpack:///./src/components/ProductPrice.vue?1f91"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","setAdditionalBasketConfig","disabled","attrs","readOnly","on","$event","stopPropagation","addToCart","directives","name","rawName","value","quantity","customMode","expression","dropdownText","_l","item","key","setQuantity","type","_v","_s","text","ref","toggleQuantityCustomMode","model","callback","$$v","$set","staticRenderFns","props","productId","String","required","productType","quantityinfo","Object","default","quantityPostFix","requiredAdditionalPropertiesValidation","errorToastTitle","Boolean","customAmount","data","displayText","tempValue","additionalConfigurations","computed","quantityOptions","min","max","range","step","quantitySteps","Array","quantityInit","initialStep","toString","dropdownItems","methods","state","$nextTick","isNonNumberic","isOutOfRange","keys","additionalConfigs","length","undefined","validationErrors","push","forEach","$store","dispatch","created","component","class","inherit","priceinfo","alignH","totalPrice","currency","scopedSlots","_u","fn","integer","group","decimal","fraction","$te","tPath","hideVatInfo","$t","_e","singlePrice","validator","createPrice","assemblyType","getters","activePrice","ASSEMBLYTYPES","find","isValid","isNaN","original","number","hideFraction","closest","array","map","n","v","d","Math","abs","sort","a","b","copy","merge","$","ceil","floor","target","stat","trunc","it","_b","_d","$root","mobile","up","proxy","toggleDatePicker","currentDate","minDate","locale","startWeekday","dateFormatOptions","datePickerChange","calendarWeek","minWeekDate","Date","options","weekStartsOn","date","$emit","startDate","toDate","endDate","$refs","datePicker","control","toggle","dispatchEvent","Event","getFullYear","getMonth","getDate","getDay"],"mappings":"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","file":"js/component-product.671c9e47.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"product-basketbutton\"},[_vm._t(\"additionalconfig\",null,{\"setAdditionalBasketConfig\":_vm.setAdditionalBasketConfig}),(!_vm.disabled)?_c('b-button',{staticClass:\"basketbutton\",attrs:{\"disabled\":_vm.readOnly,\"variant\":\"custom\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.addToCart($event)}}},[_c('div',{staticClass:\"basketbutton-quantity\",on:{\"click\":function($event){$event.stopPropagation();}}},[_c('b-dropdown',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.quantity.customMode),expression:\"!quantity.customMode\"}],attrs:{\"disabled\":_vm.readOnly,\"text\":_vm.dropdownText,\"size\":\"sm\",\"dropup\":\"\",\"no-flip\":\"\"}},_vm._l((_vm.dropdownItems),function(item){return _c('b-dropdown-item',{key:item.value,on:{\"click\":function($event){$event.stopPropagation();return _vm.setQuantity(item.type, item.value)}}},[_vm._v(_vm._s(item.text))])}),1),_c('b-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.quantity.customMode),expression:\"quantity.customMode\"}],ref:\"quantityControl\",on:{\"blur\":function($event){return _vm.toggleQuantityCustomMode(false)}},model:{value:(_vm.quantity.value),callback:function ($$v) {_vm.$set(_vm.quantity, \"value\", $$v)},expression:\"quantity.value\"}})],1),_c('div',{staticClass:\"basketbutton-text flex-grow-1\"},[_vm._t(\"default\")],2)]):_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"dark\"}},[_vm._t(\"disabledcontent\")],2)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"product-basketbutton\">\r\n    <slot name=\"additionalconfig\" :setAdditionalBasketConfig=\"setAdditionalBasketConfig\" />\r\n    <b-button class=\"basketbutton\" v-if=\"!disabled\" :disabled=\"readOnly\" variant=\"custom\" @click.stop=\"addToCart\">\r\n      <div class=\"basketbutton-quantity\" @click.stop>\r\n        <b-dropdown v-show=\"!quantity.customMode\" :disabled=\"readOnly\" :text=\"dropdownText\" size=\"sm\" dropup no-flip>\r\n          <b-dropdown-item v-for=\"item in dropdownItems\" :key=\"item.value\" @click.stop=\"setQuantity(item.type, item.value)\">{{ item.text }}</b-dropdown-item>\r\n        </b-dropdown>\r\n\r\n        <b-input v-show=\"quantity.customMode\" ref=\"quantityControl\" v-model=\"quantity.value\" @blur=\"toggleQuantityCustomMode(false)\" />\r\n      </div>\r\n\r\n      <div class=\"basketbutton-text flex-grow-1\">\r\n        <slot />\r\n      </div>\r\n\r\n    </b-button>\r\n    <b-alert show variant=\"dark\" v-else>\r\n      <slot name=\"disabledcontent\" />\r\n    </b-alert>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { COMPONENT_PRODUCTBUYBUTTON_DROPDOWN_MAX_ITEMS, COMPONENT_PRODUCTBUYBUTTON_QUANTITY_DEFAULTS } from '@/constants'\r\n\r\nimport { closest } from '@/assets/js/helper/array'\r\n\r\nexport default {\r\n  name: 'ProductBuybutton',\r\n  props: {\r\n    productId: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    productType: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    quantityinfo: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    quantityPostFix: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    requiredAdditionalPropertiesValidation: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    errorToastTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    customAmount: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    readOnly: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      quantity: {\r\n        customMode: false,\r\n        value: null,\r\n        displayText: '',\r\n        tempValue: null\r\n      },\r\n      additionalConfigurations: {}\r\n    }\r\n  },\r\n  computed: {\r\n    quantityOptions () {\r\n      // must be >= 1, fallback = 1\r\n      const max = Math.trunc(Math.max(1, Number(this.quantityinfo.max || COMPONENT_PRODUCTBUYBUTTON_QUANTITY_DEFAULTS.max)))\r\n      // must be >= 1 and <= max, fallback = 1 or max\r\n      const min = Math.trunc(Math.max(1, Math.min(max, Number(this.quantityinfo.min || COMPONENT_PRODUCTBUYBUTTON_QUANTITY_DEFAULTS.min))))\r\n      // must be >= 1, fallback = 1\r\n      const step = Math.trunc(Math.max(1, Number(this.quantityinfo.step || COMPONENT_PRODUCTBUYBUTTON_QUANTITY_DEFAULTS.step)))\r\n\r\n      return {\r\n        min,\r\n        max,\r\n        range: max - min,\r\n        step\r\n      }\r\n    },\r\n    quantitySteps () {\r\n      // add 1 for initial step (e.g. quantityOptions.min)\r\n      const stepCount = Math.trunc(this.quantityOptions.range / this.quantityOptions.step) + 1\r\n\r\n      return Array\r\n        .from(Array(stepCount).keys())\r\n        .map(step => {\r\n          const stepValue = (step === 0 ? this.quantityOptions.min : this.quantityOptions.min + step * this.quantityOptions.step)\r\n          return {\r\n            value: stepValue,\r\n            text: stepValue + (this.quantityPostFix ? ` ${this.quantityPostFix}` : '')\r\n          }\r\n        })\r\n    },\r\n    quantityInit () {\r\n      // must by one >= 1 and <= quantitySteps.length, fallback = 0 or quantitySteps.length - 1\r\n      const initialStep = Number(Math.min(this.quantitySteps.length, Math.max(1, this.quantityinfo.initialStep || COMPONENT_PRODUCTBUYBUTTON_QUANTITY_DEFAULTS.initialStep))) - 1\r\n      return this.quantitySteps[initialStep]\r\n    },\r\n    dropdownText () {\r\n      return (this.quantity.displayText || '').toString()\r\n    },\r\n    dropdownItems () {\r\n      return this.quantitySteps\r\n        .slice(0, COMPONENT_PRODUCTBUYBUTTON_DROPDOWN_MAX_ITEMS)\r\n        .map(ddi => ({ type: 'number', value: ddi.value, text: ddi.text }))\r\n        .concat({\r\n          type: 'custom',\r\n          text: this.customAmount ||\r\n            (this.quantitySteps.length > COMPONENT_PRODUCTBUYBUTTON_DROPDOWN_MAX_ITEMS\r\n              ? this.$t(`${this.tPath}.customquantitylabel`)\r\n              : [])\r\n        })\r\n    }\r\n  },\r\n  methods: {\r\n    setQuantity (type, value = this.quantityOptions.min) {\r\n      if (type === 'number') {\r\n        this.quantity.value = value\r\n        this.quantity.displayText = this.quantitySteps.find(x => x.value === value)?.text\r\n      } else {\r\n        this.toggleQuantityCustomMode(true)\r\n      }\r\n    },\r\n    toggleQuantityCustomMode (state = false) {\r\n      if (state) {\r\n        this.quantity.tempValue = this.quantity.value\r\n        this.quantity.value = null\r\n        this.quantity.customMode = true\r\n\r\n        this.$nextTick(() => {\r\n          this.$refs.quantityControl.focus()\r\n        })\r\n      } else {\r\n        const quantityValue = Number(this.quantity.value)\r\n        const isNonNumberic = !/^-?([0-9.]){1,}$/.test(this.quantity.value)\r\n        const isOutOfRange = quantityValue < this.quantityOptions.min && quantityValue > this.quantityOptions.max\r\n        const isOutOfSteps = !this.quantitySteps.some(itm => itm.value === quantityValue)\r\n\r\n        if (isNonNumberic || isOutOfRange) {\r\n          this.quantity.value = this.quantity.tempValue\r\n          this.quantity.tempValue = null\r\n          this.quantity.customMode = false\r\n        } else if (isOutOfSteps) {\r\n          this.quantity.value = closest(this.quantitySteps.map(x => x.value), quantityValue)\r\n        }\r\n      }\r\n    },\r\n    addToCart () {\r\n      let additionalConfigs = null\r\n      const validationErrors = []\r\n      if (Object.keys(this.additionalConfigurations)) {\r\n        additionalConfigs = this.additionalConfigurations\r\n      }\r\n      if (Object.keys(this.requiredAdditionalPropertiesValidation).length !== 0) {\r\n        for (var key in this.requiredAdditionalPropertiesValidation) {\r\n          if (additionalConfigs[key] === null || additionalConfigs[key] === undefined) {\r\n            validationErrors.push(this.requiredAdditionalPropertiesValidation[key])\r\n          }\r\n        }\r\n      }\r\n      if (validationErrors.length > 0) {\r\n        validationErrors.forEach((error, i) => this.$bvToast.toast(error, {\r\n          title: this.errorToastTitle,\r\n          autoHideDelay: 5000,\r\n          variant: 'danger',\r\n          solid: true\r\n        }))\r\n        return\r\n      }\r\n\r\n      this.$store.dispatch('shoppingcart/addItem', { productId: this.productId, productType: this.productType, additionalConfigurations: additionalConfigs, quantity: this.quantity.value })\r\n      this.quantity.value = this.quantityInit.value\r\n      this.quantity.displayText = this.quantityInit.text\r\n      this.quantity.customMode = false\r\n    },\r\n    setAdditionalBasketConfig (additionalConfigs) {\r\n      Object.keys(additionalConfigs).forEach(key => {\r\n        this.additionalConfigurations[key] = additionalConfigs[key]\r\n      })\r\n    }\r\n  },\r\n  created () {\r\n    this.quantity.value = this.quantityInit.value\r\n    this.quantity.displayText = this.quantityInit.text\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$productbasketbutton-padding-y: $btn-padding-y * 0.4 !default;\r\n$productbasketbutton-padding-x: $productbasketbutton-padding-y !default;\r\n$productbasketbutton-bg: $primary !default;\r\n$productbasketbutton-border: transparent !default;\r\n$productbasketbutton-font-weight: $font-weight-bold !default;\r\n$productbasketbutton-line-height: 1.1 !default;\r\n$productbasketbutton-hover-bg: darken($productbasketbutton-bg, 5%) !default;\r\n$productbasketbutton-hover-border: darken($productbasketbutton-border, 5%) !default;\r\n\r\n$productbasketbutton-quantity-width: $spacer * 4 !default;\r\n$productbasketbutton-quantity-height: $input-height-sm !default;\r\n\r\n$productbasketbutton-quantity-toggle-padding-y: 0 !default;\r\n$productbasketbutton-quantity-toggle-padding-x: $btn-padding-x * 0.5 !default;\r\n$productbasketbutton-quantity-toggle-bg: darken($productbasketbutton-bg, 2.5%) !default;\r\n$productbasketbutton-quantity-toggle-border: darken($productbasketbutton-border, 2.5%) !default;\r\n$productbasketbutton-quantity-toggle-hover-bg: darken($productbasketbutton-quantity-toggle-bg, 6%) !default;\r\n$productbasketbutton-quantity-toggle-hover-border: darken($productbasketbutton-quantity-toggle-border, 6%) !default;\r\n\r\n$productbasketbutton-quantity-menu-bg: $productbasketbutton-bg !default;\r\n$productbasketbutton-quantity-menu-border: $productbasketbutton-border !default;\r\n$productbasketbutton-quantity-menu-caret-size: $spacer * 0.6 !default;\r\n$productbasketbutton-quantity-menu-item-padding-y: $dropdown-item-padding-y !default;\r\n$productbasketbutton-quantity-menu-item-padding-x: $dropdown-item-padding-x * 0.6 !default;\r\n$productbasketbutton-quantity-menu-item-hover-bg: $productbasketbutton-hover-bg !default;\r\n\r\n$productbasketbutton-quantity-control-padding-y: $productbasketbutton-quantity-toggle-padding-y !default;\r\n$productbasketbutton-quantity-control-padding-x: $productbasketbutton-quantity-toggle-padding-x !default;\r\n$productbasketbutton-quantity-control-bg: $productbasketbutton-quantity-toggle-bg !default;\r\n$productbasketbutton-quantity-control-border: $productbasketbutton-quantity-toggle-bg !default;\r\n$productbasketbutton-quantity-control-hover-bg: $productbasketbutton-quantity-toggle-hover-bg !default;\r\n$productbasketbutton-quantity-control-hover-border: $productbasketbutton-quantity-toggle-hover-border !default;\r\n$productbasketbutton-quantity-control-focus-bg: $productbasketbutton-quantity-toggle-hover-bg !default;\r\n$productbasketbutton-quantity-control-focus-border: $white !default;\r\n\r\n$productbasketbutton-text-padding-y: 0 !default;\r\n$productbasketbutton-text-padding-x: $spacer !default;\r\n\r\n.product-basketbutton {\r\n  .basketbutton {\r\n    @include button-variant($productbasketbutton-bg, $productbasketbutton-border, $productbasketbutton-hover-bg, $productbasketbutton-hover-border);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: $productbasketbutton-padding-y $productbasketbutton-padding-x;\r\n    width: 100%;\r\n    font-weight: $productbasketbutton-font-weight;\r\n    line-height: $productbasketbutton-line-height;\r\n\r\n    &[disabled] {\r\n      pointer-events: none;\r\n      background-color: #aca19f;\r\n    }\r\n\r\n    .basketbutton-quantity {\r\n      width: $productbasketbutton-quantity-width;\r\n      height: $productbasketbutton-quantity-height;\r\n\r\n      .dropdown {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        .dropdown-toggle {\r\n          @include button-variant($productbasketbutton-quantity-toggle-bg, $productbasketbutton-quantity-toggle-border, $productbasketbutton-quantity-toggle-hover-bg, $productbasketbutton-quantity-toggle-hover-border);\r\n          padding-top: $productbasketbutton-quantity-toggle-padding-y;\r\n          padding-bottom: $productbasketbutton-quantity-toggle-padding-y;\r\n          padding-left: $productbasketbutton-quantity-toggle-padding-x;\r\n          height: 100%;\r\n          background-image: escape-svg(str-replace($dropdown-toggle-icon, \"fill='#{$dropdown-toggle-color}'\", \"fill='#{color-yiq($productbasketbutton-quantity-toggle-bg)}'\"));\r\n          box-shadow: none !important;\r\n\r\n          &[disabled] {\r\n            background-color: #aca19f;\r\n          }\r\n        }\r\n\r\n        .dropdown-menu {\r\n          margin-bottom: 0;\r\n          margin-left: 50%;\r\n          min-width: 0;\r\n          background-color: $productbasketbutton-quantity-menu-bg;\r\n          border-color: $productbasketbutton-quantity-menu-border;\r\n          color: color-yiq($productbasketbutton-quantity-menu-bg);\r\n          transform: translate3d(-50%, calc(-100% - (#{$productbasketbutton-padding-y} + #{$productbasketbutton-quantity-menu-caret-size} + 2px)), 0) !important;\r\n\r\n          &:after {\r\n            display: block;\r\n            content: '';\r\n            position: absolute;\r\n            top: 100%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-width: $productbasketbutton-quantity-menu-caret-size $productbasketbutton-quantity-menu-caret-size 0;\r\n            border-style: solid solid none;\r\n            border-color: $productbasketbutton-quantity-menu-bg transparent transparent;\r\n            transform: translateX(-50%);\r\n          }\r\n\r\n          .dropdown-item {\r\n            padding: $productbasketbutton-quantity-menu-item-padding-y $productbasketbutton-quantity-menu-item-padding-x;\r\n            color: inherit;\r\n\r\n            &:hover {\r\n              background-color: $productbasketbutton-quantity-menu-item-hover-bg;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .form-control {\r\n        padding: $productbasketbutton-quantity-control-padding-y $productbasketbutton-quantity-control-padding-x;\r\n        height: 100%;\r\n        background-color: $productbasketbutton-quantity-control-bg;\r\n        border-color: $productbasketbutton-quantity-control-border;\r\n        border-radius: $dropdown-border-radius;\r\n        color: color-yiq($productbasketbutton-quantity-control-bg);\r\n        text-align: center;\r\n        transition: $transition-base;\r\n\r\n        &:focus {\r\n          background-color: $productbasketbutton-quantity-control-focus-bg !important;\r\n          border-color: $productbasketbutton-quantity-control-focus-border !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .basketbutton-text {\r\n      padding: $productbasketbutton-text-padding-y $productbasketbutton-text-padding-x;\r\n    }\r\n\r\n    &:hover {\r\n      .basketbutton-quantity {\r\n        .dropdown {\r\n          .dropdown-toggle {\r\n            color: color-yiq($productbasketbutton-quantity-toggle-hover-bg);\r\n            @include gradient-bg($productbasketbutton-quantity-toggle-hover-bg);\r\n            border-color: $productbasketbutton-quantity-toggle-hover-border;\r\n          }\r\n        }\r\n\r\n        .form-control {\r\n          background-color: $productbasketbutton-quantity-control-hover-bg;\r\n          border-color: $productbasketbutton-quantity-control-hover-bg;\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!./ProductBasketbutton.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!./ProductBasketbutton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductBasketbutton.vue?vue&type=template&id=4092b0b7&\"\nimport script from \"./ProductBasketbutton.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductBasketbutton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductBasketbutton.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!./Product.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',{class:['product-price', { 'inherit': _vm.inherit, 'is-sum': _vm.priceinfo.quantity > 1 }]},[_c('b-row',{attrs:{\"no-gutters\":\"\",\"align-h\":_vm.alignH}},[_c('b-col',{attrs:{\"cols\":\"auto\"}},[_c('i18n-n',{class:['price-active'],attrs:{\"value\":_vm.totalPrice,\"format\":{ key: 'currency', currency: _vm.currency }},scopedSlots:_vm._u([{key:\"currency\",fn:function(ref){\nvar currency = ref.currency;\nreturn [_c('span',{staticClass:\"currency\"},[_vm._v(_vm._s(currency))])]}},{key:\"integer\",fn:function(ref){\nvar integer = ref.integer;\nreturn [_c('span',{staticClass:\"integer\"},[_vm._v(_vm._s(integer))])]}},{key:\"group\",fn:function(ref){\nvar group = ref.group;\nreturn [_c('span',{staticClass:\"group\"},[_vm._v(_vm._s(group))])]}},{key:\"decimal\",fn:function(ref){\nvar decimal = ref.decimal;\nreturn [_c('span',{staticClass:\"decimal\"},[_vm._v(_vm._s(decimal))])]}},{key:\"fraction\",fn:function(ref){\nvar fraction = ref.fraction;\nreturn [_c('span',{staticClass:\"fraction\"},[_vm._v(_vm._s(fraction))])]}}])})],1)],1),(_vm.$te((_vm.tPath + \".vatinfo\")) && !_vm.hideVatInfo)?_c('div',{staticClass:\"price-vatinfo\"},[_vm._v(_vm._s(_vm.$t((_vm.tPath + \".vatinfo\"))))]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['product-price', { 'inherit': inherit, 'is-sum': priceinfo.quantity > 1 }]\">\r\n    <b-row no-gutters :align-h=\"alignH\">\r\n      <b-col cols=\"auto\">\r\n        <i18n-n :value=\"totalPrice\" :format=\"{ key: 'currency', currency }\" :class=\"['price-active']\">\r\n          <template #currency=\"{ currency }\"><span class=\"currency\">{{ currency }}</span></template>\r\n          <template #integer=\"{ integer }\"><span class=\"integer\">{{ integer }}</span></template>\r\n          <template #group=\"{ group }\"><span class=\"group\">{{ group }}</span></template>\r\n          <template #decimal=\"{ decimal }\"><span class=\"decimal\">{{ decimal }}</span></template>\r\n          <template #fraction=\"{ fraction }\"><span class=\"fraction\">{{ fraction }}</span></template>\r\n        </i18n-n>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <div class=\"price-vatinfo\" v-if=\"$te(`${tPath}.vatinfo`) && !hideVatInfo\">{{ $t(`${tPath}.vatinfo`) }}</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { PRODUCT_ASSEMBLYTYPES, PRODUCT_ASSEMBLYTYPE_DEFAULT } from '@/constants'\r\n\r\nconst ASSEMBLYTYPES = Object.values(PRODUCT_ASSEMBLYTYPES)\r\n\r\nexport default {\r\n  name: 'ProductPrice',\r\n  props: {\r\n    productId: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    priceinfo: {\r\n      type: Object,\r\n      default: () => {\r\n        return {\r\n          quantity: 0,\r\n          singlePrice: 0,\r\n          totalPrice: 0\r\n        }\r\n      }\r\n    },\r\n    alignH: {\r\n      type: String,\r\n      default: 'end',\r\n      validator: value => ['start', 'center', 'around', 'between', 'end'].includes(value)\r\n    },\r\n    hideVatInfo: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    inherit: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      currency: 'CHF',\r\n      singlePrice: this.createPrice(this.priceinfo.singlePrice),\r\n      totalPrice: this.createPrice(this.priceinfo.totalPrice)\r\n    }\r\n  },\r\n  computed: {\r\n    assemblyType () {\r\n      return (this.$store.getters['shoppingcart/getLocalConfiguration'](this.productId) || {}).assemblyType || PRODUCT_ASSEMBLYTYPE_DEFAULT\r\n    },\r\n    activePrice () {\r\n      return this[(ASSEMBLYTYPES.find(t => t.type === this.assemblyType) || {}).associatedPrice || 'singlePrice']\r\n    }\r\n  },\r\n  methods: {\r\n    createPrice (value) {\r\n      return {\r\n        isValid: !isNaN(value) && value > 0,\r\n        original: value,\r\n        number: value,\r\n        hideFraction: value % 1 === 0\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$productprice-active-font-size: 1.4em !default;\r\n$productprice-active-font-weight: $font-weight-normal !default;\r\n$productprice-active-color: $gray-700 !default;\r\n\r\n$productprice-active-currency-font-size: 0.7em !default;\r\n$productprice-active-fraction-font-size: inherit !default;\r\n\r\n$productprice-active-promotional-color: $red !default;\r\n\r\n$productprice-original-gap: $spacer * 0.5 !default;\r\n$productprice-original-font-size: $productprice-active-font-size !default;\r\n$productprice-original-font-weight: $productprice-active-font-weight !default;\r\n$productprice-original-color: $productprice-active-color !default;\r\n$productprice-original-linethrouth: set-nth(map-get($borders, 'base'), 3, rgba($productprice-original-color, 0.85)) !default;\r\n$productprice-original-linethrouth-glow: 0 1px 2px 0 rgba($productprice-original-color, 0.85) !default;\r\n\r\n$productprice-original-currency-font-size: $productprice-active-currency-font-size !default;\r\n$productprice-original-fraction-font-size: $productprice-active-fraction-font-size !default;\r\n\r\n$productprice-vatinfo-font-size: $font-size-sm !default;\r\n$productprice-vatinfo-color: $gray-600 !default;\r\n\r\n$productprice-sum-font-weight: $font-weight-bold !default;\r\n\r\n.product-price {\r\n  .price-active {\r\n    display: block;\r\n    font-size: $productprice-active-font-size;\r\n    font-weight: $productprice-active-font-weight;\r\n    color: $productprice-active-color;\r\n\r\n    .currency {\r\n      font-size: $productprice-active-currency-font-size;\r\n    }\r\n\r\n    .integer {}\r\n\r\n    .group {}\r\n\r\n    .decimal {}\r\n\r\n    .fraction {\r\n      font-size: $productprice-active-fraction-font-size;\r\n    }\r\n\r\n    &.is-promotional {\r\n      color: $productprice-active-promotional-color;\r\n    }\r\n  }\r\n\r\n  .price-original {\r\n    display: block;\r\n    position: relative;\r\n    margin-left: $productprice-original-gap;\r\n    font-size: $productprice-original-font-size;\r\n    font-weight: $productprice-original-font-weight;\r\n    color: $productprice-original-color;\r\n\r\n    &:after {\r\n      display: block;\r\n      content: '';\r\n      position: absolute;\r\n      top: 52.5%;\r\n      left: 0;\r\n      right: 0;\r\n      border-bottom: $productprice-original-linethrouth;\r\n      box-shadow: $productprice-original-linethrouth-glow;\r\n    }\r\n\r\n    .currency {\r\n      font-size: $productprice-original-currency-font-size;\r\n    }\r\n\r\n    .integer {}\r\n\r\n    .group {}\r\n\r\n    .decimal {}\r\n\r\n    .fraction {\r\n      font-size: $productprice-original-fraction-font-size;\r\n    }\r\n  }\r\n\r\n  .hide-fraction {\r\n\r\n    .decimal,\r\n    .fraction {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .price-vatinfo {\r\n    font-size: $productprice-vatinfo-font-size;\r\n    color: $productprice-vatinfo-color;\r\n    text-align: right;\r\n  }\r\n\r\n  &.inherit {\r\n\r\n    .price-active,\r\n    .price-original {\r\n      font-size: inherit;\r\n      font-weight: inherit;\r\n      color: inherit;\r\n    }\r\n\r\n    .price-active {\r\n      &.is-promotional {\r\n        color: $productprice-active-promotional-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.is-sum {\r\n\r\n    .price-active,\r\n    .price-original {\r\n      font-weight: $productprice-sum-font-weight;\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!./ProductPrice.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!./ProductPrice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductPrice.vue?vue&type=template&id=110a4b7d&\"\nimport script from \"./ProductPrice.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductPrice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductPrice.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","import merge from 'lodash.merge'\r\n\r\nexport function closest (array = [], number = null) {\r\n  return array\r\n    .map(n => ({ v: n, d: Math.abs(number - n) }))\r\n    .sort((a, b) => a.d < b.d ? -1 : a.d > b.d ? 1 : 0)[0].v\r\n}\r\n\r\nexport function copy (data) {\r\n  return merge([], data)\r\n}\r\n\r\nexport default {\r\n  closest,\r\n  copy\r\n}\r\n","var $ = require('../internals/export');\n\nvar ceil = Math.ceil;\nvar floor = Math.floor;\n\n// `Math.trunc` method\n// https://tc39.es/ecma262/#sec-math.trunc\n$({ target: 'Math', stat: true }, {\n  trunc: function trunc(it) {\n    return (it > 0 ? floor : ceil)(it);\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-leaf',{staticClass:\"product\",attrs:{\"tag\":\"article\"}},[_c('header',{staticClass:\"product-header\"},[_vm._t(\"title\")],2),_c('b-row',{attrs:{\"tag\":\"section\"}},[_c('b-col',_vm._b({},\"b-col\",_vm._d({},[_vm.$root.mobile.up.key,5])),[_c('c-carousel',{staticClass:\"product-images\",attrs:{\"autoplay\":false}},[_vm._t(\"images\",[_c('c-placeholder-image',{attrs:{\"ratio\":\"4x3\",\"size\":\"75\"}})])],2)],1),_c('b-col',_vm._b({},\"b-col\",_vm._d({},[_vm.$root.mobile.up.key,7])),[_c('div',{staticClass:\"product-description d-flex flex-column justify-content-end\"},[_vm._t(\"description\")],2),_c('div',{staticClass:\"product-tags\"},[_vm._t(\"tags\")],2)])],1),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <c-leaf class=\"product\" tag=\"article\">\r\n    <header class=\"product-header\">\r\n      <slot name=\"title\" />\r\n    </header>\r\n\r\n    <b-row tag=\"section\">\r\n      <b-col :[$root.mobile.up.key]=\"5\">\r\n        <c-carousel class=\"product-images\" :autoplay=\"false\">\r\n          <slot name=\"images\">\r\n            <c-placeholder-image ratio=\"4x3\" size=\"75\" />\r\n          </slot>\r\n        </c-carousel>\r\n      </b-col>\r\n\r\n      <b-col :[$root.mobile.up.key]=\"7\">\r\n        <div class=\"product-description d-flex flex-column justify-content-end\">\r\n          <slot name=\"description\" />\r\n        </div>\r\n\r\n        <div class=\"product-tags\">\r\n          <slot name=\"tags\" />\r\n        </div>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <slot />\r\n  </c-leaf>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Product'\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$product-header-margin-bottom: $spacer !default;\r\n\r\n$product-images-max-width: none !default;\r\n$product-images-img-padding-y: $component-padding-x / 4 * 3 !default;\r\n$product-images-img-padding-x: $component-padding-x !default;\r\n$product-images-placeholder-size: 80% !default;\r\n$product-images-placeholder-color: $gray-300 !default;\r\n\r\n$product-tags-gap: $spacer * 0.3 !default;\r\n\r\n$product-mobile-breakpoint: $mobile-breakpoint !default;\r\n\r\n$product-images-mobile-max-width: 320px !default;\r\n\r\n.product {\r\n  .product-header {\r\n    margin-bottom: $product-header-margin-bottom;\r\n\r\n    * {\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  .product-images {\r\n    margin: 0 auto;\r\n    max-width: $product-images-max-width;\r\n\r\n    img {\r\n      margin: 0;\r\n      padding: $product-images-img-padding-y $product-images-img-padding-x;\r\n    }\r\n\r\n    .image-placeholder {\r\n      width: auto;\r\n      height: $product-images-placeholder-size;\r\n      color: $product-images-placeholder-color;\r\n    }\r\n  }\r\n\r\n  .product-description {\r\n    position: relative;\r\n    min-height: 100%;\r\n\r\n    >.product-basketbutton {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .product-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin: $product-tags-gap * -0.5;\r\n\r\n    .badge {\r\n      margin: $product-tags-gap * 0.5;\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-down($product-mobile-breakpoint) {\r\n    .product-images {\r\n      max-width: $product-images-mobile-max-width;\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!./Product.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!./Product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Product.vue?vue&type=template&id=b37d7bb2&\"\nimport script from \"./Product.vue?vue&type=script&lang=js&\"\nexport * from \"./Product.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Product.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!./ProductBasketbutton.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('c-article-data',{staticClass:\"product-faqs\",attrs:{\"wrapper\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._t(\"title\")]},proxy:true}],null,true)},[_c('c-accordion',[_vm._t(\"default\")],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <c-article-data class=\"product-faqs\" wrapper>\r\n    <template #title>\r\n      <slot name=\"title\"/>\r\n    </template>\r\n\r\n    <c-accordion>\r\n      <slot/>\r\n    </c-accordion>\r\n  </c-article-data>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ProductFaqs'\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.product-faqs {}\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!./ProductFaqs.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!./ProductFaqs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductFaqs.vue?vue&type=template&id=63692f26&\"\nimport script from \"./ProductFaqs.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductFaqs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductFaqs.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"calendar-week-selector\"},[_c('b-input-group',{staticClass:\"mb-3\"},[_c('b-form-input',{attrs:{\"readonly\":true},on:{\"click\":_vm.toggleDatePicker},model:{value:(_vm.currentDate),callback:function ($$v) {_vm.currentDate=$$v},expression:\"currentDate\"}}),_c('b-input-group-append',[_c('b-form-datepicker',{ref:\"datePicker\",attrs:{\"button-only\":\"\",\"button-variant\":\"primary\",\"min\":_vm.minDate,\"hide-header\":true,\"show-decade-nav\":false,\"locale\":_vm.locale,\"startWeekday\":_vm.startWeekday,\"dateFormatOptions\":_vm.dateFormatOptions},on:{\"input\":_vm.datePickerChange},model:{value:(_vm.calendarWeek),callback:function ($$v) {_vm.calendarWeek=$$v},expression:\"calendarWeek\"}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"calendar-week-selector\">\r\n    <b-input-group class=\"mb-3\">\r\n      <b-form-input @click=\"toggleDatePicker\" v-model=\"currentDate\" :readonly=\"true\"></b-form-input>\r\n      <b-input-group-append>\r\n        <b-form-datepicker\r\n          ref=\"datePicker\"\r\n          v-model=\"calendarWeek\"\r\n          button-only\r\n          button-variant=\"primary\"\r\n          :min=\"minDate\"\r\n          :hide-header=\"true\"\r\n          :show-decade-nav=\"false\"\r\n          :locale=\"locale\"\r\n          :startWeekday=\"startWeekday\"\r\n          :dateFormatOptions=\"dateFormatOptions\"\r\n          @input=\"datePickerChange\"\r\n        ></b-form-datepicker>\r\n      </b-input-group-append>\r\n    </b-input-group>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport moment from 'moment'\r\n\r\nexport default {\r\n  name: 'CalendarWeekSelector',\r\n  props: {\r\n    minWeekDate: {\r\n      type: Date,\r\n      default: null\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      locale: this.$store.getters['gui/getLanguage'],\r\n      startWeekday: this.$store.getters['gui/getDateLanguage'].options.weekStartsOn,\r\n      dateFormatOptions: { year: 'numeric', month: 'long', day: 'numeric' },\r\n      calendarWeek: null,\r\n      minDate: null,\r\n      currentDate: null\r\n    }\r\n  },\r\n  methods: {\r\n    datePickerChange (date) {\r\n      if (date) {\r\n        const startDate = moment(date).startOf('isoWeek')\r\n        const endDate = moment(date).endOf('isoWeek')\r\n\r\n        this.$emit('calendar-week-select', startDate.toDate(), endDate.toDate())\r\n        this.calendarWeek = startDate.toDate()\r\n        const startDateString = startDate.format('DD.MM.YYYY')\r\n        const endDateString = endDate.format('DD.MM.YYYY')\r\n        this.currentDate = `${startDateString} - ${endDateString}`\r\n      }\r\n    },\r\n    toggleDatePicker () {\r\n      this.$refs.datePicker.$refs.control.$refs.toggle.dispatchEvent(new Event('click'))\r\n    }\r\n  },\r\n  created () {\r\n    if (this.minWeekDate) {\r\n      this.minDate = new Date(this.minWeekDate.getFullYear(), this.minWeekDate.getMonth(), this.minWeekDate.getDate() - this.minWeekDate.getDay() + 8)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.calendar-week-selector{\r\n  .dropdown .dropdown-toggle.btn{\r\n    background-image:none;\r\n  }\r\n\r\n  .b-calendar-grid-body{\r\n    .row{\r\n       &:hover{\r\n        div{\r\n          span{\r\n            background-color: $light;\r\n            border-radius:0 !important; //Because bootstrap has important to make it importanter\r\n          }\r\n        }\r\n      }\r\n\r\n      div[aria-selected=\"true\"],\r\n      div[aria-selected=\"true\"] ~ div{\r\n        span{\r\n          background-color: $primary;\r\n          color: $dark;\r\n          border-radius:0 !important; //Because bootstrap has important to make it importanter\r\n        }\r\n      }\r\n      div{\r\n        span{\r\n          border-radius:0 !important; //Because bootstrap has important to make it importanter\r\n          box-shadow: none;\r\n\r\n          &.focus{\r\n            border:none;\r\n          }\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!./CalendarWeekSelector.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!./CalendarWeekSelector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CalendarWeekSelector.vue?vue&type=template&id=b57f148a&\"\nimport script from \"./CalendarWeekSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./CalendarWeekSelector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CalendarWeekSelector.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!./CalendarWeekSelector.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!./ProductFaqs.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!./ProductPrice.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}