{"version":3,"sources":["webpack:///./src/views/Favorites.vue?bda4","webpack:///./src/components/ThumbnailSolutions.vue?b760","webpack:///src/components/ThumbnailSolutions.vue","webpack:///./src/components/ThumbnailSolutions.vue?d9d4","webpack:///./src/components/ThumbnailSolutions.vue?538a","webpack:///./src/components/ThumbnailSolutions.vue?1224","webpack:///./src/views/Favorites.vue?0972","webpack:///src/views/Favorites.vue","webpack:///./src/views/Favorites.vue?1f80","webpack:///./src/views/Favorites.vue?d057"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","solution","id","key","attrs","staticStyle","Link","_v","_s","Name","Number","$t","Tax1","_e","Tax6","Tax9","WandDikte","IsolatieDikte","on","$event","selectedSolution","useInMarker","data","Selected","favorite","staticRenderFns","props","favorites","selectedSolutionId","tax263415Id","methods","console","log","$store","commit","Id","taxId","Tax263415Id","$router","push","name","params","isFirelog","selectorSteps","selectedStepsFromSelector","selectedStepIdsFromSelector","selectedAutoSkipped","useInMarkerFromDetails","dialogParent","userId","user","Taxonomy26734158Id","res","IsFavorite","component","VBtn","VCard","VCardActions","VCardText","VIcon","VImg","VSpacer","length","index","components","thumbnailSolutions","created","VCardTitle","VCol","VRow","VSkeletonLoader"],"mappings":"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","file":"js/favorites.a561c3c7.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!./Favorites.vue?vue&type=style&index=0&id=ecef5316&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.solutions)?_c('div',{staticClass:\"wrapper_solutions mt-3\"},_vm._l((_vm.solutions),function(solution,id){return _c('v-card',{key:id,staticClass:\"wrapper_content_solution\",attrs:{\"outlined\":\"\"}},[_c('v-card-text',{staticStyle:{\"height\":\"100%\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"src\":solution.Link,\"height\":\"360px\"}}),_c('div',{staticClass:\"title font-weight-bold\"},[_vm._v(\" \"+_vm._s(solution.Name)+\" \"+_vm._s(solution.Number ? \" (\" + solution.Number + \")\" : \"\")+\" \")]),(solution.Tax1)?_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"diameter\"))+\": \"+_vm._s(solution.Tax1)+\"mm \")]):_vm._e(),_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"fireResistance\"))+\": \"+_vm._s(solution.Tax6)+\" \"+_vm._s(_vm.$t(\"minutes\"))+\" \")]),_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"thickness\"))+\": \"+_vm._s(solution.Tax9)+\"mm \")]),(solution.WandDikte)?_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"wallThickness\"))+\": \"+_vm._s(solution.WandDikte)+\"mm \")]):_vm._e(),(solution.IsolatieDikte)?_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"insulationThickness\"))+\": \"+_vm._s(solution.IsolatieDikte)+\"mm \")]):_vm._e(),_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[(!solution.Tax1)?_c('br'):_vm._e(),(!solution.WandDikte)?_c('br'):_vm._e(),(!solution.IsolatieDikte)?_c('br'):_vm._e()]),_c('v-card-actions',[_c('v-btn',{attrs:{\"small\":\"\",\"depressed\":\"\",\"outlined\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.selectedSolution(solution)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"viewMore\"))+\" \")]),(_vm.isFirelog)?_c('v-btn',{attrs:{\"small\":\"\",\"depressed\":\"\",\"outlined\":\"\",\"color\":\"secondary\"},on:{\"click\":function($event){return _vm.useInMarker(solution, _vm.data.Selected)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"usethisinmarker\"))+\" \")]):_vm._e(),_c('v-spacer'),_c('v-btn',{attrs:{\"small\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.favorite(solution)}}},[(solution.IsFavorite)?_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"primary\"}},[_vm._v(\" mdi-star \")]):_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"primary\"}},[_vm._v(\" mdi-star-outline \")])],1)],1)],1)],1)}),1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-------------------- MAKE SURE THIS IS IN A DIV WITH CLASS CONTAINER -------------------->\r\n  <div class=\"wrapper_solutions mt-3\" v-if=\"solutions\">\r\n    <v-card\r\n      outlined\r\n      class=\"wrapper_content_solution\"\r\n      v-for=\"(solution, id) in solutions\"\r\n      :key=\"id\"\r\n    >\r\n      <v-card-text style=\"height: 100%\">\r\n        <v-img contain :src=\"solution.Link\" height=\"360px\"></v-img>\r\n        <div class=\"title font-weight-bold\">\r\n          {{ solution.Name }}\r\n          {{ solution.Number ? \" (\" + solution.Number + \")\" : \"\" }}\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\" v-if=\"solution.Tax1\">\r\n          {{ $t(\"diameter\") }}: {{ solution.Tax1 }}mm\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\">\r\n          {{ $t(\"fireResistance\") }}: {{ solution.Tax6 }}\r\n          {{ $t(\"minutes\") }}\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\">\r\n          {{ $t(\"thickness\") }}: {{ solution.Tax9 }}mm\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\" v-if=\"solution.WandDikte\">\r\n          {{ $t(\"wallThickness\") }}: {{ solution.WandDikte }}mm\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\" v-if=\"solution.IsolatieDikte\">\r\n          {{ $t(\"insulationThickness\") }}: {{ solution.IsolatieDikte }}mm\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\">\r\n          <br v-if=\"!solution.Tax1\" />\r\n          <br v-if=\"!solution.WandDikte\" />\r\n          <br v-if=\"!solution.IsolatieDikte\" />\r\n        </div>\r\n        <v-card-actions>\r\n          <v-btn\r\n            small\r\n            depressed\r\n            outlined\r\n            color=\"primary\"\r\n            v-on:click=\"selectedSolution(solution)\"\r\n          >\r\n            {{ $t(\"viewMore\") }}\r\n          </v-btn>\r\n          <v-btn\r\n            v-on:click=\"useInMarker(solution, data.Selected)\"\r\n            small\r\n            v-if=\"isFirelog\"\r\n            depressed\r\n            outlined\r\n            color=\"secondary\"\r\n          >\r\n            {{ $t(\"usethisinmarker\") }}\r\n          </v-btn>\r\n\r\n          <v-spacer />\r\n          <v-btn small depressed v-on:click=\"favorite(solution)\">\r\n            <v-icon small color=\"primary\" v-if=\"solution.IsFavorite\">\r\n              mdi-star\r\n            </v-icon>\r\n            <v-icon small color=\"primary\" v-else> mdi-star-outline </v-icon>\r\n          </v-btn>\r\n        </v-card-actions>\r\n      </v-card-text>\r\n    </v-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ajax from \"@/services/service.oryx.js\";\r\nimport jwtdecode from \"jwt-decode\";\r\n// import selectedSolutionComponent from \"@/components/pages/Markers/SolutionSelector/Detail\";\r\n\r\nexport default {\r\n  props: [\r\n    \"isFirelog\",\r\n    \"solutions\",\r\n    \"selectorSteps\",\r\n    \"selectedStepsFromSelector\",\r\n    \"selectedStepIdsFromSelector\",\r\n    \"selectedAutoSkipped\",\r\n  ],\r\n  data() {\r\n    return {\r\n      // isFirelog: true,\r\n      favorites: null,\r\n      selectedSolutionId: null,\r\n      tax263415Id: null,\r\n    };\r\n  },\r\n  methods: {\r\n    selectedSolution(solution) {\r\n      console.log(`Routing ongoing...`);\r\n      this.$store.commit(\"addSelectedSolution\", {\r\n        id: solution.Id,\r\n        taxId: solution.Tax263415Id,\r\n      });\r\n\r\n      this.$router.push({\r\n        name: \"Detail\",\r\n        params: {\r\n          // id: solution.Id,\r\n          // taxId: solution.Tax263415Id,\r\n          isFirelog: this.isFirelog,\r\n          selectorSteps: this.selectorSteps,\r\n          selectedStepsFromSelector: this.selectedStepsFromSelector,\r\n          selectedStepIdsFromSelector: this.selectedStepIdsFromSelector,\r\n          selectedAutoSkipped: this.selectedAutoSkipped,\r\n        },\r\n      });\r\n    },\r\n    useInMarkerFromDetails() {\r\n      this.dialogParent = false;\r\n    },\r\n    favorite(solution) {\r\n      //   console.log(solution);\r\n      let user = jwtdecode(localStorage.getItem(\"auth\"));\r\n      const params = {\r\n        userId: user.id,\r\n        Taxonomy26734158Id: solution.Tax263415Id,\r\n      };\r\n      //   console.log(\"Params: \", params);\r\n      ajax.createFavorite(params).then((res) => {\r\n        if (res.data == \"Deleted\") {\r\n          solution.IsFavorite = false;\r\n        } else if (res.data == \"Created\") {\r\n          solution.IsFavorite = true;\r\n        }\r\n        // console.log(res);\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\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</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!./ThumbnailSolutions.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!./ThumbnailSolutions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThumbnailSolutions.vue?vue&type=template&id=89dbf1f6&scoped=true&\"\nimport script from \"./ThumbnailSolutions.vue?vue&type=script&lang=js&\"\nexport * from \"./ThumbnailSolutions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThumbnailSolutions.vue?vue&type=style&index=0&id=89dbf1f6&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  \"89dbf1f6\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VIcon,VImg,VSpacer})\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!./ThumbnailSolutions.vue?vue&type=style&index=0&id=89dbf1f6&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{attrs:{\"flat\":\"\",\"tile\":\"\"}},[_c('v-card-title',[_vm._v(_vm._s(_vm.$t(\"favorites\")))]),_c('div',{staticClass:\"container\"},[(_vm.favorites != null)?_c('div',[(_vm.favorites.length == 0)?_c('div',[_vm._v(_vm._s(_vm.$t(\"noFavorites\")))]):_vm._e(),_c('div',[_c('thumbnailSolutions',{attrs:{\"solutions\":_vm.favorites,\"isFirelog\":_vm.isFirelog}})],1)]):_c('v-row',_vm._l((6),function(index){return _c('v-col',{key:index,attrs:{\"cols\":\"12\",\"sm\":\"6\",\"lg\":\"4\"}},[_c('v-skeleton-loader',{attrs:{\"type\":\"card, actions\"}})],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card flat tile>\r\n    <!-- {{ favorites }} -->\r\n    <v-card-title>{{ $t(\"favorites\") }}</v-card-title>\r\n    <div class=\"container\">\r\n      <div v-if=\"favorites != null\">\r\n        <div v-if=\"favorites.length == 0\">{{ $t(\"noFavorites\") }}</div>\r\n        <div>\r\n          <thumbnailSolutions :solutions=\"favorites\" :isFirelog=\"isFirelog\" />\r\n          <!-- <div class=\"wrapper_solutions mt-3\">\r\n            <v-card\r\n              outlined\r\n              class=\"wrapper_content_solution\"\r\n              v-for=\"solution in favorites\"\r\n              :key=\"solution.Id\"\r\n            >\r\n              <v-card-text style=\"height: 100%\">\r\n                <v-img contain :src=\"solution.Link\" height=\"360px\"></v-img>\r\n                <div class=\"title-1 font-weight-bold\">\r\n                  {{ solution.Name }}\r\n                </div>\r\n                <div class=\"title font-weight-bold\" v-if=\"solution.Tax1\">\r\n                  {{ $t(\"diameter\") }}: {{ solution.Tax1 }}mm\r\n                </div>\r\n                <div class=\"subtitle-1 font-weight-bold\">\r\n                  {{ $t(\"fireResistance\") }}: {{ solution.Tax6 }}\r\n                  {{ $t(\"minutes\") }}\r\n                </div>\r\n                <div class=\"subtitle-1 font-weight-bold\">\r\n                  {{ $t(\"thickness\") }}: {{ solution.Tax9 }}mm\r\n                </div>\r\n                <div\r\n                  class=\"subtitle-1 font-weight-bold\"\r\n                  v-if=\"solution.WandDikte\"\r\n                >\r\n                  {{ $t(\"wallThickness\") }}: {{ solution.WandDikte }}mm\r\n                </div>\r\n                <div\r\n                  class=\"subtitle-1 font-weight-bold\"\r\n                  v-if=\"solution.IsolatieDikte\"\r\n                >\r\n                  {{ $t(\"insulationThickness\") }}:\r\n                  {{ solution.IsolatieDikte }}mm\r\n                </div>\r\n                <div class=\"subtitle-1 font-weight-bold\">\r\n                  <br v-if=\"!solution.Tax1\" />\r\n                  <br v-if=\"!solution.WandDikte\" />\r\n                  <br v-if=\"!solution.IsolatieDikte\" />\r\n                </div>\r\n                <v-card-actions>\r\n                  <v-btn\r\n                    small\r\n                    depressed\r\n                    outlined\r\n                    color=\"primary\"\r\n                    v-on:click=\"selectedSolution(solution)\"\r\n                  >\r\n                    {{ $t(\"viewMore\") }}\r\n                  </v-btn>\r\n                  <v-btn\r\n                    v-on:click=\"useInMarker(solution, data.Selected)\"\r\n                    small\r\n                    v-if=\"isFirelog\"\r\n                    depressed\r\n                    outlined\r\n                    color=\"secondary\"\r\n                  >\r\n                    {{ $t(\"usethisinmarker\") }}\r\n                  </v-btn>\r\n\r\n                  <v-spacer />\r\n                  <v-btn small depressed v-on:click=\"favorite(solution)\">\r\n                    <v-icon small color=\"primary\" v-if=\"solution.IsFavorite\">\r\n                      mdi-star\r\n                    </v-icon>\r\n                    <v-icon small color=\"primary\" v-else>\r\n                      mdi-star-outline\r\n                    </v-icon>\r\n                  </v-btn>\r\n                </v-card-actions>\r\n              </v-card-text>\r\n            </v-card>\r\n          </div> -->\r\n        </div>\r\n      </div>\r\n      <v-row v-else>\r\n        <v-col cols=\"12\" sm=\"6\" lg=\"4\" v-for=\"index in 6\" :key=\"index\">\r\n          <v-skeleton-loader type=\"card, actions\"></v-skeleton-loader>\r\n        </v-col>\r\n      </v-row>\r\n    </div>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport ajax from \"@/services/service.oryx.js\";\r\nimport jwtdecode from \"jwt-decode\";\r\nimport thumbnailSolutions from \"@/components/ThumbnailSolutions\";\r\n\r\nexport default {\r\n  props: [\"isFirelog\"],\r\n  components: {\r\n    thumbnailSolutions,\r\n    // selectedSolutionComponent\r\n  },\r\n  data() {\r\n    return {\r\n      // isFirelog: true,\r\n      favorites: null,\r\n      selectedSolutionId: null,\r\n      tax263415Id: null,\r\n    };\r\n  },\r\n  created() {\r\n    this.$store.commit(\"resetSelectedSolution\");\r\n    this.$store.commit(\"resetSolutionSelectorChoices\");\r\n\r\n    const userId = jwtdecode(localStorage.getItem(\"auth\")).id;\r\n    if (userId != null) {\r\n      ajax.getFavorites(userId).then((res) => {\r\n        this.favorites = res.data;\r\n      });\r\n    }\r\n  },\r\n  methods: {\r\n    selectedSolution(solution) {\r\n      this.$router.push({\r\n        name: \"Detail\",\r\n        params: {\r\n          id: solution.Id,\r\n          taxId: solution.Tax263415Id,\r\n          isFirelog: this.isFirelog,\r\n        },\r\n      });\r\n    },\r\n    useInMarkerFromDetails() {\r\n      this.dialogParent = false;\r\n    },\r\n    favorite(solution) {\r\n      // console.log(solution);\r\n      let user = jwtdecode(localStorage.getItem(\"auth\"));\r\n      const params = {\r\n        userId: user.id,\r\n        Taxonomy26734158Id: solution.Tax263415Id,\r\n      };\r\n      // console.log(\"Params: \", params);\r\n      ajax.createFavorite(params).then((res) => {\r\n        if (res.data == \"Deleted\") {\r\n          solution.IsFavorite = false;\r\n        } else if (res.data == \"Created\") {\r\n          solution.IsFavorite = true;\r\n        }\r\n        // console.log(res);\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!./Favorites.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!./Favorites.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Favorites.vue?vue&type=template&id=ecef5316&scoped=true&\"\nimport script from \"./Favorites.vue?vue&type=script&lang=js&\"\nexport * from \"./Favorites.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Favorites.vue?vue&type=style&index=0&id=ecef5316&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  \"ecef5316\",\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';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VCard,VCardTitle,VCol,VRow,VSkeletonLoader})\n"],"sourceRoot":""}