{"version":3,"sources":["webpack:///./src/pages/configurator/common/tooltipBtn.vue","webpack:///./src/pages/configurator/common/tooltipBtn.vue?c260","webpack:///./src/pages/configurator/steps/selectOption.vue","webpack:///./src/pages/configurator/steps/selectOption.vue?f72a","webpack:///./src/pages/configurator/steps/simpletechnic.vue","webpack:///./src/pages/configurator/steps/simpletechnic.vue?6bea"],"names":["store","togglePopup","dispatch","status","tooltip","props","__exports__","class","option","discount","src","$filters","image","name","sub_options","currency","price","oldPrice","item","key","id","type","value","selectSubOption","$event","selected","for","onClickOption","components","TooltipBtn","required","Object","setup","priceAll","currentStep","getters","price_all","totalPrice","discounted","total","isNaN","Number","parseFloat","self","totalDiscount","old_price","disabled","optionId","subOptionId","e","render","options","SelectOption"],"mappings":"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","file":"js/chunk-3d9c34a0.1cd27213.js","sourcesContent":["<script setup>\nimport { useStore } from 'vuex'\n\n// eslint-disable-next-line no-undef\nconst props = defineProps({\n  tooltip: {\n    required: true\n  },\n  styles: {\n    required: false,\n    default: 'btn-tooltip'\n  }\n})\n// use\nconst store = useStore()\nfunction togglePopup () {\n  store.dispatch('popup/setPopup', {\n    status: true,\n    tooltip: props.tooltip\n  })\n}\n</script>\n\n<template>\n  <button v-if=\"tooltip && tooltip.image\" @click=\"togglePopup\" class=\"btn-reset\" :class=\"styles\" data-bs-toggle=\"modal\" data-bs-target=\"#tooltipModal\">\n    <i class=\"fas fa-info-circle\"></i>\n  </button>\n</template>\n","import script from \"./tooltipBtn.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./tooltipBtn.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n<div class=\"row option\">\n    <div class=\"col-6\">\n      <div class=\"tooltip-box tooltip-box--price mb-2\">\n        <span v-if=\"option.discount > 0\" class=\"badge-sale\">{{ option.discount }}%</span>\n        <tooltip-btn :tooltip=\"option.tooltip\"/>\n      </div>\n      <img :src=\"$filters.image(option.image, '190x')\" class=\"img-fluid\"/>\n    </div>\n    <div class=\"col-6\">\n      <div class=\"option__name mb-2\">{{ option.name }}</div>\n      <span v-if=\"!option.sub_options\">\n        <div v-if=\"option.discount > 0\" class=\"option__price-box mb-2\">\n          <span class=\"option__price option__price--discount\">{{ $filters.currency(price) }}</span>\n          <span class=\"option__price option__price--old\">{{ $filters.currency(oldPrice) }}</span>\n        </div>\n        <div v-else class=\"option__price-box mb-2\">\n          <span class=\"option__price\">{{ $filters.currency(price) }}</span>\n        </div>\n      </span>\n      <div v-if=\"option.sub_options\" class=\"option__controls mb-2\">\n        <span v-for=\"item in option.sub_options\" :key=\"item.id\">\n          <div v-if=\"item.type === 'check'\" class=\"form-check\">\n            <input class=\"form-check-input\" type=\"checkbox\" :id=\"`sub-option-${item.id}`\" :value=\"item.id\" @change=\"selectSubOption({ optionId: option.id, subOptionId: item.id, e: $event })\" v-model=\"item.selected\">\n            <label class=\"form-check-label\" :for=\"`sub-option-${item.id}`\">\n              {{ item.name }}\n            </label>\n          </div>\n        </span>\n      </div>\n      <button class=\"btn btn-primary\" :class=\"[option.selected ? 'selected' : 'not-selected']\" @click=\"onClickOption\">\n        <span v-if=\"option.selected\">Ausgewählt</span>\n        <span v-else>Auswählen</span>\n      </button>\n    </div>\n  </div>\n</template>\n<script>\nimport { computed } from '@vue/reactivity'\nimport { useStore } from 'vuex'\nimport { onMounted } from '@vue/runtime-core'\nimport TooltipBtn from '@/pages/configurator/common/tooltipBtn.vue'\nexport default {\n  name: 'SelectOption',\n  components: { TooltipBtn },\n  props: {\n    option: {\n      required: true,\n      type: Object\n    }\n  },\n  setup (props) {\n    const store = useStore()\n    const priceAll = computed(() => {\n      const currentStep = store.getters['configurator/currentStep']\n      return currentStep.price_all || false\n    })\n    onMounted(() => {\n      if (priceAll.value) {\n        store.dispatch('configurator/calculatePriceAll', { option: props.option })\n      }\n    })\n    const totalPrice = computed(() => {\n      const totalPrice = store.getters['configurator/totalPrice']\n      return totalPrice(props.option)\n    })\n    const price = computed(() => {\n      const option = props.option\n      if (!option) {\n        return null\n      }\n      if (priceAll.value) {\n        return totalPrice.value.discounted || totalPrice.value.total\n      }\n      if (option.price) {\n        if (!isNaN) {\n          return option.price.discounted\n        } else {\n          if (option.discount > 0) {\n            const discount = (Number.parseFloat(option.discount) / 100) * option.price.self\n            let totalDiscount = 0\n            totalDiscount = option.price.self - discount\n            return totalDiscount\n          } else {\n            return option.price.self\n          }\n        }\n      }\n      return 0\n    })\n    const oldPrice = computed(() => {\n      const option = props.option\n      if (!option) {\n        return null\n      }\n      if (priceAll.value) {\n        return totalPrice.value.old_price\n      }\n      if (option.price) {\n        return option.price.self\n      }\n      return 0\n    })\n    function onClickOption () {\n      if (props.option.disabled) {\n        return\n      }\n      if (props.option.type === 'check') {\n        store.dispatch('configurator/toggleOption', props.option)\n      } else {\n        store.dispatch('configurator/selectOption', props.option)\n      }\n    }\n    function selectSubOption ({ optionId, subOptionId, e }) {\n      store.dispatch('configurator/selectSubOption', { optionId: optionId, subOptionId: subOptionId, e: e })\n    }\n    return {\n      price,\n      oldPrice,\n      onClickOption,\n      selectSubOption\n    }\n  }\n}\n</script>\n","import { render } from \"./selectOption.vue?vue&type=template&id=4b4120ba\"\nimport script from \"./selectOption.vue?vue&type=script&lang=js\"\nexport * from \"./selectOption.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/forge/shop.loewe-pergola.de/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n<div class=\"step__body\">\n  <component\n  :is=\"(option.type || 'select') + 'Option'\"\n  :key=\"option.id\"\n  :option=\"option\"\n  v-for=\"option in options\"/>\n</div>\n</template>\n<script>\nimport { computed } from '@vue/reactivity'\nimport { useStore } from 'vuex'\nimport SelectOption from './selectOption'\nexport default {\n  name: 'Simpletechnic',\n  components: {\n    SelectOption\n  },\n  setup () {\n    const store = useStore()\n    const options = computed(() => {\n      return store.getters['configurator/currentOptions']\n    })\n    return {\n      options\n    }\n  }\n}\n</script>\n","import { render } from \"./simpletechnic.vue?vue&type=template&id=7e3483b0\"\nimport script from \"./simpletechnic.vue?vue&type=script&lang=js\"\nexport * from \"./simpletechnic.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/forge/shop.loewe-pergola.de/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}