{"version":3,"sources":["webpack:///./src/views/Choice.vue?946c","webpack:///./src/views/Choice.vue?c238","webpack:///src/views/Choice.vue","webpack:///./src/views/Choice.vue?0ccd","webpack:///./src/views/Choice.vue?b9f1"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","_s","$t","staticRenderFns","components","choicePicker","data","methods","choose","$router","push","goTo","name","option","To","component","VCard","VCardText","VCardTitle","VCol","VRow"],"mappings":"mIAAA,W,yCCAA,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,gBAAgB,OAAOL,EAAG,cAAc,CAACA,EAAG,iBAAiB,IAAI,IAAI,IAAI,IAAI,IAClSM,EAAkB,G,wBC+EtB,GACEC,WAAY,CAEVC,aAAJ,QAEEC,KALF,WAMI,MAAO,CACLA,KAAM,CACZ,CACQ,YAAR,KACQ,GAAR,EACQ,MAAR,EACQ,MAAR,UAEQ,KAAR,KACQ,gBAAR,iCACQ,GAAR,YAEA,CACQ,YAAR,KACQ,GAAR,EACQ,MAAR,EACQ,MAAR,UAEQ,KAAR,KACQ,gBAAR,gCACQ,GAAR,qBAEA,CACQ,YAAR,KACQ,GAAR,EACQ,MAAR,EACQ,MAAR,UAEQ,KAAR,KACQ,gBAAR,0BACQ,GAAR,kBAKEC,QAAS,CACPC,OADJ,SACA,GAEMd,KAAKe,QAAQC,KAAK,KAEpBC,KALJ,SAKA,GACMjB,KAAKe,QAAQC,KAAK,CAChBE,KAAMC,EAAOC,QChI2T,I,6FCQ5UC,EAAY,eACd,EACAvB,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAY,EAAiB,QAShC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,OAAA","file":"js/choice.ae70f417.js","sourcesContent":["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!./Choice.vue?vue&type=style&index=0&id=4ded1407&scoped=true&lang=css&\"","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(\"chooseStart\"))+\" \")]),_c('v-card-text',[_c('choicePicker')],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(\"chooseStart\") }}\r\n          </v-card-title>\r\n          <v-card-text>\r\n            <choicePicker />\r\n          </v-card-text>\r\n          <!-- <div class=\"container\">\r\n            <taxOptions :options=\"data\" @chooseThisOption=\"goTo\" />\r\n          </div> -->\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n  </div>\r\n  <!-- <v-row>\r\n      <v-col class=\"wrapper_options mt-3\">\r\n        <v-card outlined to=\"Selector\" class=\"option wrapper_content_taxonomy\">\r\n          <div class=\"option image\">\r\n            <v-img\r\n              aspect-ratio=\"1\"\r\n              width=\"100px\"\r\n              height=\"100px\"\r\n              :src=\"imgConstructie\"\r\n            ></v-img>\r\n          </div>\r\n          <div class=\"subtitle-1 font-weight-bold option\">\r\n            {{ $t(\"selectSolutionBaseConstruction\") }}\r\n          </div>\r\n        </v-card>\r\n      </v-col>\r\n      <v-col class=\"wrapper_options mt-3\">\r\n        <v-card\r\n          outlined\r\n          to=\"ProductTypeChoice\"\r\n          class=\"option wrapper_content_taxonomy\"\r\n        >\r\n          <div class=\"option image\">\r\n            <v-img\r\n              aspect-ratio=\"1\"\r\n              width=\"100px\"\r\n              height=\"100px\"\r\n              :src=\"imgProduct\"\r\n            ></v-img>\r\n          </div>\r\n          <div class=\"subtitle-1 font-weight-bold option\">\r\n            {{ $t(\"selectSolutionBaseProductType\") }}\r\n          </div>\r\n        </v-card>\r\n      </v-col>\r\n      <v-col class=\"wrapper_options mt-3\">\r\n        <v-card\r\n          outlined\r\n          to=\"BrandChoice\"\r\n          class=\"option wrapper_content_taxonomy\"\r\n        >\r\n          <div class=\"option image\">\r\n            <v-img\r\n              aspect-ratio=\"1\"\r\n              width=\"100px\"\r\n              height=\"100px\"\r\n              :src=\"imgBrand\"\r\n            ></v-img>\r\n          </div>\r\n          <div class=\"subtitle-1 font-weight-bold option\">\r\n            {{ $t(\"selectSolutionBaseBrand\") }}\r\n          </div>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row> -->\r\n</template>\r\n\r\n<script>\r\nimport jwtdecode from \"jwt-decode\";\r\n// import taxOptions from \"@/components/TaxOptions\";\r\nimport choicePicker from \"@/components/ChoicePicker\";\r\n\r\nexport default {\r\n  components: {\r\n    // taxOptions,\r\n    choicePicker,\r\n  },\r\n  data() {\r\n    return {\r\n      data: [\r\n        {\r\n          Description: null,\r\n          Id: 0,\r\n          Index: 0,\r\n          Image: require(\"../assets/Constructie.png\"),\r\n          // \"https://w7.pngwing.com/pngs/861/197/png-transparent-computer-icons-architectural-engineering-building-construction-worker-construction-site-hat-building-text-thumbnail.png\",\r\n          Name: null,\r\n          TranslationName: \"selectSolutionBaseConstruction\",\r\n          To: \"Selector\",\r\n        },\r\n        {\r\n          Description: null,\r\n          Id: 1,\r\n          Index: 1,\r\n          Image: require(\"../assets/ProductType.png\"),\r\n          // \"https://www.pngfind.com/pngs/m/131-1312918_png-file-svg-product-icon-transparent-png.png\",\r\n          Name: null,\r\n          TranslationName: \"selectSolutionBaseProductType\",\r\n          To: \"ProductTypeChoice\",\r\n        },\r\n        {\r\n          Description: null,\r\n          Id: 2,\r\n          Index: 2,\r\n          Image: require(\"../assets/Fabriek.png\"),\r\n          // \"https://ecommerce-platforms.com/wp-content/uploads/2019/05/Manufacturer.png\",\r\n          Name: null,\r\n          TranslationName: \"selectSolutionBaseBrand\",\r\n          To: \"BrandChoice\",\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  methods: {\r\n    choose(routeName) {\r\n      // this.$emit(\"choosing\");\r\n      this.$router.push({});\r\n    },\r\n    goTo(option) {\r\n      this.$router.push({\r\n        name: option.To,\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!./Choice.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!./Choice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Choice.vue?vue&type=template&id=4ded1407&scoped=true&\"\nimport script from \"./Choice.vue?vue&type=script&lang=js&\"\nexport * from \"./Choice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Choice.vue?vue&type=style&index=0&id=4ded1407&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  \"4ded1407\",\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 { VCardText } 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,VCardText,VCardTitle,VCol,VRow})\n"],"sourceRoot":""}