{"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","_hoisted_1","_createElementVNode","_hoisted_2","_Fragment","_renderList","$setup","defaultOptions","option","_createBlock","_resolveDynamicComponent","type","key","id","name","components","SelectOption","setup","store","useStore","step","computed","getters","options","value","filter","o","group","__exports__","render","_hoisted_3","$props","discount","_hoisted_4","_toDisplayString","tooltip","_component_Tooltip","_hoisted_5","src","_ctx","$filters","image","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","currency","price","_hoisted_11","oldPrice","_hoisted_12","_hoisted_13","_normalizeClass","selected","onClick","_cache","args","onClickOption","_hoisted_14","_hoisted_15","props","required","Object","isNaN","Number","parseFloat","self","totalDiscount","discounted","disabled","dispatch"],"mappings":"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","file":"js/chunk-581bcfb2.510bedbe.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/shop.loewe-solar.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\" :tooltip=\"option.tooltip\">\n          <button class=\"btn-reset btn-tooltip\">\n            <i class=\"fas fa-info-circle\"></i>\n          </button>\n        </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'\nexport default {\n  name: 'SelectOptionScreen',\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=4efe4bd8\"\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-solar.de/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}