{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/Option.vue?25fa","webpack:///./src/App.vue?207a","webpack:///./src/components/SizeStep.vue?6fd4","webpack:///./src/App.vue","webpack:///./src/components/Configurator.vue","webpack:///./src/components/SizeStep.vue","webpack:///./src/components/SizeStep.vue?252d","webpack:///./src/components/Option.vue","webpack:///./src/components/Option.vue?a930","webpack:///./src/components/Product.vue","webpack:///./src/components/Product.vue?8359","webpack:///./src/components/Configurator.vue?3401","webpack:///./src/App.vue?eabf","webpack:///./src/main.ts","webpack:///./src/components/Configurator.vue?c43d","webpack:///./src/components/Product.vue?c95a"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","class","configuratorStartsEvent","steps","step","Id","v-if","Picture","Src","src","Title","Description","Type","content","selectOption","setStepPicture","unsetStepPicture","moreInfo","confConfig","Labels","MoreInfoActiveLabel","MoreInfoLabel","HideForUser","addToBasket","reset","sizes","SizeMap","Item1","w","windex","style","totalWidth","toFixed","Item2","h","hindex","Label","sindex","labels","props","emits","this","Options","forEach","Lookup","startsWith","endsWith","option","force","isValid","$emit","defaultOption","find","opt","DefaultOption","__exports__","options","oidx","hoverOption","leaveOption","selectedOption","type","disabled","picked","checked","unavailableLabel","computed","opts","sort","a","b","watch","methods","pic","beforeMount","productImage","TotalsText","price","loading","VatText","filledOutSteps","product","ProductIdLabel","index","sendMail","emailErrors","emailName","emailAddress","emailTerms","additional","formatPrice","isVatIncluded","PriceIncVat","PriceExVat","filter","prodImg","val","Intl","NumberFormat","currency","Currency","format","dataLayer","now","Date","timestamp","toISOString","toTimeString","getMilliseconds","toString","padStart","isEventPresent","some","obj","event","site_section","checkEmailForm","e","stopPropagation","preventDefault","axios","default","cfg","rwpc","config","InclVat","InclVatText","ExclVatText","confResponse","stepSelection","Steps","resultOptions","Attributes","indexOf","Products","components","SizeStep","Option","Product","skipConfigure","attrs","wSize","PicassoField","attributes","configuratorId","ConfiguratorId","windowSize","configure","pictureSrc","prevPic","newPic","post","then","response","catch","error","console","url","RedirectPage","Url","location","href","replaceAll","Configurator","app","App","mount","use"],"mappings":"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","file":"js/app.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","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-v16/dist/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-v16/dist/index.js??ref--0-1!./Option.vue?vue&type=style&index=0&id=151e08be&lang=scss\"","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader-v16/dist/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./App.vue?vue&type=style&index=0&id=28f20f53&lang=css\"","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-v16/dist/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-v16/dist/index.js??ref--0-1!./SizeStep.vue?vue&type=style&index=0&id=40e1ad2a&scoped=true&lang=scss\"","<template>\r\n    <div>\r\n        <Configurator />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Configurator from './components/Configurator'\r\n\r\nexport default {\r\n  name: 'App',\r\n  components: {\r\n    Configurator\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n    #app {\r\n        font-family: Avenir, Helvetica, Arial, sans-serif;\r\n        -webkit-font-smoothing: antialiased;\r\n        -moz-osx-font-smoothing: grayscale;\r\n    }\r\n</style>\r\n","<template>\r\n  <div class=\"t-priceCalculator\">\r\n    <div class=\"steps\" @click=\"configuratorStartsEvent\">\r\n      <div :key=\"step.Id\" v-for=\"step in steps\" class=\"step\" v-show=\"!step.HideForUser\">\r\n        <div class=\"stepImage -showForMd\">\r\n          <img :v-if=\"step.Picture && step.Picture.Src\"\r\n               v-bind:src=\"\r\n              step.newPic ||\r\n              (step.selectedOption\r\n                ? step.selectedOption.Picture\r\n                  ? step.selectedOption.Picture.Src\r\n                  : false\r\n                : false) ||\r\n              step.Picture.Src\r\n            \" />\r\n        </div>\r\n        <div class=\"stepInfo\">\r\n          <h3>\r\n            {{ step.Title }}\r\n          </h3>\r\n          <div class=\"stepDesc\" v-html=\"step.Description\">\r\n\r\n          </div>\r\n\r\n  <Option v-if=\"step.Type === 'price-calculator-step'\"\r\n          :content=\"{\r\n              step: step,\r\n              labels: step.Labels,\r\n              unavailableLabel: confConfig.Labels.SelectionUnavailableLabel,\r\n            }\"\r\n          @select-option=\"selectOption\"\r\n          @set-image=\"setStepPicture\"\r\n          @unset-image=\"unsetStepPicture\" />\r\n  <span v-if=\"step.Type !== 'price-calculator-size-step'\"\r\n        class=\"stepInfoMore\"\r\n        :class=\"{ '-active': step.moreInfo }\"\r\n        @click=\"step.moreInfo = !step.moreInfo\">\r\n    <span class=\"activeText\">\r\n      {{ confConfig.Labels.MoreInfoActiveLabel }}\r\n    </span>\r\n    <span class=\"inactiveText\">\r\n      {{ confConfig.Labels.MoreInfoLabel }}\r\n    </span>\r\n  </span>\r\n  </div>\r\n  <SizeStep v-if=\"step.Type === 'price-calculator-size-step'\"\r\n            :content=\"{ step: step, labels: step.Labels }\"\r\n            @select-option=\"selectOption\" />\r\n  </div>\r\n  </div>\r\n  <Product :content=\"{\r\n        labels: confConfig.Labels,\r\n        product: product,\r\n        loading: loading,\r\n        steps: steps,\r\n        prodImg: confConfig.TopRightImage ? confConfig.TopRightImage.Src : null,\r\n        additionalProds: confResponse\r\n          ? confResponse.AdditionalProducts\r\n            ? confResponse.AdditionalProducts\r\n            : null\r\n          : null,\r\n        isVatIncluded: confConfig.InclVat,\r\n      }\"\r\n           @add-to-basket=\"addToBasket\"\r\n           @reset=\"reset\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import SizeStep from \"./SizeStep\";\r\n  import Option from \"./Option\";\r\n  import Product from \"./Product\";\r\n  const axios = require(\"axios\").default;\r\n\r\n  export default {\r\n    name: \"Configurator\",\r\n    data() {\r\n      var cfg = null;\r\n      if (window.rwpc) {\r\n        cfg = window.rwpc.config;\r\n        cfg.Labels.VatText = cfg.InclVat\r\n          ? cfg.Labels.InclVatText\r\n          : cfg.Labels.ExclVatText;\r\n      }\r\n      return {\r\n        confResponse: null,\r\n        loading: 0,\r\n        confConfig: cfg,\r\n        stepSelection: [],\r\n      };\r\n    },\r\n    computed: {\r\n      steps() {\r\n        if (this.confResponse) {\r\n          this.confConfig.Steps.forEach((step) => {\r\n            const resultOptions = this.confResponse.Attributes[step.Id];\r\n\r\n            step.Options.forEach(function (option) {\r\n              // Setting the validity of the step based on the API response\r\n              option.isValid =\r\n                resultOptions && resultOptions.indexOf(option.Id) > -1;\r\n\r\n              //check the first option of each step: PBI: 44123\r\n              if (option.isValid) {\r\n              }\r\n            });\r\n          });\r\n        } else {\r\n          this.confConfig.Steps.forEach(function (step) {\r\n            step.Options.forEach(function (option) {\r\n              // Defaulting all steps to invalid\r\n              option.isValid = false;\r\n            });\r\n          });\r\n        }\r\n\r\n        return this.confConfig.Steps;\r\n      },\r\n      product() {\r\n        if (this.confResponse && this.confResponse.Products) {\r\n          return this.confResponse.Products[0];\r\n        }\r\n        return null;\r\n      },\r\n    },\r\n    components: {\r\n      SizeStep,\r\n      Option,\r\n      Product,\r\n    },\r\n    methods: {\r\n      selectOption(step, option, skipConfigure = false) {\r\n        step.selectedOption = option;\r\n        const attrs = {};\r\n        let wSize = \"\";\r\n\r\n        this.confConfig.Steps.forEach(function (step) {\r\n          if (step.selectedOption && step.Id) {\r\n            attrs[step.Id] = step.selectedOption.Id;\r\n            if (step.PicassoField === \"TypeSignSize\") {\r\n              wSize = step.selectedOption.Lookup;\r\n            }\r\n          }\r\n        });\r\n\r\n        const data = {\r\n          attributes: attrs,\r\n          configuratorId: this.confConfig.ConfiguratorId,\r\n          windowSize: wSize,\r\n        };\r\n\r\n        if (!skipConfigure) {\r\n          this.configure(data);\r\n        }\r\n      },\r\n      setStepPicture(step, pictureSrc) {\r\n        // You're not my real picture, you'te just my step picture\r\n        step.prevPic = step.Picture.Src;\r\n        if (pictureSrc) {\r\n          step.newPic = pictureSrc;\r\n        }\r\n      },\r\n      unsetStepPicture(step) {\r\n        if (step.prevPic) {\r\n          delete step.newPic;\r\n        }\r\n      },\r\n      configure: function (data) {\r\n        this.loading++;\r\n        axios\r\n          .post(\r\n            //       this.confConfig.Domain +\r\n            //     \"//\" + window.location.hostname +\r\n            \"/api/sitecore/windowspricecalculator/configure\",\r\n            data\r\n          )\r\n          .then((response) => {\r\n            // Loop through each step to set the isValid state of each option\r\n            this.confResponse = response.data;\r\n            this.confConfig.Labels.VatText = this.confConfig.InclVat\r\n              ? this.confConfig.Labels.InclVatText\r\n              : this.confConfig.Labels.ExclVatText;\r\n            this.loading--;\r\n          })\r\n          .catch(function (error) {\r\n            console.error(error);\r\n          });\r\n      },\r\n      addToBasket() {\r\n        var url = this.confConfig.RedirectPage ? this.confConfig.RedirectPage.Url : '';\r\n        location.href =\r\n          url + \"?id=\" + this.product.Id.replaceAll(\" \", \"-\");\r\n      },\r\n      reset() {\r\n        this.confConfig.Steps.forEach(function (step) {\r\n          if (step.selectedOption) {\r\n            delete step.selectedOption;\r\n          }\r\n        });\r\n\r\n        if (this.confResponse) {\r\n          delete this.confResponse;\r\n        }\r\n      },\r\n      // GA4 tracking\r\n      configuratorStartsEvent() {\r\n        var dataLayer = window.dataLayer || [];\r\n\r\n        const now = new Date();\r\n        const timestamp = `${now.toISOString().slice(0, 10)} ${now.toTimeString().slice(0, 8)}.${now.getMilliseconds().toString().padStart(3, '0')}`;\r\n\r\n        var isEventPresent = window.dataLayer.some(function (obj) {\r\n                return obj.event === \"configurator_starts_ga4\";\r\n            });\r\n\r\n        if (!isEventPresent) {\r\n        dataLayer.push({\r\n          event: \"configurator_starts_ga4\",\r\n          timestamp: timestamp,\r\n          site_section: \"Main configurator\",\r\n        });\r\n\r\n      }\r\n      }\r\n    },\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  @import \"../style/_elements\";\r\n  @import \"../style/_vars\";\r\n\r\n  .t-priceCalculator {\r\n    display: flex;\r\n    flex-flow: row wrap;\r\n\r\n    img {\r\n      max-width: 100%;\r\n    }\r\n\r\n    @include respond-above(sm) {\r\n      margin: 0 3rem;\r\n    }\r\n  }\r\n\r\n  .steps {\r\n    width: 100%;\r\n\r\n    @include respond-above(sm) {\r\n      width: 66.66666666%;\r\n    }\r\n  }\r\n\r\n  .step {\r\n    border: 1px solid gray;\r\n    padding: 1rem;\r\n    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\r\n    margin-bottom: 2rem;\r\n    display: flex;\r\n    flex-flow: row wrap;\r\n\r\n    @include respond-below(sm) {\r\n      position: relative;\r\n      padding-bottom: 2rem;\r\n    }\r\n\r\n    &Desc {\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    &Image {\r\n      padding: 0.5rem;\r\n      box-sizing: border-box;\r\n      width: 25%;\r\n    }\r\n\r\n    &Info {\r\n      width: 100%;\r\n\r\n      @include respond-above(sm) {\r\n        width: 75%;\r\n      }\r\n\r\n      padding: 0.5rem;\r\n      box-sizing: border-box;\r\n\r\n      &More {\r\n        cursor: pointer;\r\n        text-decoration: underline;\r\n        color: gray;\r\n\r\n        @include respond-below(sm) {\r\n          position: absolute;\r\n          left: 0;\r\n          right: 0;\r\n          text-align: center;\r\n          line-height: 2rem;\r\n          bottom: 0;\r\n        }\r\n\r\n        &:after {\r\n          content: \"\";\r\n          display: inline-block;\r\n          border-top: 0.5em solid gray;\r\n          border-right: 0.5em solid transparent;\r\n          border-bottom: 0.5em solid transparent;\r\n          border-left: 0.5em solid transparent;\r\n          transform: translateY(50%);\r\n          margin-left: 0.25em;\r\n          transform-origin: 50% 25%;\r\n          transition: 0.3s transform;\r\n        }\r\n\r\n        &.-active {\r\n          &:after {\r\n            transform: translateY(50%) rotate(180deg);\r\n          }\r\n\r\n          .activeText {\r\n            display: inline-block;\r\n          }\r\n\r\n          .inactiveText {\r\n            display: none;\r\n          }\r\n        }\r\n\r\n        .activeText {\r\n          display: none;\r\n        }\r\n\r\n        .inactiveText {\r\n          display: inline-block;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .-loading {\r\n    display: inline-block;\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translate3d(-50%,-50%, 0);\r\n    top: 50%;\r\n    text-align: center;\r\n    width: 0.5em;\r\n    height: 0.5em;\r\n    border-radius: 50%;\r\n    background-color: rgba(255, 255, 255, 0.2);\r\n    color: transparent;\r\n    animation: dot-flashing 1s infinite linear alternate;\r\n    animation-delay: 0.5s;\r\n\r\n    &::before,\r\n    &::after {\r\n      content: \"\";\r\n      display: inline-block;\r\n      position: absolute;\r\n      top: 0;\r\n    }\r\n\r\n    &::before {\r\n      left: -0.75em;\r\n      width: 0.5em;\r\n      height: 0.5em;\r\n      border-radius: 50%;\r\n      background-color: rgba(255, 255, 255, 0.2);\r\n      color: rgba(255, 255, 255, 0.2);\r\n      animation: dot-flashing 1s infinite alternate;\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    &::after {\r\n      left: 0.75em;\r\n      width: 0.5em;\r\n      height: 0.5em;\r\n      border-radius: 50%;\r\n      background-color: rgba(255, 255, 255, 0.2);\r\n      color: rgba(255, 255, 255, 0.2);\r\n      animation: dot-flashing 1s infinite alternate;\r\n      animation-delay: 1s;\r\n    }\r\n  }\r\n\r\n  .optionDesc {\r\n    overflow: hidden;\r\n    max-height: 0;\r\n    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);\r\n    margin-bottom: 1rem;\r\n    font-weight: 100;\r\n\r\n    &.-show {\r\n      max-height: 1000px;\r\n      transition: max-height 1s ease-in-out;\r\n    }\r\n  }\r\n\r\n  @keyframes dot-flashing {\r\n    0% {\r\n      background-color: rgba(255, 255, 255, 1);\r\n    }\r\n\r\n    50%, 100% {\r\n      background-color: rgba(255, 255, 255, 0.2);\r\n    }\r\n  }\r\n</style>\r\n","<template>\r\n  <div class=\"optionDesc\" :class=\"{ '-show': step.moreInfo }\">\r\n    ##More information##\r\n  </div>\r\n  <div class=\"m-priceCalculator__sizeStep\" v-if=\"sizes.length > 0\">\r\n    <div class=\"m-sizeRow\">\r\n      <div class=\"m-sizeLabel\">&nbsp;</div>\r\n      <div :key=\"'w' + windex\"\r\n           v-for=\"(w, windex) in step.SizeMap.Item1\"\r\n           :style=\"{ 'flex-basis': (w.Item1 / totalWidth) * 100 + '%' }\">\r\n        {{ (w.Item1 / 10).toFixed() }} <br />cm\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"m-sizeRow\"\r\n         :key=\"'h' + hindex\"\r\n         v-for=\"(h, hindex) in step.SizeMap.Item2\">\r\n      <div class=\"m-sizeLabel\">{{ h.Label }}<br />cm</div>\r\n\r\n      <div class=\"m-sizeCell\"\r\n           v-for=\"(w, sindex) in step.SizeMap.Item1\"\r\n           :key=\"'s' + sindex\"\r\n           :style=\"{ 'flex-basis': (w.Item1 / totalWidth) * 100 + '%' }\"\r\n           :class=\"{\r\n          '-hasOption':sizes && sizes[w.Item1] && sizes[w.Item1][h.Item1],\r\n          '-unavailable':\r\n            sizes &&\r\n            sizes[w.Item1] &&\r\n            sizes[w.Item1][h.Item1] &&\r\n            !sizes[w.Item1][h.Item1].isValid,\r\n        }\">\r\n        <div class=\"sizeWindow\"\r\n             :style=\"{ 'padding-top': (h.Item1 / w.Item1) * 100 + '%' }\"\r\n             :class=\"{\r\n            '-selected':\r\n              sizes &&\r\n            sizes[w.Item1] &&\r\n              sizes[w.Item1][h.Item1] &&\r\n              step.selectedOption &&\r\n              step.selectedOption.Id == sizes[w.Item1][h.Item1].Id,\r\n          }\">\r\n          <div v-if=\"sizes[w.Item1] && sizes[w.Item1][h.Item1]\"\r\n               @click=\"selectOption(step, sizes[w.Item1][h.Item1])\">\r\n            <span class=\"desc\">\r\n              {{ w.Label }} x {{ h.Label }} <br />\r\n              {{ sizes[w.Item1][h.Item1] ? sizes[w.Item1][h.Item1].Title : \"\" }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"sizeLegend\">\r\n    <p>\r\n      {{ content.labels[\"LegendHeader\"] }}\r\n    </p>\r\n    <ul>\r\n      <li>\r\n        <div class=\"sizeColor -available\"></div>\r\n        {{ content.labels[\"SizeAvailableColor\"] }}\r\n      </li>\r\n      <li>\r\n        <div class=\"sizeColor -selected\"></div>\r\n        {{ content.labels[\"SizeSelectedColor\"] }}\r\n      </li>\r\n      <li>\r\n        <div class=\"sizeColor -unavailable\"></div>\r\n        {{ content.labels[\"SizeNotAvailableColor\"] }}\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"SizeStep\",\r\n    props: [\"content\"],\r\n    emits: [\"select-option\"],\r\n    data() {\r\n      const sizes = [];\r\n      let totalWidth = 0;\r\n\r\n      this.step = this.content.step;\r\n\r\n      this.step.Options.forEach((o) => {\r\n        this.step.SizeMap.Item1.forEach((w) => {\r\n          if (typeof w.Label === \"undefined\") {\r\n            w.Label = (w.Item1 / 10).toFixed();\r\n            totalWidth += w.Item1;\r\n          }\r\n          this.step.SizeMap.Item2.forEach((h) => {\r\n            if (!h.Label) {\r\n              h.Label = (h.Item1 / 10).toFixed();\r\n            }\r\n\r\n            if (o.Lookup.startsWith(w.Item2) && o.Lookup.endsWith(h.Item2)) {\r\n              if (!sizes[w.Item1]) {\r\n                sizes[w.Item1] = [];\r\n              }\r\n\r\n              sizes[w.Item1][h.Item1] = o;\r\n              sizes[o.Lookup] = o;\r\n            }\r\n          });\r\n        });\r\n      });\r\n      return {\r\n        sizes,\r\n        totalWidth,\r\n      };\r\n    },\r\n    props: {\r\n      content: Object,\r\n    },\r\n    methods: {\r\n      selectOption(step, option, force) {\r\n        if ((option && option.isValid) || force) {\r\n          this.$emit(\"select-option\", step, option);\r\n        }\r\n      },\r\n    },\r\n    mounted() {\r\n      let defaultOption = this.step.Options.find((opt) => {\r\n        return opt.Id === this.step.DefaultOption;\r\n      });\r\n\r\n      this.selectOption(this.step, defaultOption, true);\r\n    },\r\n  };\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped lang=\"scss\">\r\n  @import \"../style/_vars\";\r\n\r\n  .m-priceCalculator__sizeStep {\r\n    margin-bottom: 2rem;\r\n    width: 100%;\r\n  }\r\n\r\n  .m-sizeRow {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    &:first-child {\r\n      text-align: center;\r\n      font-weight: bold;\r\n      font-size: 0.8em;\r\n      padding-bottom: 0.5rem;\r\n    }\r\n  }\r\n\r\n  .m-sizeCell {\r\n    position: relative;\r\n    outline: 1px solid lightgrey;\r\n\r\n    &.-hasOption {\r\n      background: gray;\r\n\r\n      &:hover {\r\n        background: $colorLightBlue;\r\n      }\r\n\r\n      .-selected {\r\n        > div {\r\n          box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.2);\r\n          background: $colorLightBlue;\r\n          z-index: 1;\r\n          transform: scale(1.3);\r\n          outline: 0.1rem solid white;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.-unavailable {\r\n      background: lightgray;\r\n    }\r\n  }\r\n\r\n  .m-sizeLabel {\r\n    flex-basis: 50px;\r\n\r\n    &:first-child {\r\n      text-align: center;\r\n      font-weight: bold;\r\n      font-size: 0.8em;\r\n    }\r\n  }\r\n\r\n  .sizeWindow {\r\n    > div {\r\n      text-align: center;\r\n      position: absolute;\r\n      top: 1px;\r\n      left: 1px;\r\n      right: 1px;\r\n      bottom: 1px;\r\n      cursor: pointer;\r\n      transition: 0.3s transform;\r\n      border: 1px solid #fff;\r\n    }\r\n\r\n    .desc {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      right: 0;\r\n      transform: translateY(-50%);\r\n      color: white;\r\n      font-size: 0.6rem;\r\n      font-weight: bold;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  .sizeLegend {\r\n    width: 100%;\r\n\r\n    p {\r\n      background: lightgray;\r\n      line-height: 3em;\r\n      padding-left: 1em;\r\n      padding-bottom: 0;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    ul {\r\n      list-style: none;\r\n      padding: 0;\r\n\r\n      li {\r\n        line-height: 2em;\r\n        margin-bottom: 0.5em;\r\n        padding-bottom: 0.5rem;\r\n        padding-left: 1em;\r\n        border-bottom: 2px solid lightgray;\r\n      }\r\n    }\r\n  }\r\n\r\n  .sizeColor {\r\n    width: 2em;\r\n    height: 2em;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n\r\n    &.-available {\r\n      background: gray;\r\n    }\r\n\r\n    &.-selected {\r\n      background: $colorLightBlue;\r\n    }\r\n\r\n    &.-unavailable {\r\n      background: lightgray;\r\n    }\r\n  }\r\n</style>\r\n","import { render } from \"./SizeStep.vue?vue&type=template&id=40e1ad2a&scoped=true\"\nimport script from \"./SizeStep.vue?vue&type=script&lang=js\"\nexport * from \"./SizeStep.vue?vue&type=script&lang=js\"\n\nimport \"./SizeStep.vue?vue&type=style&index=0&id=40e1ad2a&scoped=true&lang=scss\"\n\nimport exportComponent from \"E:\\\\agent1\\\\_work\\\\90\\\\s\\\\pricecalculator\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-40e1ad2a\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"options\">\r\n    <div\r\n      :key=\"oidx\"\r\n      v-for=\"(option, oidx) in options\"\r\n      @mouseover=\"hoverOption(option.Picture)\"\r\n      @mouseleave=\"leaveOption(content.step.selectedOption.Picture)\"\r\n      class=\"singleOption\"\r\n    >\r\n      <img\r\n        class=\"-hideForMd\"\r\n        v-bind:src=\"content.step.selectedOption.Picture.Src\"\r\n        v-if=\"content.step.selectedOption.Picture\"\r\n      />\r\n      <label\r\n        class=\"option\"\r\n        :class=\"{\r\n          '-disabled': !option.isValid,\r\n          '-active': picked == option.Id || (option.Id == content.step.selectedOption.Id && picked == null),\r\n        }\"\r\n      >\r\n        <input\r\n          type=\"radio\"\r\n          :value=\"option.Id\"\r\n          :disabled=\"!option.isValid\"\r\n          v-model=\"picked\"\r\n          :checked=\"option.Id == content.step.selectedOption.Id\"\r\n        />\r\n        <span class=\"optionText\">\r\n          <span>{{ option.Title }}</span>\r\n          <span v-if=\"!option.isValid\"> (NA)</span>\r\n          <!-- <span> (!)</span> -->\r\n        </span>\r\n        <span class=\"optionUnavailableTooltip\">\r\n          {{ content.unavailableLabel }}\r\n        </span>\r\n        <div\r\n          class=\"optionDesc\"\r\n          :class=\"{ '-show': content.step.moreInfo }\"\r\n          v-html=\"option.Description\"\r\n        ></div>\r\n      </label>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Option\",\r\n  props: [\"content\"],\r\n  data() {\r\n    return {\r\n      picked: null,\r\n    };\r\n  },\r\n  emits: [\"select-option\", \"set-image\", \"unset-image\"],\r\n  computed: {\r\n    options: function () {\r\n      // Sorting the options to have the invalid ones last\r\n      const opts = this.content.step.Options.slice(0).sort(function (a, b) {\r\n        return a.isValid === b.isValid ? 0 : a.isValid ? -1 : 1;\r\n      });\r\n\r\n      return opts;\r\n    },\r\n  },\r\n  watch: {\r\n    picked() {\r\n      let selectedOption = this.options.find((opt) => {\r\n        return opt.Id === this.picked;\r\n      });\r\n\r\n      this.$emit(\"select-option\", this.content.step, { Id: selectedOption.Id });\r\n    },\r\n  },\r\n  methods: {\r\n    hoverOption(pic) {\r\n      if (pic && pic.Src) {\r\n        this.$emit(\"set-image\", this.content.step, pic.Src);\r\n      }\r\n    },\r\n    leaveOption(pic) {\r\n         if (pic && pic.Src) {\r\n      this.$emit(\"unset-image\", this.content.step, pic.Src);\r\n      }\r\n    },\r\n  },\r\n  beforeMount() {\r\n    if (this.options[0]) {\r\n      this.$emit(\r\n        \"select-option\",\r\n        this.content.step,\r\n        { Id: this.content.step.DefaultOption },\r\n        true\r\n      );\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"../style/_vars\";\r\n\r\n.t-priceCalculator {\r\n  .singleOption {\r\n    @include respond-below(md) {\r\n      display: flex;\r\n      flex-flow: row wrap;\r\n      margin-bottom: 1rem;\r\n\r\n      label {\r\n        flex: 1;\r\n        margin: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .option {\r\n    display: block;\r\n    line-height: 2em;\r\n    padding: 0 0.5rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    z-index: 1;\r\n    margin-bottom: 1em;\r\n\r\n    &.-active {\r\n      background: $colorLightBlue;\r\n    }\r\n\r\n    &.-disabled {\r\n      color: lightgray;\r\n\r\n      &:hover {\r\n        .optionUnavailableTooltip {\r\n          display: block;\r\n        }\r\n      }\r\n\r\n      + * {\r\n        color: lightgray;\r\n      }\r\n    }\r\n\r\n    input {\r\n      margin-right: 0.5rem;\r\n      margin-top: 0;\r\n    }\r\n\r\n    &Text {\r\n      font-weight: bold;\r\n    }\r\n\r\n    &Desc {\r\n      display: block;\r\n      margin: 0;\r\n\r\n      ul:not([data]) {\r\n        list-style: disc;\r\n        padding: 0 1rem;\r\n      }\r\n    }\r\n\r\n    &UnavailableTooltip {\r\n      background: $colorLightBlue;\r\n      color: black;\r\n      border: 1px solid darkslateblue;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 100%;\r\n      transform: translateY(-50%);\r\n      padding: 0.2rem 0.5rem;\r\n      white-space: nowrap;\r\n      display: none;\r\n\r\n      &:before {\r\n        content: \"\";\r\n        display: inline-block;\r\n        position: absolute;\r\n        right: 100%;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        border-top: 0.8rem solid transparent;\r\n        border-bottom: 0.8rem solid transparent;\r\n        border-left: 0.8rem solid transparent;\r\n        border-right: 0.8rem solid darkslateblue;\r\n      }\r\n\r\n      @include respond-below(sm) {\r\n        display: none !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./Option.vue?vue&type=template&id=151e08be\"\nimport script from \"./Option.vue?vue&type=script&lang=js\"\nexport * from \"./Option.vue?vue&type=script&lang=js\"\n\nimport \"./Option.vue?vue&type=style&index=0&id=151e08be&lang=scss\"\n\nimport exportComponent from \"E:\\\\agent1\\\\_work\\\\90\\\\s\\\\pricecalculator\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <div class=\"product\">\r\n    <div class=\"productContent\">\r\n      <div class=\"productImage\" v-bind:style=\"{ backgroundImage: `url(${productImage})` }\"></div>\r\n      <div class=\"productInfo\">\r\n        <p class=\"productInfo__innerWrapper\">\r\n          <span class=\"productInfo__priceLabel\">{{\r\n        content.labels.TotalsText\r\n      }}</span>\r\n          <span class=\"productInfo__priceAmount\" v-if=\"price != 0\">\r\n            {{ content.labels[\"PrePriceText\"] }}\r\n            <span class=\"-relative\">\r\n              <span :class=\"{ '-loading': content.loading > 0 }\"></span>\r\n              <span :style=\"[content.loading > 0 && { color: 'transparent' }]\">{{ price }}</span>\r\n            </span>\r\n          </span>\r\n          <span class=\"productInfo_priceAmount\" v-if=\"price === 0\">{{\r\n        content.labels[\"StaticPriceForNoneDefaultProduct\"]\r\n      }}</span>\r\n        </p>\r\n        <p v-show=\"content.labels && content.labels.VatText\" class=\"productInfo__priceVatLabel\">\r\n          {{ content.labels.VatText }}\r\n        </p>\r\n        <p v-show=\"content.labels && content.labels['PriceDisclaimer']\" class=\"productInfo__priceDisclaimer\">\r\n          {{ content.labels[\"PriceDisclaimer\"] }}\r\n        </p>\r\n      </div>\r\n      <div class=\"productDetails\">\r\n        <!--\r\n        <h4>{{ content.labels['MandatorySectionTitle'] }}</h4>\r\n        -->\r\n        <ul>\r\n          <li>\r\n            <div class=\"productDetails__info\">\r\n              <div v-if=\"filledOutSteps.length > 0\">\r\n                <ul>\r\n                  <li v-if=\"content.product\">\r\n                    <span class=\"productDetails__infoLabel\">{{\r\n        content.labels.ProductIdLabel\r\n      }}</span>\r\n                    <span class=\"productDetails__infoText\">{{\r\n          content.product.Id\r\n        }}</span>\r\n                  </li>\r\n                  <li :key=\"index\" v-for=\"(step, index) in filledOutSteps\">\r\n                    <span class=\"productDetails__infoLabel\">{{\r\n        step.Title\r\n      }}</span>\r\n                    <span class=\"productDetails__infoText\">\r\n                      {{\r\n          step.selectedOption\r\n            ? step.Options.find(opt => {\r\n              return opt.Id == step.selectedOption.Id;\r\n            }).Title\r\n            : \"\"\r\n        }}\r\n                    </span>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n\r\n              <!--\r\n              <div v-if=\"content.additionalProds\">\r\n                <h4>##Additional products##</h4>\r\n                <div class=\"m-additional__selected\">\r\n                </div>\r\n                <ul>\r\n                  <li :key=\"index\" v-for=\"(prod, index) in content.additionalProds\">\r\n                    <div class=\"m-additional\" v-if=\"prod\">\r\n                      <div class=\"m-additional__action\">\r\n                        <input type=\"radio\" v-model=\"additional\" />\r\n                      </div>\r\n                      <div class=\"m-additional__info\">\r\n                        <span>{{ prod.DisplayName }}</span>\r\n                        <span>{{ prod.Id }}</span>\r\n                        <span>##Additional product info##</span>\r\n                        <span>{{ formatPrice(prod.PriceIncVat) }}</span>\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n              -->\r\n            </div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"productActions\">\r\n        <button class=\"-arrow\" :disabled=\"!content.product\" @click=\"addToBasket\r\n        \">\r\n          {{ content.labels[\"AddToBasketText\"] }}\r\n        </button>\r\n        <!--\r\n        <button @click=\"sendMail = !sendMail\">{{ content.labels['EmailButtonText'] }}</button>\r\n\r\n\r\n\r\n        <div class=\"m-priceCalculator__emailForm\" v-if=\"sendMail == true\">\r\n          <form @submit=\"checkEmailForm\">\r\n            <input type=\"text\" v-model=\"emailName\" :placeholder=\"[content.labels['EmailFieldPlaceholderName']]\" />\r\n            <input\r\n              type=\"email\"\r\n              v-model=\"emailAddress\"\r\n              :placeholder=\"[content.labels['EmailFieldPlaceholderEmail']]\"\r\n            />\r\n            <label\r\n              ><input type=\"checkbox\" v-model=\"emailTerms\" />{{ content.labels['EmailCheckbox1Text'] }}</label\r\n            >\r\n            <ul v-if=\"emailErrors\" class=\"emailErrors\">\r\n              <li :key=\"index\" v-for=\"(error, index) in emailErrors\">\r\n                <span>&#9888;</span> {{ error }}\r\n              </li>\r\n            </ul>\r\n            <button>{{ content.labels['EmailButtonTextSend'] }}</button>\r\n          </form>\r\n        </div>\r\n        -->\r\n        <!--\r\n        <button class=\"-text\" @click=\"reset\">{{content.labels['ReloadButtonText']}}</button>\r\n        -->\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Product\",\r\n  props: [\"content\"],\r\n  data() {\r\n    return {\r\n      sendMail: false,\r\n      emailErrors: [],\r\n      emailName: null,\r\n      emailAddress: null,\r\n      emailTerms: false,\r\n      additional: null\r\n    };\r\n  },\r\n  computed: {\r\n    price() {\r\n      if (this.content.product) {\r\n        // TODO: Get language code from BE\r\n        return this.formatPrice(\r\n          this.content.isVatIncluded\r\n            ? this.content.product.PriceIncVat\r\n            : this.content.product.PriceExVat\r\n        );\r\n      } else {\r\n        return 0;\r\n      }\r\n    },\r\n    filledOutSteps() {\r\n      return this.content.steps.filter(s => {\r\n        return s.selectedOption;\r\n      });\r\n    },\r\n    productImage() {\r\n      //This is not part of the PBI\r\n      /*\r\n      let windowStr = \"GGL\";\r\n      if (this.content.product) {\r\n        windowStr = this.content.product.Id.replaceAll(\r\n          this.content.product.TypeSignSize + \" \",\r\n          \"\"\r\n        ).replaceAll(\" \", \"-\");\r\n      }\r\n      return `/-/media/roofwindowshop/productimages/outside/windows/${windowStr}.png`;\r\n      */\r\n\r\n      return this.content.prodImg;\r\n    }\r\n  },\r\n  methods: {\r\n    formatPrice(val) {\r\n      return new Intl.NumberFormat(\"en-GB\", {\r\n        style: \"currency\",\r\n        currency: this.content.product.Currency\r\n      }).format(val);\r\n    },\r\n    // GA4 tracking\r\n    configuratorStartsEvent() {\r\n      var dataLayer = window.dataLayer || [];\r\n\r\n      const now = new Date();\r\n      const timestamp = `${now\r\n        .toISOString()\r\n        .slice(0, 10)} ${now.toTimeString().slice(0, 8)}.${now\r\n          .getMilliseconds()\r\n          .toString()\r\n          .padStart(3, \"0\")}`;\r\n\r\n      var isEventPresent = window.dataLayer.some(function (obj) {\r\n        return obj.event === \"configurator_starts_ga4\";\r\n      });\r\n\r\n      if (!isEventPresent) {\r\n        dataLayer.push({\r\n          event: \"configurator_starts_ga4\",\r\n          timestamp: timestamp,\r\n          site_section: \"Main configurator\"\r\n        });\r\n      }\r\n    },\r\n    addToBasket() {\r\n      this.$emit(\"add-to-basket\");\r\n      this.configuratorStartsEvent();\r\n    },\r\n    reset() {\r\n      this.$emit(\"reset\");\r\n    },\r\n    checkEmailForm(e) {\r\n      if (this.emailName && this.emailAddress && this.emailTerms) {\r\n        // Send email\r\n      }\r\n\r\n      this.emailErrors = [];\r\n\r\n      if (!this.emailName) {\r\n        this.emailErrors.push(\"##Name required##\");\r\n      }\r\n\r\n      if (!this.emailAddress) {\r\n        this.emailErrors.push(\"##Email required##\");\r\n      }\r\n\r\n      if (!this.emailTerms) {\r\n        this.emailErrors.push(\"##Check terms##\");\r\n      }\r\n\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      return false;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"../style/_vars\";\r\n\r\n.product {\r\n  width: 100%;\r\n\r\n  @include respond-above(sm) {\r\n    width: 33.3333333%;\r\n  }\r\n\r\n  position: relative;\r\n\r\n  &Content {\r\n    @include respond-above(sm) {\r\n      margin: 0 0 0 3.1rem;\r\n    }\r\n\r\n    position: sticky;\r\n    top: 0.5rem;\r\n  }\r\n\r\n  &Image {\r\n    padding: 1rem;\r\n    margin-bottom: 0.5rem;\r\n    text-align: center;\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n\r\n    &:after {\r\n      content: \"\";\r\n      display: block;\r\n      padding-bottom: 100%;\r\n    }\r\n  }\r\n\r\n  &Info {\r\n    background: $colorLightGray;\r\n    margin-bottom: 0.5rem;\r\n    padding: 1rem 1rem;\r\n    font-weight: bold;\r\n    font-size: 1rem;\r\n\r\n    p {\r\n      margin: 0;\r\n    }\r\n\r\n    &__priceVatLabel {\r\n      font-weight: normal;\r\n    }\r\n\r\n    &__innerWrapper {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      flex-wrap: wrap;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    &__price {\r\n      &Amount {\r\n        display: inline-flex;\r\n        float: right;\r\n        padding-bottom: 0.2rem;\r\n      }\r\n\r\n      &Label {\r\n        padding-bottom: 0.2rem;\r\n      }\r\n\r\n      &Disclaimer {\r\n        font-size: 0.7rem;\r\n        color: gray;\r\n        text-align: right;\r\n        font-weight: normal;\r\n        padding-top: 0.5rem;\r\n        clear: both;\r\n      }\r\n    }\r\n  }\r\n\r\n  &Details {\r\n    padding: 0.5rem 1rem;\r\n    background: $colorLightGray;\r\n\r\n    ul {\r\n      list-style: none;\r\n      padding: 0;\r\n    }\r\n\r\n    h4 {\r\n      border-bottom: 1px solid black;\r\n    }\r\n\r\n    &__info {\r\n      &Label {\r\n        font-weight: bold;\r\n        font-size: 0.75rem;\r\n        display: block;\r\n        margin-bottom: 0.2em;\r\n      }\r\n\r\n      &Text {\r\n        display: block;\r\n        font-size: 0.75rem;\r\n        margin-bottom: 1em;\r\n        color: gray;\r\n      }\r\n    }\r\n  }\r\n\r\n  &Actions {\r\n    padding: 0.5rem 0;\r\n\r\n    input {\r\n      max-width: 100%;\r\n      box-sizing: border-box;\r\n    }\r\n  }\r\n}\r\n\r\nbutton {\r\n  padding: 1em 0.9em;\r\n  display: block;\r\n  color: white;\r\n  text-align: left;\r\n  border: 0;\r\n  background: #476996;\r\n  width: 100%;\r\n  margin-bottom: 0.5rem;\r\n  cursor: pointer;\r\n\r\n  &:disabled {\r\n    background: gray;\r\n\r\n    &:hover {\r\n      background: darkgray;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    background: #5d82b3;\r\n  }\r\n\r\n  &.-text {\r\n    background: none;\r\n    text-align: left;\r\n    color: black;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  &.-arrow {\r\n    &:after {\r\n      content: \"\";\r\n      display: inline-block;\r\n      float: right;\r\n      width: 0.5em;\r\n      height: 0.5em;\r\n      margin-top: 0.2em;\r\n      border-bottom: 0.25em solid white;\r\n      border-right: 0.25em solid white;\r\n      transform: rotate(-45deg);\r\n    }\r\n  }\r\n}\r\n\r\ninput[type=\"text\"],\r\ninput[type=\"email\"] {\r\n  padding: 0.6em;\r\n  border: 0;\r\n  display: block;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.emailErrors {\r\n  li {\r\n    display: inline-block;\r\n    margin-right: 2em;\r\n    padding: 0;\r\n    background: orange;\r\n    border-radius: 3px;\r\n    color: white;\r\n    padding: 0.5em 1em;\r\n  }\r\n}\r\n\r\n.m-additional {\r\n  display: flex;\r\n  flex-flow: row wrap;\r\n  padding-bottom: 1rem;\r\n\r\n  &__action {\r\n    flex: 0;\r\n    width: auto;\r\n    padding-right: 1em;\r\n    padding-top: 0.5em;\r\n  }\r\n\r\n  &__info {\r\n    flex: 1 1 0;\r\n    width: auto;\r\n    border-top: 1px solid gray;\r\n\r\n    span {\r\n      display: block;\r\n      border-top: 1px solid gray;\r\n      padding: 0.5rem 0;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./Product.vue?vue&type=template&id=34182d9a&scoped=true\"\nimport script from \"./Product.vue?vue&type=script&lang=js\"\nexport * from \"./Product.vue?vue&type=script&lang=js\"\n\nimport \"./Product.vue?vue&type=style&index=0&id=34182d9a&scoped=true&lang=scss\"\n\nimport exportComponent from \"E:\\\\agent1\\\\_work\\\\90\\\\s\\\\pricecalculator\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-34182d9a\"]])\n\nexport default __exports__","import { render } from \"./Configurator.vue?vue&type=template&id=205d98f5\"\nimport script from \"./Configurator.vue?vue&type=script&lang=js\"\nexport * from \"./Configurator.vue?vue&type=script&lang=js\"\n\nimport \"./Configurator.vue?vue&type=style&index=0&id=205d98f5&lang=scss\"\n\nimport exportComponent from \"E:\\\\agent1\\\\_work\\\\90\\\\s\\\\pricecalculator\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=28f20f53\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=28f20f53&lang=css\"\n\nimport exportComponent from \"E:\\\\agent1\\\\_work\\\\90\\\\s\\\\pricecalculator\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createApp } from 'vue'\r\nimport App from './App.vue'\r\nimport axios from 'axios'\r\nimport VueAxios from 'vue-axios'\r\n\r\nconst app = createApp(App)\r\napp.mount('#app')\r\napp.use(VueAxios, axios)\r\n","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-v16/dist/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-v16/dist/index.js??ref--0-1!./Configurator.vue?vue&type=style&index=0&id=205d98f5&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-v16/dist/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-v16/dist/index.js??ref--0-1!./Product.vue?vue&type=style&index=0&id=34182d9a&scoped=true&lang=scss\""],"sourceRoot":""}