{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?7e02","webpack:///./src/components/Home.vue?cecb","webpack:///./src/components/Result.vue?eb57","webpack:///./src/locales sync [A-Za-z0-9-_,\\s]+\\.json$/","webpack:///./src/App.vue?1d29","webpack:///./src/components/Home.vue?8ebc","webpack:///./src/components/elements/Range.vue?cd8a","webpack:///./src/i18n.js","webpack:///src/components/elements/Range.vue","webpack:///./src/components/elements/Range.vue?e748","webpack:///./src/components/elements/Range.vue?74ab","webpack:///src/components/Home.vue","webpack:///./src/components/Home.vue?705d","webpack:///./src/components/Home.vue?2af2","webpack:///./src/components/Result.vue?090d","webpack:///src/components/Result.vue","webpack:///./src/components/Result.vue?1cf0","webpack:///./src/components/Result.vue?dcf5","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/routes.js","webpack:///./src/main.js","webpack:///./src/components/elements/Range.vue?f077"],"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","map","webpackContext","req","id","webpackContextResolve","e","Error","code","keys","resolve","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","appData","activeComponent","tag","on","$event","staticRenderFns","class","locale","_v","_s","$t","_l","wash","title","washingAu","getRangeValue","directives","rawName","expression","buttonActive","getResult","getTitle","model","_t","range","callback","$$v","rangeText","getOptionStyle","convertRangeText","isMobile","_e","loadLocaleMessages","locales","require","messages","forEach","matched","match","Vue","use","VueI18n","fallbackLocale","component","_m","_b","slickOptions","numberFormat","co2","cost","wl","km","explanation","domProps","co2_lower","co2_less","cost_lower","cost_less","wl_lower","km_lower","wl_less","km_less","returnHome","staticStyle","info","content","routes","path","render","VueRouter","config","productionTip","router","beforeEach","to","from","next","language","params","lang","i18n","h","App","$mount"],"mappings":"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","file":"js/app.0d2a8eb4.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 = \"/washing/\";\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--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&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/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!./Home.vue?vue&type=style&index=0&id=217f1f21&lang=scss&scoped=true&\"","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!./Result.vue?vue&type=style&index=0&id=cbf26c70&lang=scss&scoped=true&\"","var map = {\n\t\"./au.json\": \"13c3\",\n\t\"./cz.json\": \"d6f6\",\n\t\"./de.json\": \"6ce2\",\n\t\"./en.json\": \"edd4\",\n\t\"./es.json\": \"a306\",\n\t\"./fr.json\": \"f693\",\n\t\"./it.json\": \"0825\",\n\t\"./ro.json\": \"9542\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"49f8\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\",attrs:{\"id\":\"app\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c(_vm.appData.activeComponent,{tag:\"router-view\",attrs:{\"appData\":_vm.appData},on:{\"appData\":function($event){_vm.appData = $event}}})],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',{class:_vm.locale == 'au' ? 'container washing-au' : 'container washing'},[_c('div',{class:_vm.locale == 'au' ? 'row-au' : 'row'},[_c('div',{staticClass:\"col-sm title\"},[_vm._v(\" \"+_vm._s(_vm.$t('question'))+\" \")])]),_vm._l((_vm.washing),function(wash,i){return _c('Range',{key:(wash, i),attrs:{\"model\":{ title: (\"\" + (_vm.locale === 'au' ? _vm.washingAu[i] : i)), value: wash }},on:{\"rangeValue\":function($event){return _vm.getRangeValue(i, $event)}}})}),_c('div',{class:_vm.locale == 'au' ? 'row-au' : 'row'},[_c('div',{staticClass:\"col col-md-3\"},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.locale === 'au'),expression:\"locale === 'au'\"}],staticClass:\"btn-au btn-block\",class:_vm.buttonActive,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.getResult()}}},[_vm._v(_vm._s(_vm.$t('calculate')))]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.locale !== 'au'),expression:\"locale !== 'au'\"}],staticClass:\"btn btn-block\",class:_vm.buttonActive,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.getResult()}}},[_vm._v(_vm._s(_vm.$t('calculate')))])])])],2)}\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',{class:_vm.locale === 'au' ? 'main ': 'row'},[_c('div',{class:_vm.locale === 'au' ? 'main-text ': 'col-3 col-md-1'},[_c('div',{class:_vm.locale === 'au' ? 'main-title' : 'percent'},[_vm._v(_vm._s(_vm.getTitle(_vm.model.title)))]),_vm._t(\"default\")],2),(_vm.locale === 'au')?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-9 col-md-11 range-slider-au\"},[_c('range-slider',{staticClass:\"range-slider-au\",attrs:{\"min\":\"0\",\"max\":\"8\",\"step\":\"1\"},on:{\"change\":_vm.range},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('div',{class:[(\"slider-marker-au s-\" + (this.value))]},_vm._l((_vm.rangeText.length),function(m){return _c('span',{key:m,class:_vm.getOptionStyle(m, _vm.value)})}),0),_c('div',{staticClass:\"results-au\"},[_vm._v(_vm._s(_vm.convertRangeText(_vm.value)))])],1)]):_c('div',{staticClass:\"col-9 col-md-11 range-slider\"},[(_vm.locale !== 'cz' || _vm.isMobile)?_c('div',{staticClass:\"results\"},[_vm._v(_vm._s(_vm.convertRangeText(_vm.value)))]):_vm._e(),_c('range-slider',{staticClass:\"slider-color\",attrs:{\"min\":\"0\",\"max\":\"8\",\"step\":\"1\"},on:{\"change\":_vm.range},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('div',{class:[(\"slider-marker s-\" + (this.value))]},_vm._l((_vm.rangeText.length),function(m){return _c('span',{key:m,class:_vm.getOptionStyle(m, _vm.value)},[(_vm.locale === 'cz' && !_vm.isMobile)?_c('em',[_vm._v(_vm._s(_vm.model.title === 'washing_20' ? _vm.rangeText[m - 1] : ''))]):_vm._e()])}),0)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from 'vue'\nimport VueI18n from 'vue-i18n'\n\nVue.use(VueI18n)\n\nfunction loadLocaleMessages () {\n  const locales = require.context('./locales', true, /[A-Za-z0-9-_,\\s]+\\.json$/i)\n  const messages = {}\n  locales.keys().forEach(key => {\n    const matched = key.match(/([A-Za-z0-9-_]+)\\./i)\n    if (matched && matched.length > 1) {\n      const locale = matched[1]\n      messages[locale] = locales(key)\n    }\n  })\n  return messages\n}\n\nexport default new VueI18n({\n  // locale: process.env.VUE_APP_I18N_LOCALE || 'en',\n  // fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',\n  locale: 'en',\n  fallbackLocale: 'en',\n  messages: loadLocaleMessages()\n})\n","<template>\r\n        <div :class=\"locale === 'au' ? 'main ': 'row'\">\r\n            <div :class=\"locale === 'au' ? 'main-text ': 'col-3 col-md-1'\">\r\n                <div :class=\"locale === 'au' ? 'main-title' : 'percent'\">{{ getTitle(model.title) }}</div>\r\n                <slot></slot>\r\n            </div>\r\n            <div class=\"row\" v-if=\"locale === 'au'\">\r\n                <div class=\"col-9 col-md-11 range-slider-au\">\r\n                    <range-slider min=\"0\" max=\"8\" step=\"1\" @change=\"range\"\r\n                        v-model=\"value\" class=\"range-slider-au\"></range-slider>\r\n                    <div :class=\"[`slider-marker-au s-${this.value}`]\"> \r\n                        <span v-for=\"m in rangeText.length\" :key=\"m\" :class=\"getOptionStyle(m, value)\"></span>\r\n                    </div>\r\n                    <div class=\"results-au\">{{ convertRangeText(value) }}</div>\r\n                </div>\r\n            </div>\r\n            <div v-else class=\"col-9 col-md-11 range-slider\">\r\n                <div class=\"results\" v-if=\"locale !== 'cz' || isMobile\">{{ convertRangeText(value) }}</div>\r\n                <range-slider min=\"0\" max=\"8\" step=\"1\" @change=\"range\"\r\n                    v-model=\"value\" class=\"slider-color\"></range-slider>\r\n                <div :class=\"[`slider-marker s-${this.value}`]\"> \r\n                    <span v-for=\"m in rangeText.length\" :key=\"m\" :class=\"getOptionStyle(m, value)\">\r\n                        <em v-if=\"locale === 'cz' && !isMobile\">{{ model.title === 'washing_20' ? rangeText[m - 1] : ''}}</em>\r\n                    </span>\r\n                </div>\r\n           </div>\r\n        </div>\r\n</template>\r\n<script>\r\n    import RangeSlider from 'vue-range-slider';\r\n    import 'vue-range-slider/dist/vue-range-slider.css'\r\n    import i18n from '../../i18n'\r\n    export default {\r\n        props: {\r\n            model: Object\r\n        },\r\n        data () {\r\n            return {\r\n                value: this.model.value,\r\n                rangeText: i18n.messages[i18n.locale].frequency,\r\n                locale: i18n.locale,\r\n                isMobile: false\r\n\r\n            }\r\n        },\r\n        mounted () {\r\n            this.onResize()\r\n            window.addEventListener('resize', this.onResize, { passive: true })\r\n        },\r\n        methods: {\r\n            getTitle(value) {\r\n                return `${value.replace('washing_','')}${this.locale != 'au' ? '°' : ''}`;\r\n            },\r\n            convertRangeText (value) {\r\n                return this.rangeText[value];\r\n            },\r\n            range () {\r\n                this.$emit('rangeValue', this.value);\r\n                console.log(this.value)\r\n            },\r\n            getRangeStyle (value) {\r\n                const val = (value - 0) / (8 - 0);\r\n                const percent = (val * 100).toFixed(2);\r\n                return 'background-image: -webkit-gradient(linear, left top, right top, ' + 'color-stop(' + percent + '%, $rail-fill-color), ' + 'color-stop(' + percent + '%, $rail-color)' + ')';\r\n            },\r\n            getOptionStyle (i, value) {\r\n                const test = i > value ? '':'selected';\r\n                return test;\r\n            },\r\n            // isMobile() {\r\n            //     return screen.width <= 760 \r\n            // },\r\n            onResize () {\r\n                this.isMobile = window.innerWidth <= 990\r\n            }\r\n        },\r\n        components: {\r\n            RangeSlider\r\n        }\r\n    }\r\n</script>\r\n<style lang=\"scss\">\r\n    $slider-width: 100%;\r\n    $slider-width-au: 105%;\r\n    $rail-fill-color: #e20015;\r\n    $rail-color: #aaaaaa;\r\n    $rail-fill-color-au: #04662d;\r\n    $rail-color-au: #fff;\r\n\r\n    .main {\r\n        background-color: #cfe3da;\r\n        margin-top: 10px;\r\n        padding-bottom: 10px;\r\n    }\r\n    .main-text {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        flex-direction: row;\r\n\r\n        .main-title {\r\n            font-size: 15px;\r\n            font-weight: bold;\r\n            padding-top: 5px;\r\n            margin-left: 30px;\r\n        }\r\n    }\r\n\r\n    .range-slider {\r\n        width: $slider-width;\r\n        margin-top: 5px;\r\n        .range-slider-rail {\r\n            height: 2px;\r\n            background: $rail-color;\r\n        }\r\n        .range-slider-fill {\r\n            background: $rail-fill-color;\r\n        }\r\n        .range-slider-knob {\r\n            height: 32px;\r\n            width: 32px;\r\n            background-color: #ffffff;\r\n            border: 2px solid $rail-fill-color;\r\n            &:hover, &:active, &:focus {\r\n                background-color: $rail-fill-color;\r\n                -webkit-tap-highlight-color: $rail-fill-color;\r\n            }\r\n        }\r\n    }\r\n    .range-slider-au {\r\n        width: $slider-width-au;\r\n        margin-top: 3px;\r\n        margin-left: 10px;\r\n        \r\n         @media (max-width: 768px) {\r\n            margin-left: 10px;\r\n            width: 103%;\r\n        }\r\n         @media (max-width: 480px) {\r\n              width: 270px;\r\n         }\r\n        \r\n        .range-slider-rail {\r\n            height: 2px;\r\n            background: $rail-color-au;\r\n        }\r\n        .range-slider-fill {\r\n            background: $rail-fill-color-au;\r\n        }\r\n        .range-slider-knob {\r\n            height: 23px;\r\n            width: 23px;\r\n            background-color:$rail-fill-color-au;\r\n            border: 2px solid $rail-fill-color-au;\r\n            &:hover, &:active, &:focus {\r\n                background-color: $rail-fill-color-au;\r\n                -webkit-tap-highlight-color: $rail-fill-color-au;\r\n            }\r\n\r\n            @media (max-width: 768px) {\r\n                height: 20px;\r\n                width: 20px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .slider-marker {\r\n        position: absolute;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        width: 98%;\r\n        z-index: -1;\r\n        top: 13px;\r\n        padding: 0 10px;\r\n        @media (max-width: 768px) {\r\n            width: 93%;\r\n        }\r\n        span {\r\n            background-color: $rail-color;\r\n            height: 6px;\r\n            width: 3px; \r\n            &.selected {\r\n                background-color: $rail-fill-color;\r\n                em {\r\n                    font-weight: bold;\r\n                }\r\n            }\r\n            em {\r\n                font-style: normal;\r\n                font-size: 10.6px;\r\n                position: absolute;\r\n                top: -32px;\r\n                margin-left: -43px;\r\n                width: 100px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .slider-marker-au {\r\n        position: absolute;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        width: 98%;\r\n        z-index: -1;\r\n        top: 13px;\r\n        padding: 0 10px;\r\n        @media (max-width: 768px) {\r\n            width: 93%;\r\n        }\r\n        span {\r\n            background-color: $rail-color-au;\r\n            height: 6px;\r\n            width: 3px; \r\n            &.selected {\r\n                background-color: $rail-fill-color-au;\r\n            }\r\n        }\r\n    }\r\n\r\n    .results {\r\n        color: #2d2e32;\r\n        font-size: 14px;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        text-align: right;\r\n\r\n        float: right;\r\n        z-index: 9999;\r\n        margin-top: -20px;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .results-au {\r\n        color: #2c3e50;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        text-align: right;\r\n\r\n        float: right;\r\n        z-index: 9999;\r\n        margin-top: -5px;\r\n        margin-right: -50px;\r\n        @media (max-width: 768px) {\r\n            margin-top: -3px;\r\n            margin-right: -20px;\r\n        }\r\n        @media (max-width: 480px) {\r\n            margin-top: -3px;\r\n            margin-right: -45px;\r\n        }\r\n    }\r\n\r\n    .percent {\r\n        background: #02742a;\r\n        border-radius: 0px;\r\n        height: 43px;\r\n        width: 73px;\r\n        padding: 5px;\r\n        text-align: center;\r\n        vertical-align: middle;\r\n        font-size: 22px;\r\n        font-weight: bold;\r\n        color: #ffffff;\r\n        @media (max-width: 990px) {\r\n            width: 55px;\r\n        }\r\n    }\r\n\r\n    sup {\r\n        top: -.65em;\r\n        font-size: 12px;\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!./Range.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!./Range.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Range.vue?vue&type=template&id=591a6842&\"\nimport script from \"./Range.vue?vue&type=script&lang=js&\"\nexport * from \"./Range.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Range.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div :class=\"locale == 'au' ? 'container washing-au' : 'container washing'\">\r\n        <div :class=\"locale == 'au' ? 'row-au' : 'row'\">\r\n            <div class=\"col-sm title\">\r\n                {{ $t('question') }}\r\n            </div>\r\n        </div>\r\n\r\n        <Range\r\n            v-for=\"(wash, i) in washing\"\r\n            :key=\"(wash, i)\"\r\n            :model=\"{ title: `${locale === 'au' ? washingAu[i] : i}`, value: wash }\"\r\n            @rangeValue=\"getRangeValue(i, $event)\">\r\n        </Range>\r\n\r\n        <div :class=\"locale == 'au' ? 'row-au' : 'row'\">\r\n            <div class=\"col col-md-3\">\r\n                <button v-show=\"locale === 'au'\" type=\"button\" \r\n                    class=\"btn-au btn-block\"\r\n                    :class=\"buttonActive\"\r\n                    @click=\"getResult()\">{{ $t('calculate') }}</button>\r\n                <button v-show=\"locale !== 'au'\" type=\"button\" \r\n                    class=\"btn btn-block\"\r\n                    :class=\"buttonActive\"\r\n                    @click=\"getResult()\">{{ $t('calculate') }}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    import Range from './elements/Range.vue'\r\n    import i18n from '../i18n'\r\n    export default {\r\n        props: [\r\n            'appData'\r\n        ],\r\n        data () {\r\n            return {\r\n                washing: this.appData.washing,\r\n                buttonActive: false,\r\n                washingAu: this.appData.washingAu,\r\n                locale: i18n.locale\r\n            }\r\n        },\r\n        methods: {\r\n            getResult() {\r\n                this.appData.activeComponent = 'Result';\r\n                this.$emit('appData', this.appData);\r\n            },\r\n            getRangeValue(key, event){\r\n                this.appData.washing[key] = event;\r\n                this.getWashingValue();\r\n            },\r\n            getWashingValue() {\r\n                var total = 0;\r\n                Object.entries(this.appData.washing).forEach(function (data) {\r\n                    total += Number(data[1]);\r\n                });\r\n                this.buttonActive = total > 0 ? 'active':'';\r\n            }\r\n        },\r\n        components: {\r\n            Range\r\n        },\r\n        created () {\r\n            this.getWashingValue();\r\n        }\r\n    }\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n    .title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        line-height: 30px;\r\n        text-align: left;\r\n    }\r\n\r\n    .btn {\r\n        background: #aaaaaa;\r\n        border-radius: 40px;\r\n        height: 44px;\r\n        width: 161px;\r\n        color: #ffffff;\r\n        text-transform: uppercase;\r\n        font-family: Montserrat-Bold;\r\n        &.active {\r\n            background: #e20015;\r\n            color: #ffffff;\r\n        }\r\n        \r\n        @media only screen and (min-width: 768px) {\r\n            &.active {\r\n                transition: all 0.2s linear;\r\n                &:hover {\r\n                    width: 176px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .btn-au {\r\n        margin-top: 20px;\r\n        background: #aaaaaa;\r\n        height: 44px;\r\n        width: 161px;\r\n        margin-left: -15px;\r\n        color: #ffffff;\r\n        text-transform: uppercase;\r\n        border-color: transparent;\r\n        font-family: Montserrat-Bold;\r\n        &.active {\r\n            background: #e20015;\r\n            color: #ffffff;\r\n        }\r\n        \r\n        @media only screen and (min-width: 768px) {\r\n            &.active {\r\n                transition: all 0.2s linear;\r\n                &:hover {\r\n                    width: 176px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .washing .row {\r\n        padding-bottom: 30px;\r\n        font-family: NunitoSans-Bold;\r\n    }\r\n\r\n    .washing-au  {\r\n        padding-bottom: 10px;\r\n        font-family: NunitoSans-Bold;\r\n        background-color: #e8f5ee;\r\n    }\r\n\r\n    .row-au:nth-child(1) {\r\n        padding-top: 15px;\r\n    }\r\n\r\n    @media only screen and (max-width: 768px) { \r\n        .btn {\r\n            width: 100%;\r\n        }\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=217f1f21&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=217f1f21&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  \"217f1f21\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12 bg-green text-left\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"header-title\"},[_vm._v(\" \"+_vm._s(_vm.$t('result.headline'))+\" \"),_vm._m(0)]),_c('span',{staticClass:\"header-text mb-3\"},[_vm._v(\" \"+_vm._s(_vm.$t('result.subline'))+\" \")])])]),_c('div',{staticClass:\"row\"},[_c('VueSlickCarousel',_vm._b({},'VueSlickCarousel',_vm.slickOptions,false),[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"icon-frame icon-cloud\"}),_c('div',{staticClass:\"c-label\"},[_vm._v(_vm._s(_vm.$t('result.co2.type')))]),_c('span',{staticClass:\"c-number-value\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.co2)))]),_c('span',{staticClass:\"c-unit-currency\"},[_vm._v(_vm._s(_vm.$t('result.co2.amount')))])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"icon-frame icon-coins\"}),_c('div',{staticClass:\"c-label\"},[_vm._v(_vm._s(_vm.$t('result.cost.type')))]),_c('span',{staticClass:\"c-number-value\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.cost)))]),_c('span',{staticClass:\"c-unit-currency\"},[_vm._v(_vm._s(_vm.$t('result.cost.amount')))])]),_c('div',{staticClass:\"col-md-12\"},[(_vm.locale === 'au')?_c('div',{staticClass:\"icon-frame icon-water\"}):_c('div',{staticClass:\"icon-frame icon-car\"}),_c('div',{staticClass:\"c-label\"},[_vm._v(_vm._s(_vm.$t('result.range.type')))]),(_vm.locale === 'au')?_c('span',{staticClass:\"c-number-value\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.wl)))]):_c('span',{staticClass:\"c-number-value\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.km)))]),_c('span',{staticClass:\"c-unit-currency\"},[_vm._v(_vm._s(_vm.$t('result.range.amount')))])])])],1)]),_c('div',{staticClass:\"content text-left my-3\"},[_c('h1',{staticClass:\"content-title mb-0\"},[_vm._v(_vm._s(_vm.$t('explanation.headline')))]),_c('p',{staticClass:\"content-text mb-4\"},[_vm._v(\" \"+_vm._s(_vm.explanation)+\" \")])]),_c('div',{staticClass:\"col-sm-12 bg-green text-left\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"header-title\"},[_vm._v(\" \"+_vm._s(_vm.$t('saving.headline'))+\" \"),_vm._m(1)]),_c('span',{staticClass:\"header-text\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t('saving.subline'))}}),_vm._m(2)])])]),_c('div',{staticClass:\"row\"},[_c('VueSlickCarousel',_vm._b({},'VueSlickCarousel',_vm.slickOptions,false),[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"icon-frame icon-cloud\"}),_c('div',{staticClass:\"c-label\"},[_vm._v(_vm._s(_vm.$t('saving.co2.type')))]),_c('span',{staticClass:\"c-number-value\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.co2_lower)))]),_c('span',{staticClass:\"c-unit-currency\"},[_vm._v(_vm._s(_vm.$t('saving.co2.amount')))]),_c('div',{staticClass:\"col-sm-12 bg-dark-green lower-value-container float-left py-1\"},[_c('span',{staticClass:\"c-quantity-value larger\"},[_c('div',{staticClass:\"icon-frame icon-arrow\"}),_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.co2_less))+\" \"+_vm._s(_vm.$t('saving.co2.amount')))])])])]),_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"icon-frame icon-coins\"}),_c('div',{staticClass:\"c-label\"},[_vm._v(_vm._s(_vm.$t('saving.cost.type')))]),_c('span',{staticClass:\"c-number-value\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.cost_lower)))]),_c('span',{staticClass:\"c-unit-currency\"},[_vm._v(_vm._s(_vm.$t('saving.cost.amount')))]),_c('div',{staticClass:\"col-sm-12 bg-dark-green lower-value-container float-left py-1\"},[_c('span',{staticClass:\"c-quantity-value larger\"},[_c('div',{staticClass:\"icon-frame icon-arrow\"}),_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.cost_less))+\" \"+_vm._s(_vm.$t('saving.cost.amount')))])])])]),_c('div',{staticClass:\"col-sm-12\"},[(_vm.locale === 'au')?_c('div',{staticClass:\"icon-frame icon-water\"}):_c('div',{staticClass:\"icon-frame icon-car\"}),_c('div',{staticClass:\"c-label\"},[_vm._v(_vm._s(_vm.$t('saving.range.type')))]),(_vm.locale === 'au')?_c('span',{staticClass:\"c-number-value\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.wl_lower)))]):_c('span',{staticClass:\"c-number-value\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.km_lower)))]),_c('span',{staticClass:\"c-unit-currency\"},[_vm._v(_vm._s(_vm.$t('saving.range.amount')))]),_c('div',{staticClass:\"col-sm-12 bg-dark-green lower-value-container float-left py-1\"},[_c('span',{staticClass:\"c-quantity-value larger\"},[_c('div',{staticClass:\"icon-frame icon-arrow\"}),(_vm.locale === 'au')?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.wl_less))+\" \"+_vm._s(_vm.$t('saving.range.amount')))]):_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.numberFormat(_vm.km_less))+\" \"+_vm._s(_vm.$t('saving.range.amount')))])])])])])],1)]),_c('div',{staticClass:\"col-sm-12 content text-left\"},[_c('button',{staticClass:\"btn custom-btn btn-restart my-4\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.returnHome()}}},[_vm._v(_vm._s(_vm.$t('restart')))])])]),_c('div',{staticClass:\"modal fade\",staticStyle:{\"padding\":\"0\"},attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"id\":\"wcModal\",\"data-keyboard\":\"false\",\"aria-labelledby\":\"modalTitle\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header custom-modal-header px-4 pt-4 pb-0\"},[_c('h5',{staticClass:\"modal-title custom-modal-header-title\",attrs:{\"id\":\"modalTitle\"}},[_vm._v(_vm._s(_vm.$t('information.headline')))]),_vm._m(3)]),_c('div',{staticClass:\"modal-body custom-modal-body text-left px-4\"},_vm._l((_vm.information),function(info){return _c('div',{key:info.content,staticClass:\"mb-3\"},[_c('p',{staticClass:\"h4 text-dark mf-title mb-0\"},[_vm._v(_vm._s(info.title))]),_c('p',{staticClass:\"mf-desc mb-4 w-100\"},[_vm._v(_vm._s(info.content))])])}),0),_c('div',{staticClass:\"modal-footer custom-modal-footer py-4 d-flex justify-content-center\"},[_c('button',{staticClass:\"btn custom-btn custom-modal-btn\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"}},[_vm._v(_vm._s(_vm.$t('information.close')))])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"#\",\"data-toggle\":\"modal\",\"data-target\":\"#wcModal\"}},[_c('span',{staticClass:\"icon-info icon-btn\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"#\",\"data-toggle\":\"modal\",\"data-target\":\"#wcModal\"}},[_c('span',{staticClass:\"icon-info icon-btn\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"#\",\"data-toggle\":\"modal\",\"data-target\":\"#wcModal\"}},[_c('span',{staticClass:\"icon-info icon-btn icon-btn--inline\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-sm-12 bg-green text-left\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-sm-12\">\r\n                        <div class=\"header-title\">\r\n                            {{ $t('result.headline') }}\r\n                            <a href=\"#\" data-toggle=\"modal\" data-target=\"#wcModal\">\r\n                                <span class=\"icon-info icon-btn\"></span>\r\n                            </a>\r\n                        </div>\r\n                        <span class=\"header-text mb-3\">\r\n                            {{ $t('result.subline') }}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n                    <VueSlickCarousel v-bind=\"slickOptions\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"icon-frame icon-cloud\"></div>\r\n                            <div class=\"c-label\">{{ $t('result.co2.type') }}</div>\r\n                            <span class=\"c-number-value\">{{ numberFormat(co2) }}</span>\r\n                            <span class=\"c-unit-currency\">{{ $t('result.co2.amount') }}</span>\r\n                        </div>\r\n\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"icon-frame icon-coins\"></div>\r\n                            <div class=\"c-label\">{{ $t('result.cost.type') }}</div>\r\n                            <span class=\"c-number-value\">{{ numberFormat(cost) }}</span>\r\n                            <span class=\"c-unit-currency\">{{ $t('result.cost.amount') }}</span>\r\n                        </div>\r\n                        <div class=\"col-md-12\">\r\n                            <div v-if=\"locale === 'au'\" class=\"icon-frame icon-water\"></div>\r\n                            <div v-else class=\"icon-frame icon-car\"></div>\r\n                            <div class=\"c-label\">{{ $t('result.range.type') }}</div>\r\n                            <!-- for AU -->\r\n                            <span class=\"c-number-value\" v-if=\"locale === 'au'\">{{ numberFormat(wl) }}</span>\r\n                            <!-- end for AU -->\r\n                            <span class=\"c-number-value\" v-else>{{ numberFormat(km) }}</span>\r\n                            <span class=\"c-unit-currency\">{{ $t('result.range.amount') }}</span>\r\n                        </div>\r\n                    </VueSlickCarousel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"content text-left my-3\">\r\n                <h1 class=\"content-title mb-0\">{{ $t('explanation.headline') }}</h1>\r\n                <p class=\"content-text mb-4\">\r\n                    {{ explanation }}\r\n                    <!-- Your washing machine produces around {{ numberFormat(co2) }}kg Co2 a year by the frequency and temperature at which you wash. Co2 is not easy to imagine but you can compare it with kilometers a small car could drive. In this case a car would produce the same amount of Co2 with a range of {{ numberFormat(km) }}km – this is twice from north to south Germany. Depending on your electricity and water contract this produces costs around {{ numberFormat(cost) }}€. -->\r\n                </p>\r\n            </div>\r\n\r\n            <div class=\"col-sm-12 bg-green text-left\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-sm-12\">\r\n                        <div class=\"header-title\">\r\n                            {{ $t('saving.headline') }}\r\n                            <a href=\"#\" data-toggle=\"modal\" data-target=\"#wcModal\">\r\n                                <span class=\"icon-info icon-btn\"></span>\r\n                            </a>\r\n                        </div>\r\n                        <span class=\"header-text\"> \r\n                            <span v-html=\"$t('saving.subline')\"></span>\r\n                            <a href=\"#\" data-toggle=\"modal\" data-target=\"#wcModal\">\r\n                                <span class=\"icon-info icon-btn icon-btn--inline\"></span>\r\n                            </a>\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n                    \r\n                    <VueSlickCarousel v-bind=\"slickOptions\">\r\n                        <div class=\"col-sm-12\">\r\n                            <div class=\"icon-frame icon-cloud\"></div>\r\n                            <div class=\"c-label\">{{ $t('saving.co2.type') }}</div>\r\n                            <span class=\"c-number-value\">{{ numberFormat(co2_lower) }}</span>\r\n                            <span class=\"c-unit-currency\">{{ $t('saving.co2.amount') }}</span>\r\n                            <div class=\"col-sm-12 bg-dark-green lower-value-container float-left py-1\">\r\n                                <span class=\"c-quantity-value larger\">\r\n                                    <div class=\"icon-frame icon-arrow\"></div>\r\n                                    <span class=\"float-right\">{{ numberFormat(co2_less) }} {{ $t('saving.co2.amount') }}</span>\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-sm-12\">\r\n                            <div class=\"icon-frame icon-coins\"></div>\r\n                            <div class=\"c-label\">{{ $t('saving.cost.type') }}</div>\r\n                            <span class=\"c-number-value\">{{ numberFormat(cost_lower) }}</span>\r\n                            <span class=\"c-unit-currency\">{{ $t('saving.cost.amount') }}</span>\r\n                            <div class=\"col-sm-12 bg-dark-green lower-value-container float-left py-1\">\r\n                                <span class=\"c-quantity-value larger\">\r\n                                    <div class=\"icon-frame icon-arrow\"></div>\r\n                                    <span class=\"float-right\">{{ numberFormat(cost_less) }} {{ $t('saving.cost.amount') }}</span>\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-sm-12\">\r\n                            <div v-if=\"locale === 'au'\" class=\"icon-frame icon-water\"></div>\r\n                            <div v-else class=\"icon-frame icon-car\"></div>\r\n                            <div class=\"c-label\">{{ $t('saving.range.type') }}</div>\r\n                            <span class=\"c-number-value\" v-if=\"locale === 'au'\">{{ numberFormat(wl_lower) }}</span>\r\n                            <span class=\"c-number-value\" v-else>{{ numberFormat(km_lower) }}</span>\r\n                            <span class=\"c-unit-currency\">{{ $t('saving.range.amount') }}</span>\r\n                            <div class=\"col-sm-12 bg-dark-green lower-value-container float-left py-1\">\r\n                                <span class=\"c-quantity-value larger\">\r\n                                    <div class=\"icon-frame icon-arrow\"></div> \r\n                                    <span class=\"float-right\" v-if=\"locale === 'au'\">{{ numberFormat(wl_less) }} {{ $t('saving.range.amount') }}</span>\r\n                                    <span class=\"float-right\" v-else>{{ numberFormat(km_less) }} {{ $t('saving.range.amount') }}</span>\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </VueSlickCarousel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-sm-12 content text-left\">\r\n                <button type=\"button\" class=\"btn custom-btn btn-restart my-4\" @click=\"returnHome()\">{{ $t('restart') }}</button>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"modal fade\" tabindex=\"-1\"\r\n            role=\"dialog\" id=\"wcModal\" data-keyboard=\"false\"\r\n            aria-labelledby=\"modalTitle\" aria-hidden=\"true\"\r\n            style=\"padding: 0;\">\r\n            <div class=\"modal-dialog\" role=\"document\">\r\n                <div class=\"modal-content\">\r\n                    <div class=\"modal-header custom-modal-header px-4 pt-4 pb-0\">\r\n                        <h5 class=\"modal-title custom-modal-header-title\" id=\"modalTitle\">{{ $t('information.headline') }}</h5>\r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                        <span aria-hidden=\"true\">&times;</span>\r\n                        </button>\r\n                    </div>\r\n                    <div class=\"modal-body custom-modal-body text-left px-4\">\r\n                        <div class=\"mb-3\" v-for=\"info in information\" :key=\"info.content\">\r\n                            <p class=\"h4 text-dark mf-title mb-0\">{{ info.title }}</p>\r\n                            <p class=\"mf-desc mb-4 w-100\">{{ info.content }}</p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"modal-footer custom-modal-footer py-4 d-flex justify-content-center\">\r\n                        <button type=\"button\" class=\"btn custom-btn custom-modal-btn\" data-dismiss=\"modal\" aria-label=\"Close\">{{ $t('information.close') }}</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n<script>\r\n    import VueSlickCarousel from 'vue-slick-carousel'\r\n    import 'vue-slick-carousel/dist/vue-slick-carousel.css'\r\n    import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css'\r\n    import i18n from '../i18n'\r\n    const slider_values = [0, 0.25, 0.5, 1, 2, 3, 4, 5, 6];\r\n    let kWh_per_washing = [0.25, 0.37, 0.60, 1.11, 1.78];\r\n    const kWh_per_washing_au = [0.71, 0.66, 1.11, 1.00, 1.34];\r\n    const waterL_per_washing_au = [11.8, 9.2, 11.7, 12.9, 14.2];\r\n    export default {\r\n        props: {\r\n            appData: Object\r\n        },\r\n        data () {\r\n            return {\r\n                co2: 0,\r\n                co2_lower: 0,\r\n                co2_less: 0,\r\n                cost: 0,\r\n                cost_lower: 0,\r\n                cost_less: 0,\r\n                km: 0,\r\n                km_lower: 0,\r\n                km_less: 0,\r\n                wl: 0,\r\n                wl_lower: 0,\r\n                wl_less: 0,\r\n                slickOptions: {\r\n                    arrows: false,\r\n                    slidesToShow: 3,\r\n                    responsive: [\r\n                        {\r\n                            breakpoint: 768,\r\n                            settings: {\r\n                                dots: true,\r\n                                slidesToShow: 1,\r\n                                focusOnSelect: true,\r\n                                swipeToSlide: true,\r\n                            }\r\n                        },\r\n                        {\r\n                            breakpoint: 769,\r\n                            settings: \"unslick\",\r\n                            variableWidth: true,\r\n                        }\r\n                    ]\r\n                },\r\n                information: i18n.messages[i18n.locale].information.details,\r\n                explanation: i18n.messages[i18n.locale].explanation.details,\r\n                locale: i18n.locale\r\n            }\r\n        }, \r\n        created () {\r\n            let formData = this.appData.washing;\r\n            var totalCo2 = 0;\r\n            var totalCo2Lower = 0;\r\n            var totalCost = 0;\r\n            var totalCostLower = 0;\r\n            var totalKm = 0;\r\n            var totalKmLower = 0;\r\n            var totalWl = 0;\r\n            var totalWlLower = 0;\r\n            kWh_per_washing = i18n.locale === 'au' ? kWh_per_washing_au : kWh_per_washing\r\n            const getIndexLower = (idx) => {  \r\n                if (i18n.locale === 'au') {\r\n                    if (idx === 0 || idx === 3 || idx === 4) \r\n                        return 0\r\n                    else {\r\n                        return idx == 1 ? 1 : idx - 1 \r\n                    }\r\n                } else {\r\n                    return idx == 0 ? 0 : idx - 1;\r\n                } \r\n            }\r\n            Object.entries(formData).forEach(function (data, index) { \r\n                const indexLower = getIndexLower(index); \r\n                const carbon_per_kWh = i18n.locale === 'au' ? 0.733 : 0.576;\r\n                const price_per_kwh = i18n.locale === 'au' ? 0.266 : 0.28;\r\n                //const liters_per_w = 61;\r\n                //const price_per_l = 0.00329;\r\n                const factorKgCo2perKilometer = 1 / 150 * 1000;\r\n                const kwh = kWh_per_washing[index] * (slider_values[data[1]] * 52);\r\n                const kwhLower = kWh_per_washing[indexLower] * (slider_values[data[1]] * 52);\r\n                const lpw = waterL_per_washing_au[index] * (slider_values[data[1]] * 52);\r\n                const lpwLower = waterL_per_washing_au[indexLower] * (slider_values[data[1]] * 52);\r\n                const carbon = carbon_per_kWh * kwh;\r\n                const carbonLower = carbon_per_kWh * kwhLower;\r\n                const cost = price_per_kwh * kwh;\r\n                const costLower = price_per_kwh * kwhLower;\r\n                const range = factorKgCo2perKilometer * carbon;\r\n                const rangeLower = factorKgCo2perKilometer * carbonLower; \r\n                const water =  lpw;\r\n                const waterLower =  lpwLower\r\n                totalCo2 += carbon;\r\n                totalCo2Lower += carbonLower;\r\n                totalCost += cost;\r\n                totalCostLower += costLower;\r\n                totalKm += range;\r\n                totalKmLower += rangeLower;\r\n                totalWl += water;\r\n                totalWlLower += waterLower;  \r\n            }); \r\n            this.co2 = totalCo2 * i18n.messages[i18n.locale].weight;\r\n            this.co2_lower = this.co2 - (totalCo2Lower * i18n.messages[i18n.locale].weight);\r\n            this.co2_less = this.co2 - this.co2_lower;  \r\n            this.cost = totalCost * i18n.messages[i18n.locale].currency;\r\n            this.cost_lower = this.cost - (totalCostLower * i18n.messages[i18n.locale].currency);\r\n            this.cost_less = this.cost - this.cost_lower;\r\n            this.km = totalKm * i18n.messages[i18n.locale].distance;\r\n            this.km_lower = this.km - (totalKmLower * i18n.messages[i18n.locale].distance);\r\n            this.km_less = this.km - this.km_lower;\r\n            this.wl = totalWl * i18n.messages[i18n.locale].distance;\r\n            this.wl_lower = this.wl - (totalWlLower * i18n.messages[i18n.locale].distance);\r\n            this.wl_less = this.wl - this.wl_lower;\r\n\r\n            this.explanation = this.explanation.replaceAll(\"{co2}\", this.numberFormat(this.co2));\r\n            this.explanation = this.explanation.replaceAll('{cost}', this.numberFormat(this.cost));\r\n            this.explanation = this.explanation.replaceAll('{km}', this.numberFormat(this.km));\r\n            this.explanation = this.explanation.replaceAll(\"{kg}\", i18n.messages[i18n.locale].result.co2.amount);\r\n            this.explanation = this.explanation.replaceAll('{currency}', i18n.messages[i18n.locale].result.cost.amount);\r\n            this.explanation = this.explanation.replaceAll('{distance}', i18n.messages[i18n.locale].result.range.amount);\r\n        },\r\n        methods: {\r\n            returnHome() {\r\n                this.appData.activeComponent = 'Home';\r\n                this.$emit('appData', this.appData);\r\n            },\r\n            numberFormat(value) {\r\n                /* \r\n                const roundOff = value.toFixed(2);\r\n                const fixDecimal = roundOff.replace('.', ',');\r\n                const getWholeNumber = fixDecimal.substring(0, fixDecimal.indexOf(\",\"));\r\n                const getDecimal = fixDecimal.substring(fixDecimal.indexOf(\",\"), fixDecimal.length);\r\n                const formatWholeNumber = getWholeNumber.length > 3 ? Number(getWholeNumber).toLocaleString():getWholeNumber;\r\n                const formatWholeNumber2 = formatWholeNumber.replace(',', '.');\r\n                const result = i18n.locale !== 'en' ? formatWholeNumber2 + getDecimal : Number(roundOff).toLocaleString();\r\n                return result; */ \r\n                const decimalNo = (Math.round(value * 100) / 100).toFixed(2) \r\n                const formatted = Number(decimalNo).toLocaleString(undefined, {minimumFractionDigits: 2})\r\n                return formatted\r\n            }\r\n        },\r\n        components: {\r\n            VueSlickCarousel\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .col-centered {\r\n        float: none;\r\n        margin: 0 auto;\r\n        margin-top: 31px;\r\n    }\r\n    .par-centered {\r\n        float: none;\r\n        margin: 0 auto;\r\n    }\r\n    body {\r\n        font-family: \"Nunito Sans\", sans-serif;\r\n    }\r\n    .green-bg {\r\n        background: #d0e4d8;\r\n        padding: initial;\r\n    }\r\n    .dark-green-bg {\r\n        background: #02742a;\r\n        max-width: 251px;\r\n        margin-bottom: 20px;\r\n        padding: initial;\r\n    }\r\n    h1 {\r\n        color: #2d2e32;\r\n        font-size: 1.375rem;\r\n        font-weight: bold;\r\n        line-height: 30px;\r\n        margin-top: 16px;\r\n        display: inline-flex;\r\n    }\r\n    h1.hd {\r\n        margin-left: -15px;\r\n    }\r\n    h3 {\r\n        color: #2d2e32;\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        line-height: 30px;\r\n    }\r\n    .icon-cloud {\r\n        width: 60px;\r\n        height: 70px;\r\n        vertical-align: bottom;\r\n    }\r\n    .icon-coins {\r\n        width: 40px;\r\n        height: 70px;\r\n        vertical-align: bottom;\r\n    }\r\n    .icon-car {\r\n        width: 69px;\r\n        height: 26px;\r\n        vertical-align: super;\r\n    }\r\n\r\n    .icon-water {\r\n        width: 69px;\r\n        height: 26px;\r\n        vertical-align: super;\r\n    }\r\n    .icon-info {\r\n        width: 26px;\r\n        height: px;\r\n        margin-left: 10px;\r\n        margin-bottom: 10px;\r\n        cursor: pointer;\r\n    }\r\n    .icon-arrow {\r\n        width: 33px;\r\n        height: 33px;\r\n        margin-top: 1px;\r\n        margin-left: -6px;\r\n    }\r\n    .c-label {\r\n        color: #2d2e32;\r\n        font-size: 3rem;\r\n        font-family: Montserrat-Light;\r\n        font-weight: 300;\r\n        line-height: 72px;\r\n        /*margin-left: 12px;\r\n        */\r\n    }\r\n    span.c-number-value {\r\n        color: #2d2e32;\r\n        font-size: 3.125rem;\r\n        font-family: NunitoSans-Bold;\r\n        line-height: 72px;\r\n    }\r\n    .c-unit-number-value-2 {\r\n        color: white;\r\n        font-size: 10px;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        display: inline;\r\n    }\r\n    span.c-unit-currency {\r\n        width: 31px;\r\n        height: 34px;\r\n        color: #2d2e32;\r\n        font-size: 1.375rem;\r\n        font-weight: bold;\r\n        line-height: 33px;\r\n        padding-left: .3em;\r\n    }\r\n    .c-quantity-value {\r\n        color: white;\r\n        font-size: 1.375rem;\r\n        font-weight: bold;\r\n        line-height: 33px;\r\n        margin-top: -15px;\r\n    }\r\n    .c-quantity-value-2 {\r\n        color: white;\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n        text-align: right;\r\n        line-height: 32px;\r\n        float: right;\r\n        margin-top: 5px;\r\n    }\r\n    p {\r\n        width: 80%;\r\n        color: #737580;\r\n        font-size: 18px;\r\n        font-weight: 300;\r\n        line-height: 27px;\r\n        margin-top: 6px;\r\n    }\r\n    .btn-restart-calculator {\r\n        width: 310px;\r\n        height: 44px;\r\n        background: #e20015;\r\n        border-radius: 24px;\r\n        border: none;\r\n        font-size: 13px;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        line-height: 16px;\r\n        font-family: Montserrat-Light;\r\n        color: white;\r\n        margin-top: 16px;\r\n        margin-bottom: 53px;\r\n    }\r\n    .btn-modal-close {\r\n        width: 113px;\r\n        height: 44px;\r\n        background: #e20015;\r\n        border-radius: 24px;\r\n        border: none;\r\n        font-size: 13px;\r\n        font-weight: bold;\r\n        line-height: 16px;\r\n        text-transform: uppercase;\r\n        font-family: Montserrat-Light;\r\n        color: white;\r\n    }\r\n    *:focus {\r\n        outline: none !important;\r\n    }\r\n\r\n     html, body, h1, h2, h3, h4, h5, h6, p {\r\n        font-family: \"Nunito Sans\", sans-serif;\r\n    }\r\n    .bg-green {\r\n        background: #d0e4d8;\r\n        padding: 1.4em 1.2em;\r\n    }\r\n    .bg-dark-green {\r\n        background: #02742a;\r\n    }\r\n    .header-title {\r\n        color: #2d2e32;\r\n        font-size: 1.375rem;\r\n        font-weight: bold;\r\n        display: inline-block;\r\n        font-family: NunitoSans-Bold;\r\n    }\r\n    .header-text {\r\n        color: #737580;\r\n        font-size: 1.125rem;\r\n        font-family: NunitoSans-Light;\r\n        display: block;\r\n        ::v-deep a {\r\n            color: #737580;\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n    .header-text > a {\r\n        color: #737580;\r\n        text-decoration: underline;\r\n        ;\r\n    }\r\n    .c-label {\r\n        color: #2d2e32;\r\n        font-size: 3rem;\r\n        font-family: Montserrat-Light;\r\n        font-weight: 300;\r\n        line-height: 72px;\r\n        /*margin-left: 12px;\r\n        */\r\n    }\r\n    .content-title {\r\n        font-size: 1.375rem;\r\n        font-family: NunitoSans-Bold;\r\n        line-height: 30px;\r\n        font-weight: bold;\r\n        color: rgb(45, 46, 50);\r\n    }\r\n    .content-text {\r\n        font-size: 18px;\r\n        font-family: NunitoSans-Light;\r\n        color: #737580;\r\n    }\r\n    span.c-unit-number-value-2 {\r\n        color: white;\r\n        font-size: 0.625rem;\r\n        font-weight: normal;\r\n        text-transform: uppercase;\r\n        padding-top: .7em;\r\n        display: block;\r\n    }\r\n    span.c-unit-currency {\r\n        color: #2d2e32;\r\n        font-size: 1.375rem;\r\n        font-family: NunitoSans-Bold;\r\n        line-height: 33px;\r\n        padding-left: .3em;\r\n    }\r\n    span.c-quantity-value {\r\n        color: white;\r\n        font-size: 1.375rem;\r\n        font-family: NunitoSans-Bold;\r\n    }\r\n    .icon-btn {\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        float: right;\r\n        margin-top: 3px;\r\n        margin-left: 16px;\r\n        &--inline {\r\n            float: none;\r\n            bottom: 5px;\r\n            position: absolute;\r\n            margin: 0 0 0 2px;\r\n        }\r\n    }\r\n    .icon-frame {\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        float: left;\r\n    }\r\n    .icon-info {\r\n        width: 26px;\r\n        height: 26px;\r\n        background-image: url('../assets/img/icons/Icon_info_red.svg');\r\n        background-size: auto auto;\r\n        display: inline-block;\r\n    }\r\n    .icon-arrow {\r\n        width: 30px;\r\n        height: 30px;\r\n        background-image: url('../assets/img/icons/Icon_Pfeil_white.svg');\r\n        background-size: auto auto;\r\n        display: inline-block;\r\n    }\r\n    .custom-btn {\r\n        color: rgb(255, 255, 255);\r\n        background: rgb(226, 0, 21);\r\n        border-radius: 24px;\r\n    }\r\n    .btn-restart {\r\n        width: 310px;\r\n        height: 44px;\r\n        font-family: Montserrat-Bold;\r\n        text-transform: uppercase;\r\n        font-size: 0.8125rem;\r\n\r\n        @media only screen and (min-width: 768px) {\r\n            &:hover {\r\n                transition: all 0.2s linear;\r\n                width: 325px;\r\n            }\r\n        }\r\n    }\r\n    .custom-modal-header {\r\n        border-bottom: 0px !important;\r\n    }\r\n    .custom-modal-header .close > span{\r\n        font-size: 2.5rem;\r\n        font-family: Montserratt-Light;\r\n    }\r\n    .custom-modal-header-title {\r\n        color: rgb(2, 116, 42);\r\n        font-family: Montserrat-Light;\r\n        font-size: 32px;\r\n        font-weight: 300;\r\n        text-align: left;\r\n        @media (max-width: 768px) {\r\n            font-size: 30px;\r\n        }\r\n    }\r\n    .custom-modal-footer {\r\n        border-top: 0px !important;\r\n        text-align: center;\r\n    }\r\n    .custom-modal-btn {\r\n        width: 113px;\r\n        height: 44px;\r\n        font-family: Montserrat-Bold;\r\n        font-size: 0.8125rem;\r\n        @media (max-width: 768px) {\r\n            width: 100%;\r\n        }\r\n    }\r\n    .custom-modal-body {\r\n        color: rgb(45, 46, 50);\r\n        font-size: 1rem;\r\n    }\r\n    .mf-title{\r\n        font-family: NunitoSans-Bold;\r\n        font-size: 1.125rem;\r\n    }\r\n    .mf-desc{\r\n        font-family: NunitoSans-Light;\r\n        font-size: 1.125rem;\r\n        line-height: 27px;\r\n    }\r\n\r\n    @media screen and (min-width: 992px) {\r\n        .modal-dialog {\r\n            max-width: 776px!important;\r\n        }\r\n        span.c-number-value {\r\n            color: #2d2e32;\r\n            font-size: 3.125rem;\r\n            font-family: NunitoSans-Bold;\r\n            line-height: 72px;\r\n        }\r\n        .icon-cloud {\r\n            width: 80px;\r\n            height: 70px;\r\n            margin-right: 10px;\r\n            background-image: url('../assets/img/icons/Icon_Cloud_1c.svg');\r\n            background-size: 70px 70px;\r\n        }\r\n        .icon-coins {\r\n            width: 80px;\r\n            height: 70px;\r\n            margin-right: 10px;\r\n            background-image: url('../assets/img/icons/Icon_Coins_1c.svg');\r\n            background-size: 3.125rem 3.125rem;\r\n        }\r\n        .icon-car {\r\n            width: 80px;\r\n            height: 70px;\r\n            margin-right: 10px;\r\n            background-image: url('../assets/img/icons/Icon_Car_2c.svg');\r\n            background-size: 70px 70px;\r\n        }\r\n        .icon-water {\r\n            width: 80px;\r\n            height: 70px;\r\n            margin-right: 10px;\r\n            background-image: url('../assets/img/icons/Icon_Water.svg');\r\n            background-size: 70px 70px;\r\n        }\r\n    }\r\n    @media screen and (max-width: 991px) {\r\n        span.c-number-value {\r\n            color: #2d2e32;\r\n            font-size: 30px;\r\n            font-family: NunitoSans-Bold;\r\n            line-height: 72px;\r\n        }\r\n        .c-label {\r\n            font-size: 36px;\r\n            /*margin-left: 12px;\r\n            */\r\n        }\r\n        .icon-cloud {\r\n            width: 80px;\r\n            height: 70px;\r\n            margin-right: 10px;\r\n            background-image: url('../assets/img/icons/Icon_Cloud_1c.svg');\r\n            background-size: 70px 70px;\r\n        }\r\n        .icon-coins {\r\n            width: 80px;\r\n            height: 70px;\r\n            margin-right: 10px;\r\n            background-image: url('../assets/img/icons/Icon_Coins_1c.svg');\r\n            background-size: 3.125rem 3.125rem;\r\n        }\r\n        .icon-car {\r\n            width: 80px;\r\n            height: 70px;\r\n            margin-right: 10px;\r\n            background-image: url('../assets/img/icons/Icon_Car_1c.svg');\r\n            background-size: 70px 70px;\r\n        }\r\n        .icon-water {\r\n            width: 80px;\r\n            height: 70px;\r\n            margin-right: 10px;\r\n            background-image: url('../assets/img/icons/Icon_Water.svg');\r\n            background-size: 70px 70px;\r\n        }\r\n    }\r\n    @media screen and (max-width: 992px) {\r\n        span.c-number-value {\r\n            color: #2d2e32;\r\n            font-size: 25px;\r\n            font-family: NunitoSans-Bold;\r\n            line-height: 72px;\r\n        }\r\n    }\r\n    @media screen and (min-width: 576px) and (max-width:767px){\r\n        .bg-dark-green {\r\n            min-height: 70px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-direction: column;\r\n        }\r\n        .c-quantity-value{\r\n            margin-top: 0;\r\n        }\r\n        \r\n    }\r\n\r\n@media screen and (min-width: 769px) and (max-width:991px){\r\n    .c-label{\r\n            font-size: 1.875rem;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 575px) {\r\n    span.c-number-value {\r\n        color: #2d2e32;\r\n        font-size: 3.125rem;\r\n        font-family: NunitoSans-Bold;\r\n        line-height: 72px;\r\n        display: inline;\r\n    }\r\n    .c-label {\r\n        font-size: 3rem;\r\n        /*margin-left: 12px;\r\n        */\r\n    }\r\n    span.c-number-value {\r\n        color: #2d2e32;\r\n        font-size: 3.125rem;\r\n        font-family: NunitoSans-Bold;\r\n        line-height: 72px;\r\n        display: inline;\r\n    }\r\n    .header-title {\r\n        font-size: 0.875rem;\r\n    }\r\n    .icon-info {\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n    .icon-btn {\r\n        margin-top: 0px;\r\n    }\r\n    .btn-restart {\r\n        width: 90%;\r\n        margin: 0 5% 5% 5%;\r\n    }\r\n    .slick-dots {\r\n        bottom: -55px !important;\r\n    }\r\n    .custom-modal-body {\r\n        color: rgb(45, 46, 50);\r\n        font-size: 1rem;\r\n        max-height: 100vh;\r\n        overflow-x: hidden;\r\n        overflow-y: scroll;\r\n    }\r\n    #wcModal{\r\n        padding-right: 0;\r\n    }\r\n    .modal-content{\r\n        height: 100%;\r\n        border-radius: 0;\r\n    }\r\n    .modal-dialog{\r\n        width: 100%;\r\n        margin: 0;\r\n        height: 100vh;\r\n    }\r\n}\r\n/* } */\r\n    .slick-slider {\r\n        width: 100%;\r\n        .sick-list {\r\n            .slick-track {\r\n                .slik-current {\r\n                    width: 33.33%;\r\n                }\r\n            }\r\n        }\r\n        .slick-dots\r\n            li {\r\n                button {\r\n                    display: none;\r\n                }\r\n            }\r\n    }\r\n</style>\r\n","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!./Result.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!./Result.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Result.vue?vue&type=template&id=cbf26c70&scoped=true&\"\nimport script from \"./Result.vue?vue&type=script&lang=js&\"\nexport * from \"./Result.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Result.vue?vue&type=style&index=0&id=cbf26c70&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  \"cbf26c70\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div id=\"app\" class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n                <router-view\r\n                    :is=\"appData.activeComponent\"\r\n                    :appData=\"appData\"\r\n                    @appData=\"appData = $event\"></router-view>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Home from './components/Home.vue'\r\nimport Result from './components/Result.vue'\r\n\r\nexport default {\r\n    name: 'App',\r\n    data () {\r\n        return {\r\n            appData: {\r\n                activeComponent: 'Home',\r\n                washing: {\r\n                    washing_20: '0',\r\n                    washing_30: '0',\r\n                    washing_40: '0',\r\n                    washing_60: '0',\r\n                    washing_90: '0'\r\n                },\r\n                washingAu: {\r\n                    washing_20: 'Eco Cycle',\r\n                    washing_30: 'Low Temp. Short Cycle',\r\n                    washing_40: 'Short Cycle',\r\n                    washing_60: 'Regular Cycle',\r\n                    washing_90: 'Intensive Cycle'\r\n                }\r\n            }\r\n        }\r\n    },\r\n    components: {\r\n        Home,\r\n        Result\r\n    }\r\n}\r\n</script>\r\n\r\n<style>\r\n    @font-face {\r\n        font-family: 'NunitoSans-Bold';\r\n        src: url('./assets/fonts/NunitoSans-Bold.ttf')  format('truetype');\r\n    }\r\n    @font-face {\r\n        font-family: 'NunitoSans-Light';\r\n        src: url('./assets/fonts/NunitoSans-Light.ttf')  format('truetype');\r\n    }\r\n    @font-face {\r\n        font-family: 'Montserrat-Bold';\r\n        src: url('./assets/fonts/Montserrat-Bold.ttf')  format('truetype');\r\n    }\r\n    @font-face {\r\n        font-family: 'Montserrat-Light';\r\n        src: url('./assets/fonts/Montserrat-Light.ttf')  format('truetype');\r\n    }\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        text-align: center;\r\n        color: #2c3e50;\r\n        margin-top: 60px;\r\n    }\r\n</style>\r\n","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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=6a886226&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export const routes = [\r\n    {\r\n        path: '/:lang',\r\n        component: {\r\n            render (c) { return c('router-view') }\r\n        }\r\n    }\r\n]","import Vue from 'vue'\r\nimport VueRouter from 'vue-router'\r\nimport App from './App.vue'\r\nimport i18n from './i18n'\r\nimport { routes } from './routes' \r\n\r\nVue.use(VueRouter);\r\nVue.config.productionTip = false\r\n\r\nconst router = new VueRouter({\r\n    routes\r\n});\r\n\r\nrouter.beforeEach((to, from, next) => {\r\n    let language = to.params.lang;\r\n    if (!language) {\r\n        language = 'en';\r\n    }\r\n    i18n.locale = language;\r\n    next();\r\n});\r\n\r\nnew Vue({\r\n    i18n,\r\n    router,\r\n    render: h => h(App)\r\n}).$mount('#app')\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/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!./Range.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}