{"version":3,"sources":["webpack:///./src/pages/configurator/steps/color_screen.vue","webpack:///./src/pages/configurator/steps/color_screen.vue?6057","webpack:///./src/pages/configurator/steps/selectOptionScreen.vue","webpack:///./src/pages/configurator/steps/selectOptionScreen.vue?46f0"],"names":["class","_createElementBlock","_createElementVNode","_Fragment","_renderList","$setup","option","_createBlock","_resolveDynamicComponent","type","key","id","name","components","SelectOption","setup","store","useStore","step","computed","getters","options","defaultOptions","value","filter","o","group","__exports__","render","$props","discount","_toDisplayString","tooltip","text","image","_component_Tooltip","src","_ctx","currency","selected","onClick","_hoisted_13","_hoisted_14","props","required","Object","priceAll","currentStep","price_all","totalPrice","price","discounted","total","isNaN","Number","parseFloat","self","totalDiscount","oldPrice","old_price","onClickOption","disabled","dispatch","onMounted"],"mappings":"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","file":"js/chunk-581bcfb2.d02d672a.js","sourcesContent":["<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/konfigurator.loewe-zaun.de/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 v-if=\"option.tooltip.text || option.tooltip.image\" :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 { onMounted } from '@vue/runtime-core'\nexport default {\n  name: 'SelectOptionRoof',\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    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    onMounted(() => {\n      if (priceAll.value) {\n        store.dispatch('configurator/calculatePriceAll', { option: 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=73da9348\"\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/konfigurator.loewe-zaun.de/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}