{"version":3,"sources":["webpack:///./src/views/ProductChoice.vue?3c55","webpack:///src/views/ProductChoice.vue","webpack:///./src/views/ProductChoice.vue?c12c","webpack:///./src/views/ProductChoice.vue?a033","webpack:///./src/views/ProductChoice.vue?0157"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","_s","$t","staticClass","data","on","chooseThisProduct","staticRenderFns","created","brand","Id","$router","push","components","choiceOptions","loading","computed","choices","mounted","getProducts","methods","$store","commit","product","name","component","VCard","VCardTitle","VCol","VRow"],"mappings":"wHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,GAAG,KAAO,KAAK,CAACF,EAAG,eAAe,CAACJ,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,GAAG,kBAAkB,OAAOL,EAAG,MAAM,CAACM,YAAY,aAAa,CAACN,EAAG,gBAAgB,CAACE,MAAM,CAAC,QAAUN,EAAIW,MAAMC,GAAG,CAAC,iBAAmBZ,EAAIa,sBAAsB,IAAI,IAAI,IAAI,IAAI,IAClYC,EAAkB,G,gDCwBtB,GACEC,QADF,WAESd,KAAKe,OAAUf,KAAKe,MAAMC,IAC7BhB,KAAKiB,QAAQC,KAAK,CAAxB,sBAGEC,WAAY,CACVC,cAAJ,QAEEV,KATF,WAUI,MAAO,CACLA,KAAM,KACNW,SAAS,IAGbC,SAAU,OAAZ,OAAY,CAAZ,CACIP,MADJ,WAEM,OAAOf,KAAKuB,QAAQR,QAE1B,gBAAI,QAAJ,6BAEES,QArBF,WAsBIxB,KAAKyB,eAEPC,QAAS,CACPD,YADJ,WACA,WACA,OAEMzB,KAAKqB,SAAU,EACf,EAAN,KACA,0CACA,kBAEQ,EAAR,YACQ,EAAR,cAEA,mBACQ,QAAR,OACQ,EAAR,eAGIT,kBAjBJ,SAiBA,GACMZ,KAAK2B,OAAOC,OAAO,aAAcC,GAEjC7B,KAAKiB,QAAQC,KAAK,CAChBY,KAAM,gBCtEyU,I,6FCQnVC,EAAY,eACd,EACAjC,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAkB,EAAiB,QAQhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,WAAA,OAAWC,OAAA,KAAKC,OAAA,Q,2DC3BpD","file":"js/productChoice.6f9973b2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',[_c('v-col',[_c('v-card',{attrs:{\"flat\":\"\",\"tile\":\"\"}},[_c('v-card-title',[_vm._v(\" \"+_vm._s(_vm.$t(\"chooseProduct\"))+\" \")]),_c('div',{staticClass:\"container\"},[_c('choiceOptions',{attrs:{\"options\":_vm.data},on:{\"chooseThisOption\":_vm.chooseThisProduct}})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-row>\r\n      <v-col>\r\n        <v-card flat tile>\r\n          <v-card-title>\r\n            {{ $t(\"chooseProduct\") }}\r\n          </v-card-title>\r\n          <div class=\"container\">\r\n            <choiceOptions\r\n              :options=\"data\"\r\n              @chooseThisOption=\"chooseThisProduct\"\r\n            />\r\n          </div>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ajax from \"@/services/service.oryx.js\";\r\nimport choiceOptions from \"@/components/ChoiceOptions\";\r\nimport { mapState } from \"vuex\";\r\n\r\nexport default {\r\n  created() {\r\n    if (!this.brand && !this.brand.Id) {\r\n      this.$router.push({ name: \"BrandChoice\" });\r\n    }\r\n  },\r\n  components: {\r\n    choiceOptions,\r\n  },\r\n  data() {\r\n    return {\r\n      data: null,\r\n      loading: true,\r\n    };\r\n  },\r\n  computed: {\r\n    brand() {\r\n      return this.choices.brand;\r\n    },\r\n    ...mapState({ choices: \"solutionSelectorChoices\" }),\r\n  },\r\n  mounted() {\r\n    this.getProducts();\r\n  },\r\n  methods: {\r\n    getProducts() {\r\n      let lc = \"NL\"; //localStorage.getItem(\"language\");\r\n\r\n      this.loading = true;\r\n      ajax\r\n        .getProductChoicesByBrand(this.brand.Id, lc)\r\n        .then((res) => {\r\n          // console.log(res.data);\r\n          this.data = res.data;\r\n          this.loading = false;\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n          this.loading = false;\r\n        });\r\n    },\r\n    chooseThisProduct(product) {\r\n      this.$store.commit(\"addProduct\", product);\r\n\r\n      this.$router.push({\r\n        name: \"Selector\",\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.wrapper {\r\n  height: 100vh;\r\n  overflow-y: auto;\r\n}\r\n.wrapper_options {\r\n  --auto-grid-min-size: 20rem;\r\n  display: grid;\r\n  grid-gap: 1em;\r\n  grid-template-columns: repeat(\r\n    auto-fill,\r\n    minmax(var(--auto-grid-min-size), 1fr)\r\n  );\r\n}\r\n.wrapper_content_taxonomy {\r\n  /*--auto-grid-min-size: 25rem;*/\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 5fr;\r\n  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05);\r\n  border-radius: 1px;\r\n  transition: 0.2s all;\r\n}\r\n\r\n.wrapper_options:hover .wrapper_content_taxonomy {\r\n  /* filter:blur(3px); */\r\n  opacity: 0.8;\r\n  transform: scale(0.98);\r\n  box-shadow: none;\r\n}\r\n.wrapper_options:hover .wrapper_content_taxonomy:hover {\r\n  transform: scale(1);\r\n  filter: blur(0px);\r\n  opacity: 1;\r\n  box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.125);\r\n}\r\n/* start solutions */\r\n.wrapper_solutions {\r\n  --auto-grid-min-size: 20rem;\r\n  display: grid;\r\n  grid-gap: 1em;\r\n  grid-template-columns: repeat(\r\n    auto-fill,\r\n    minmax(var(--auto-grid-min-size), 1fr)\r\n  );\r\n}\r\n\r\n.wrapper_content_solution {\r\n  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05);\r\n  border-radius: 1px;\r\n  transition: 0.2s all;\r\n}\r\n\r\n.wrapper_solutions:hover .wrapper_content_solution {\r\n  /* filter:blur(3px); */\r\n  opacity: 0.8;\r\n  transform: scale(0.98);\r\n  box-shadow: none;\r\n}\r\n.wrapper_solutions:hover .wrapper_content_solution:hover {\r\n  transform: scale(1);\r\n  filter: blur(0px);\r\n  opacity: 1;\r\n  box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.125);\r\n}\r\n/* end solutions */\r\n.option {\r\n  border-radius: 5px;\r\n  padding: 1em;\r\n  height: 100%;\r\n}\r\n.option .image {\r\n  padding: 0;\r\n}\r\n.wrapper_content_taxonomy {\r\n  padding: 0em;\r\n}\r\n\r\n.solution {\r\n  border-radius: 5px;\r\n  padding: 1em;\r\n  height: auto;\r\n  min-height: 88px;\r\n}\r\n.sticky_solutionSelector {\r\n  position: -webkit-sticky !important;\r\n  position: sticky !important;\r\n  top: 0px;\r\n  z-index: 10;\r\n  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;\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!./ProductChoice.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!./ProductChoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductChoice.vue?vue&type=template&id=92964156&scoped=true&\"\nimport script from \"./ProductChoice.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductChoice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductChoice.vue?vue&type=style&index=0&id=92964156&scoped=true&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  \"92964156\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardTitle,VCol,VRow})\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!./ProductChoice.vue?vue&type=style&index=0&id=92964156&scoped=true&lang=css&\""],"sourceRoot":""}