{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/ProductPage.vue?84b3","webpack:///./src/components/ProductPage.vue?364f","webpack:///./src/components/OptionalItemDropDown.vue?aaf5","webpack:///src/components/OptionalItemDropDown.vue","webpack:///./src/components/OptionalItemDropDown.vue?1c91","webpack:///./src/components/OptionalItemDropDown.vue?05af","webpack:///src/components/ProductPage.vue","webpack:///./src/components/ProductPage.vue?df10","webpack:///./src/components/ProductPage.vue?85e9","webpack:///./src/productpage.main.js","webpack:///./src/helpers/cookies.js","webpack:///./src/components/OptionalItemDropDown.vue?0c78"],"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","_vm","this","_h","$createElement","_c","_self","staticStyle","_v","_l","attributeId","_s","getAttributeName","directives","rawName","selectedValues","expression","staticClass","attrs","on","$event","$$selectedVal","Array","filter","target","options","selected","map","val","_value","$set","multiple","toLowerCase","sortAttributeValues","groupedAttributes","option","domProps","optionalItems","optionalItem","model","callback","$$v","_e","preventDefault","clearValues","possibleVariant","ArticleNo","calculatedPrice","Assembly","DeliveryTime","Weight","composing","choosenAmount","amountError","addItemToBasket","staticRenderFns","variants","isArray","_i","$$a","$$el","$$c","checked","$$i","concat","Name","selectedVariant","$emit","variant","component","Vue","config","productionTip","use","PortalVue","render","h","ProductPage","$mount","readCookie","C","document","cookie","split","cookies","removeCookie","path","domain"],"mappings":"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","file":"js/articlepage.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\"articlepage\": 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","import mod 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/lib/loaders/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/lib/index.js??vue-loader-options!./ProductPage.vue?vue&type=style&index=0&id=6ac19a04&lang=scss&scoped=true&\"; export default mod; 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/lib/loaders/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/lib/index.js??vue-loader-options!./ProductPage.vue?vue&type=style&index=0&id=6ac19a04&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('section',{staticStyle:{\"margin-bottom\":\"3.5rem\"}},[_c('h2',[_vm._v(\"Varianter\")]),_vm._l((_vm.attributeIds),function(attributeId,i){return _c('div',{key:i},[_c('label',[_vm._v(_vm._s(_vm.getAttributeName(attributeId)))]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedValues[attributeId]),expression:\"selectedValues[attributeId]\"}],key:i,staticClass:\"variant-select\",attrs:{\"id\":(\"variant-\" + attributeId)},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.selectedValues, attributeId, $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\" Välj \"+_vm._s(_vm.getAttributeName(attributeId).toLowerCase())+\" \")]),_vm._l((_vm.sortAttributeValues(attributeId, _vm.groupedAttributes[attributeId])),function(option){return _c('option',{key:option,domProps:{\"value\":option}},[_vm._v(\" \"+_vm._s(option)+\" \")])})],2)])})],2),(_vm.optionalItems.length > 0)?_c('section',{staticStyle:{\"margin-bottom\":\"2rem\"}},[_c('h2',[_vm._v(\"Tillval\")]),_vm._l((_vm.optionalItems),function(optionalItem){return _c('OptionalItemDropDown',{attrs:{\"selectedValues\":_vm.selectedValues,\"optionalItem\":optionalItem},model:{value:(optionalItem.selectedVariant),callback:function ($$v) {_vm.$set(optionalItem, \"selectedVariant\", $$v)},expression:\"optionalItem.selectedVariant\"}})})],2):_vm._e(),_c('section',[_c('button',{staticClass:\"pull-right btn btn--clear\",attrs:{\"title\":\"Rensa dina val\"},on:{\"click\":function($event){$event.preventDefault();return _vm.clearValues($event)}}},[_vm._v(\" Rensa val \")])]),_c('section',{staticStyle:{\"margin-bottom\":\"2rem\"}},[_c('h2',[_vm._v(\"Information\")]),(_vm.possibleVariant)?_c('div',[_c('p',[_vm._v(\" Artikelnummer: \"+_vm._s(_vm.possibleVariant.ArticleNo)+\" \"),_c('br'),_vm._v(\" Pris: \"+_vm._s(_vm.calculatedPrice)+\" \"),_c('br'),_vm._v(\" Montering: \"+_vm._s(_vm.possibleVariant.Assembly)+\" \"),_c('br'),_vm._v(\" Leveranstid: \"+_vm._s(_vm.possibleVariant.DeliveryTime)+\" \"),_c('br'),_vm._v(\" Vikt: \"+_vm._s(_vm.possibleVariant.Weight)+\" \")]),_c('h2',[_vm._v(\" Antal \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.choosenAmount),expression:\"choosenAmount\"}],staticStyle:{\"font-size\":\"1.1rem\",\"text-align\":\"center!important\"},attrs:{\"type\":\"number\",\"min\":\"0\"},domProps:{\"value\":(_vm.choosenAmount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.choosenAmount=$event.target.value}}}),(_vm.amountError)?_c('p',{staticStyle:{\"margin-top\":\"2rem\",\"color\":\"#f00\"}},[_vm._v(_vm._s(_vm.amountError))]):_vm._e(),_c('button',{staticClass:\"btn btn--full btn--buy\",staticStyle:{\"margin-top\":\"1rem\"},on:{\"click\":function($event){$event.preventDefault();return _vm.addItemToBasket($event)}}},[_vm._v(\" Lägg i varukorg \")])]):_c('div',[_c('p',[_vm._v(\"När du valt en produkt eller variant visas pris och övrig information här.\")])])]),_c('MountingPortal',{attrs:{\"mountTo\":\"#modal-portal-target\",\"name\":\"source\"}},[_c('transition',{attrs:{\"name\":\"slide-alert\"}},[(_vm.showAlert)?_c('div',{staticClass:\"cart-added-alert\",staticStyle:{}},[_c('p',{},[_vm._v(\" Produkten har blivit tillagd i varukorgen \")])]):_vm._e()])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"option-item--wrapper\"},[_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.optionalItem.selected),expression:\"optionalItem.selected\"}],attrs:{\"type\":\"checkbox\",\"disabled\":_vm.optionalItem.variants.length > 0 && _vm.variants.length <= 1,\"title\":_vm.optionalItem.variants.length > 0 && _vm.variants.length <= 1 ? 'För att välja detta tillvalet måste du välja en variant först' : ''},domProps:{\"checked\":Array.isArray(_vm.optionalItem.selected)?_vm._i(_vm.optionalItem.selected,null)>-1:(_vm.optionalItem.selected)},on:{\"change\":function($event){var $$a=_vm.optionalItem.selected,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.optionalItem, \"selected\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.optionalItem, \"selected\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.optionalItem, \"selected\", $$c)}}}}),_vm._v(\" \"+_vm._s(_vm.optionalItem.Name)+\" \")]),(_vm.optionalItem.variants.length > 0)?_c('div',{staticClass:\"option-item--variants\"},[_c('select',{attrs:{\"disabled\":!_vm.optionalItem.selected},domProps:{\"value\":_vm.optionalItem.selectedVariant},on:{\"input\":function($event){return _vm.$emit('input', $event.target.value)}}},_vm._l((_vm.variants),function(variant){return _c('option',{domProps:{\"value\":variant.ArticleNo}},[_vm._v(\" \"+_vm._s(variant.Name)+\" \")])}),0)]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"option-item--wrapper\" >\r\n        <label>\r\n            <input type=\"checkbox\" v-model=\"optionalItem.selected\" \r\n                   :disabled=\"optionalItem.variants.length > 0 && variants.length <= 1\"\r\n                   :title=\"optionalItem.variants.length > 0 && variants.length <= 1 ? 'För att välja detta tillvalet måste du välja en variant först' : ''\" />\r\n            {{optionalItem.Name}}\r\n        </label>\r\n        <div class=\"option-item--variants\" v-if=\"optionalItem.variants.length > 0\">\r\n            <select :disabled=\"!optionalItem.selected\"\r\n                    :value=\"optionalItem.selectedVariant\"\r\n                    @input=\"$emit('input', $event.target.value)\">\r\n                <option :value=\"variant.ArticleNo\" v-for=\"variant in variants\">\r\n                    {{variant.Name}}\r\n                </option>\r\n            </select>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        props: [\"optionalItem\", \"selectedValues\"],\r\n        computed: {\r\n            variants() {\r\n                const selectedValues = this.selectedValues;\r\n\r\n                return this.optionalItem.variants.filter((x) => {\r\n                    if (x.ArticleNo == -1)\r\n                        return true;\r\n\r\n                    if (!x.Attributes || x.Attributes.lenght == 0)\r\n                        return true;\r\n\r\n                    return x.Attributes.every(a => selectedValues[a.AttributeId] == a.Text);\r\n                });\r\n            }\r\n        },\r\n        watch: {\r\n            // if value of selected changes\r\n            // and that removes curretly selected optionaItemVariant set selectedVariant to -1\r\n            variants() {\r\n                if (!this.variants.some(v => v.ArticleNo == this.optionalItem.selectedVariant))\r\n                    this.$emit(\"input\", \"-1\");\r\n\r\n                if (this.optionalItem.selected\r\n                    && this.optionalItem.variants.length > 0\r\n                    && this.variants.length <= 1)\r\n                    this.optionalItem.selected = false;\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .option-item--wrapper {\r\n        padding: 1rem 0;\r\n        border-bottom: none;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .option-item--wrapper label {\r\n        width: 100%;\r\n        line-height: 20px !important;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n        .option-item--wrapper label:after {\r\n            content: \"\";\r\n            display: table;\r\n            clear: both;\r\n        }\r\n\r\n        .option-item--wrapper label input {\r\n            background-color: #fff;\r\n            background: none;\r\n            border: 1px solid #1A1919;\r\n            border-radius: 0;\r\n            padding: 0 !important;\r\n            width: 20px;\r\n            height: 20px;\r\n            float: right;\r\n        }\r\n\r\n            .option-item--wrapper label input:disabled {\r\n                border: 1px solid #ccc;\r\n                background-color: #ccc;\r\n            }\r\n\r\n            .option-item--variants {\r\n                margin-top: 0.1rem;\r\n            }\r\n\r\n        .option-item--variants select {\r\n            padding-left: 2rem;\r\n            color: #1A1919 !important;\r\n            font-size: 0.875rem;\r\n            font-family: \"Myriad W01 Regular\", sans-serif;\r\n        }\r\n\r\n    select {\r\n        padding: 1rem;\r\n        width: 100%;\r\n        border: 0;\r\n        border-bottom: 1px solid #ccc;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionalItemDropDown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionalItemDropDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OptionalItemDropDown.vue?vue&type=template&id=5afa8beb&scoped=true&\"\nimport script from \"./OptionalItemDropDown.vue?vue&type=script&lang=js&\"\nexport * from \"./OptionalItemDropDown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OptionalItemDropDown.vue?vue&type=style&index=0&id=5afa8beb&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5afa8beb\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <section style=\"margin-bottom: 3.5rem;\">\r\n            <h2>Varianter</h2>\r\n\r\n            <div v-for=\"(attributeId, i) in attributeIds\" :key=\"i\">\r\n                <label>{{getAttributeName(attributeId)}}</label>\r\n                <select :id=\"`variant-${attributeId}`\" v-model=\"selectedValues[attributeId]\" :key=\"i\" class=\"variant-select\">\r\n                    <option value=\"\">\r\n                        Välj {{getAttributeName(attributeId).toLowerCase()}}\r\n                    </option>\r\n                    <option v-for=\"option in sortAttributeValues(attributeId, groupedAttributes[attributeId])\"\r\n                            :value=\"option\"\r\n                            :key=\"option\">\r\n                        {{option}}\r\n                    </option>\r\n                </select>\r\n            </div>\r\n\r\n        </section>\r\n        <section style=\"margin-bottom:2rem;\" v-if=\"optionalItems.length > 0\">\r\n            <h2>Tillval</h2>\r\n           \r\n            <OptionalItemDropDown \r\n                    v-for=\"optionalItem in optionalItems\"\r\n                    :selectedValues=\"selectedValues\" \r\n                    :optionalItem=\"optionalItem\" \r\n                    v-model=\"optionalItem.selectedVariant\" />\r\n               \r\n        </section>\r\n\r\n        <section>\r\n            <button class=\"pull-right btn btn--clear\"\r\n                    title=\"Rensa dina val\"\r\n                    @click.prevent=\"clearValues\">\r\n                Rensa val\r\n            </button>\r\n        </section>\r\n\r\n        <section style=\"margin-bottom:2rem;\">\r\n            <h2>Information</h2>\r\n            <div v-if=\"possibleVariant\">\r\n                <p>\r\n                    Artikelnummer: {{possibleVariant.ArticleNo}}\r\n                    <br />\r\n                    Pris: {{calculatedPrice}}\r\n                    <br />\r\n                    Montering: {{possibleVariant.Assembly}}\r\n                    <br />\r\n                    Leveranstid: {{possibleVariant.DeliveryTime}}\r\n                    <br />\r\n                    Vikt: {{possibleVariant.Weight}}\r\n                </p>\r\n\r\n                <h2>\r\n                    Antal\r\n                </h2>\r\n                <input type=\"number\" style=\"font-size: 1.1rem;text-align:center!important;\" v-model=\"choosenAmount\" min=\"0\" />\r\n                <p v-if=\"amountError\" style=\"margin-top: 2rem;color: #f00;\">{{amountError}}</p>\r\n\r\n                <button @click.prevent=\"addItemToBasket\" class=\"btn btn--full btn--buy\" style=\"margin-top: 1rem;\">\r\n                    Lägg i varukorg\r\n                </button>\r\n            </div>\r\n            <div v-else>\r\n                <p>När du valt en produkt eller variant visas pris och övrig information här.</p>\r\n            </div>\r\n        </section>\r\n\r\n        <MountingPortal mountTo=\"#modal-portal-target\" name=\"source\">\r\n            <transition name=\"slide-alert\">\r\n                <div class=\"cart-added-alert\" v-if=\"showAlert\" style=\"\r\n    \">\r\n                    <p style=\"\">\r\n                        Produkten har blivit tillagd i varukorgen\r\n                    </p>\r\n                </div>\r\n            </transition>\r\n        </MountingPortal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import axios from \"axios\";\r\n\r\n    import { readCookie } from \"@/helpers/cookies\";\r\n\r\n    import OptionalItemDropDown from \"./OptionalItemDropDown\";\r\n\r\n    export default {\r\n        components: { OptionalItemDropDown },\r\n        data() {\r\n            return {\r\n                attributeIds: window.attributeIds,\r\n                ...window.productPageData,\r\n\r\n                choosenAmount: 1,\r\n                amountError: \"\",\r\n                hasClickedOnAddToCart: false,\r\n                showAlert: false,\r\n            };\r\n        },\r\n        mounted() {\r\n            window.setSelectedProduct = this.setSelectedProduct;\r\n        },\r\n        methods: {\r\n            sortAttributeValues(attributeId, values) {\r\n                return this.attributeValueOrder[attributeId].filter(x => values.indexOf(x) > -1);\r\n            },\r\n            getAttributeName(attributeId) {\r\n                var attribute = this.variants\r\n                    .flatMap((v) => v.Attributes)\r\n                    .find((x) => x.AttributeId == attributeId);\r\n                return attribute.Name;\r\n            },\r\n            clearValues() {\r\n                Object.keys(this.selectedValues).forEach(x => this.selectedValues[x] = \"\");\r\n                this.optionalItems.forEach(x => { x.selected = false; x.selectedVariant = \"-1\" });\r\n            },\r\n            addItemToBasket() {\r\n                if (this.hasClickedOnAddToCart)\r\n                    return;\r\n\r\n                if (isNaN(parseInt(this.choosenAmount)) || this.choosenAmount <= 0) {\r\n                    this.amountError = \"Antal måste vara ett heltal och större än noll\";\r\n                    return;\r\n                }\r\n\r\n                this.amountError = \"\";\r\n\r\n                const basketGuid = readCookie(\"basket\") || \"\";\r\n\r\n                const selectedOptionals = this.optionalItems.filter(x => x.selected);\r\n                const selectedOptionalArticleNos = [];\r\n\r\n                for (var i = 0; i < selectedOptionals.length; i++) {\r\n                    if (selectedOptionals[i].variants.length > 0) {\r\n                        const selectedVariant = selectedOptionals[i].variants.find(x => x.ArticleNo == selectedOptionals[i].selectedVariant);\r\n\r\n                        if (selectedVariant.ArticleNo == \"-1\") {\r\n                            this.amountError = `En variant av tillvalet ${selectedOptionals[i].Name} måste väljas`;\r\n                            return;\r\n                        }\r\n\r\n                        selectedOptionalArticleNos.push(selectedVariant.ArticleNo);\r\n                    }\r\n                    else {\r\n                        selectedOptionalArticleNos.push(selectedOptionals[i].ArticleNo);\r\n                    }\r\n                }\r\n\r\n                this.hasClickedOnAddToCart = true;\r\n\r\n                axios.post(\r\n                    \"/api/Basket/AddToCart\",\r\n                    {\r\n                        BasketGuid: basketGuid,\r\n                        ArticleNo: this.possibleVariant.ArticleNo,\r\n                        OptionalItemsArticleNo: selectedOptionalArticleNos,\r\n                        Amount: parseInt(this.choosenAmount)\r\n                    }\r\n                ).then((response) => {\r\n                    document.cookie = \"basket=\" + response.data.basketId + ';path=/';\r\n\r\n                    this.showAlert = true;\r\n\r\n                    setTimeout(() => this.showAlert = false, 2500);\r\n\r\n                    this.hasClickedOnAddToCart = false;\r\n\r\n                    window.updateCartCounter();\r\n                })\r\n            },\r\n            setSelectedProduct(articleNo) {\r\n                const variant = this.variants.find(v => v.ArticleNo == articleNo);\r\n                if (!variant)\r\n                    return true;\r\n\r\n                Object.keys(this.selectedValues).forEach(key => {\r\n                    this.selectedValues[key] = variant.Attributes.find(a => a.AttributeId == key).Text; \r\n                });\r\n\r\n                return true;\r\n            }\r\n        },\r\n        computed: {\r\n            newAttributes() {\r\n                const attributes = [...this.variants.flatMap((v) => v.Attributes)];\r\n\r\n                attributes.forEach((att) => {\r\n                    att.disabled = false;\r\n                });\r\n\r\n                Object.keys(this.selectedValues).forEach((key) => {\r\n                    if (this.selectedValues[key] == \"\") return;\r\n\r\n                    const filtredAttributeArticleNo = attributes\r\n                        .filter((x) => x.AttributeId == key && x.DisplayText == this.selectedValues[key])\r\n                        .map((x) => x.ArticleNo);\r\n\r\n                    attributes.forEach((att) => {\r\n                        if (filtredAttributeArticleNo.indexOf(att.ArticleNo) == -1 && att.AttributeId != key)\r\n                            att.disabled = true;\r\n                    });\r\n                });\r\n\r\n                return attributes;\r\n            },\r\n            groupedAttributes() {\r\n                return this.newAttributes\r\n                    .filter((x) => !x.disabled)\r\n                    .reduce(\r\n                        (acc, curr) => ({\r\n                            ...acc,\r\n                            [curr.AttributeId]: [\r\n                                ...new Set([...(acc[curr.AttributeId] || []), curr.DisplayText]),\r\n                            ],\r\n                        }),\r\n                        {}\r\n                    );\r\n            },\r\n            choosableAttributes() {\r\n                return this.newAttributes.filter(x => !x.disabled);\r\n            },\r\n            possibleVariant() {\r\n                const selectListIsFilled = Object.values(this.selectedValues).every(x => (x !== null && x !== \"\"))\r\n                if (!selectListIsFilled)\r\n                    return null;\r\n\r\n                const compareAtributes = (variant) => Object.entries(this.selectedValues).every(x => variant.Attributes.find(att => att.AttributeId == x[0]).DisplayText == x[1]);\r\n\r\n                return this.variants.find(x => compareAtributes(x));\r\n            },\r\n            calculatedPrice() {\r\n                if (!this.possibleVariant) return null;\r\n\r\n                let optionalPrice = 0;\r\n                const selectedOptionals = this.optionalItems.filter(x => x.selected);\r\n\r\n                for (var i = 0; i < selectedOptionals.length; i++) {\r\n                    if (selectedOptionals[i].variants.length > 0) {\r\n                        const selectedVariant = selectedOptionals[i].variants.find(x => x.ArticleNo == selectedOptionals[i].selectedVariant);\r\n\r\n                        if (selectedVariant.Price)\r\n                            optionalPrice += selectedVariant.Price;\r\n                        else\r\n                            optionalPrice += selectedOptionals[i].Price;\r\n                    }\r\n                    else {\r\n                        optionalPrice += selectedOptionals[i].Price;\r\n                    }\r\n                }\r\n\r\n                return this.possibleVariant.Price + optionalPrice + \" kr\" + (optionalPrice > 0 ? \" inkl. tillval och moms\" : \" inkl. moms\");\r\n            }\r\n        },\r\n        watch: {\r\n            possibleVariant(newVal, oldVal) {\r\n                if (!!newVal && newVal.ArticleNo != (oldVal || {}).ArticleNo) {\r\n                    const thumb = document.querySelector(`.owl-thumb[data-variant-image-for=\"${newVal.ArticleNo}\"]`);\r\n                    if (thumb)\r\n                        thumb.click();\r\n                }\r\n            }\r\n        }\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .variant-select {\r\n        width: 100%;\r\n        padding: 1rem;\r\n        color: #1A1919 !important;\r\n        font-size: 0.9rem;\r\n        font-family: \"Myriad W01 Regular\", sans-serif;\r\n    }\r\n\r\n   \r\n\r\n    .btn--clear {\r\n        padding: 5px 25px;\r\n        margin-top: 0.8rem;\r\n    }\r\n\r\n        .btn--clear:hover, .btn--buy:hover {\r\n            background: #000;\r\n            border: solid 1px #000;\r\n            color: #fff;\r\n        }\r\n\r\n    select {\r\n        padding: 1rem;\r\n        width: 100%;\r\n        border: 0;\r\n        border-bottom: 1px solid #ccc;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n        select::after {\r\n            display: block;\r\n            font: normal normal normal 14px/1 FontAwesome;\r\n            content: \"\\f178\";\r\n        }\r\n\r\n    label {\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n\r\n\r\n\r\n    $height: 60px;\r\n    .cart-added-alert {\r\n        position: fixed;\r\n        top: 140px;\r\n        right: 0;\r\n        left: 0;\r\n        height: $height;\r\n        background-color: #eddf4f;\r\n        z-index: 10003;\r\n\r\n        @media screen and (max-width: 1200px)\r\n        {\r\n            top: 0px;\r\n            z-index: 10005;\r\n        }\r\n\r\n        p\r\n\r\n    {\r\n        height: $height;\r\n        line-height: $height;\r\n        text-align: center;\r\n        vertical-align: middle\r\n    }\r\n    }\r\n\r\n    .slide-alert-enter-active, .slide-alert-leave-active {\r\n        transition: top .3s;\r\n    }\r\n\r\n    .slide-alert-enter, .slide-alert-leave-to {\r\n        top: -$height + 1;\r\n    }\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductPage.vue?vue&type=template&id=6ac19a04&scoped=true&\"\nimport script from \"./ProductPage.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductPage.vue?vue&type=style&index=0&id=6ac19a04&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6ac19a04\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue';\r\nimport PortalVue from 'portal-vue'\r\nimport ProductPage from './components/ProductPage';\r\n\r\nVue.config.productionTip = false;\r\n\r\nVue.use(PortalVue);\r\n\r\nnew Vue({\r\n    render: h => h(ProductPage)\r\n}).$mount('#app');","\r\nexport const readCookie = (name, c, C, i) => {\r\n    c = document.cookie.split('; ');\r\n    var cookies = {};\r\n\r\n    for (i = c.length - 1; i >= 0; i--) {\r\n        C = c[i].split('=');\r\n        cookies[C[0]] = C[1];\r\n    }\r\n\r\n    return cookies[name];\r\n}\r\n\r\nexport const removeCookie = (name, path, domain) => {\r\n    if (readCookie(name)) {\r\n        document.cookie = name + \"=\" +\r\n            ((path) ? \";path=\" + path : \"\") +\r\n            ((domain) ? \";domain=\" + domain : \"\") +\r\n            \";expires=Thu, 01 Jan 1970 00:00:01 GMT\";\r\n    }\r\n}","import mod 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/lib/loaders/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/lib/index.js??vue-loader-options!./OptionalItemDropDown.vue?vue&type=style&index=0&id=5afa8beb&lang=scss&scoped=true&\"; export default mod; 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/lib/loaders/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/lib/index.js??vue-loader-options!./OptionalItemDropDown.vue?vue&type=style&index=0&id=5afa8beb&lang=scss&scoped=true&\""],"sourceRoot":""}