{"version":3,"sources":["webpack:///./src/pages/configurator/common/tooltipBtn.vue","webpack:///./src/pages/configurator/common/tooltipBtn.vue?c260","webpack:///./src/pages/configurator/steps/color_screen.vue","webpack:///./src/pages/configurator/steps/color_screen.vue?71b8","webpack:///./src/pages/configurator/steps/selectOptionScreen.vue","webpack:///./src/pages/configurator/steps/selectOptionScreen.vue?e3d2"],"names":["store","togglePopup","dispatch","status","tooltip","props","__exports__","class","defaultOptions","option","type","key","id","name","components","SelectOption","setup","step","getters","options","value","filter","o","group","render","discount","src","$filters","image","currency","price","oldPrice","selected","onClickOption","TooltipBtn","required","Object","isNaN","Number","parseFloat","self","totalDiscount","discounted","disabled"],"mappings":"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","file":"js/chunk-61aa003a.bc090fd2.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=\"step__body\">\n  <div class=\"row mb-3\">\n    <component v-for=\"option in defaultOptions\" :key=\"option.id\" :option=\"option\" :is=\"option.type + 'Option'\" />\n  </div>\n</div>\n</template>\n<script>\nimport { computed } from '@vue/reactivity'\nimport { useStore } from 'vuex'\nimport SelectOption from './selectOptionScreen'\nexport default {\n  name: 'ColorScreen',\n  components: {\n    SelectOption\n  },\n  setup () {\n    const store = useStore()\n    const step = computed(() => {\n      return store.getters['configurator/currentStep']\n    })\n    const options = computed(() => {\n      return store.getters['configurator/currentOptions']\n    })\n    const defaultOptions = computed(() => {\n      const option = options.value.filter(o => o.group === 'default')\n      return option\n      // return options.value.filter(o => o.group === 'default')\n    })\n    return {\n      step,\n      options,\n      defaultOptions\n    }\n  }\n}\n</script>\n","import { render } from \"./color_screen.vue?vue&type=template&id=2d53f758\"\nimport script from \"./color_screen.vue?vue&type=script&lang=js\"\nexport * from \"./color_screen.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/forge/shop.loewe-lamellendach.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=\"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)\" class=\"img-fluid\"/>\n    </div>\n    <div class=\"col-6\">\n      <div class=\"option__name mb-2\">{{ option.name }}</div>\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      <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 TooltipBtn from '@/pages/configurator/common/tooltipBtn.vue'\nexport default {\n  name: 'SelectOptionScreen',\n  components: { TooltipBtn },\n  props: {\n    option: {\n      required: true,\n      type: Object\n    }\n  },\n  setup (props) {\n    const store = useStore()\n    const price = computed(() => {\n      const option = props.option\n      if (!option) {\n        return null\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 (option.price) {\n        return option.price.self\n      }\n      return 0\n    })\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    return {\n      price,\n      oldPrice,\n      onClickOption\n    }\n  }\n}\n</script>\n","import { render } from \"./selectOptionScreen.vue?vue&type=template&id=685324be\"\nimport script from \"./selectOptionScreen.vue?vue&type=script&lang=js\"\nexport * from \"./selectOptionScreen.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/forge/shop.loewe-lamellendach.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":""}