{"version":3,"sources":["webpack:///./src/components/SvgIcon.vue?1478","webpack:///src/components/SvgIcon.vue","webpack:///./src/components/SvgIcon.vue?5a16","webpack:///./src/components/SvgIcon.vue","webpack:///./src/views/Catalog.vue?83f6","webpack:///./src/views/Catalog.vue?de73","webpack:///./src/views/Catalog.vue?7121","webpack:///./src/views/Catalog.vue","webpack:///./src/components/CollectionPicker.vue?9828","webpack:///./src/components/SvgIcon.vue?3ee0","webpack:///./src/components/CollectionPicker.vue?4f52","webpack:///./src/components/fx/checkmark.vue?d917","webpack:///src/components/fx/checkmark.vue","webpack:///./src/components/fx/checkmark.vue?6c46","webpack:///./src/components/fx/checkmark.vue","webpack:///src/components/CollectionPicker.vue","webpack:///./src/components/CollectionPicker.vue?fe74","webpack:///./src/components/CollectionPicker.vue","webpack:///./src/components/fx/checkmark.vue?64cf","webpack:///src/views/Catalog.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","attrs","style","stroke","curIcon","viewbox","_e","staticRenderFns","props","id","type","String","required","fill","data","icons","computed","find","component","category","class","key","_v","ref","mobileFiltersOpen","elementSizes","pageReady","curcategory","_b","hero","allReady","_l","cat","cid","path","title","url_part","domProps","_s","on","$event","preventDefault","toggleMobileCats","filterRemaining","catalogCategories","nativeOn","localize","localizedUIReady","gridReady","triggerQueryChange","filtersHash","mobileFiltersChanged","filtersChangedHandler","searchByString","filteredItems","length","finalItems","itemsPerLoad","loadMore","currentItem","productAttributesHash","_t","collections","item","index","addItemToCollection","collection","col_id","getColPic","col_name","showCheckMark","collectedTo","showCollection","children","_m","enterNewName","target","composing","newColName","createCollection","content","default","css","components","activeItem","Number","methods","vm","closePopup","readCollections","mounted","created","activeItemID","watch","itc","_int","infiniteLoading","itemsPerPage","mobileFilterOpen","loadingItems","ro","resizeTrig","items","paginate","trigger","filterTimer","hickup","currentCategoryValue","categoryChanged","savedFilterChanged","activeFilters","filtersReady","openMobileCats","searchString","localeChanged","scrollTrig","CollectionPicker","SvgIcon","FilterPanel","GridItems","locale","deep","handler","initCatalog","infiniteLoaderTop","console","log","checkInfiniteItems","$route","params","catId","$set","$refs","paginator","goToPage","updateFiltersHash","setCid","scrollTopGrid","destroyed","window","removeEventListener","resizeHandler","scrollHandler","mobileScrollStart","mobileScrollEnd","cCollectingItem","gCollectingItem","isMobile","getBoundingClientRect","top","hasMore","_items","subnote","closePicker","setItemToCollect","initInfiniteScroll","addEventListener","_","debounce","Date","getTime","clearInterval","setInterval","fetchItemPropsString","values","pick","string","toLowerCase","$nextTick","checkFilters","observed","document","querySelectorAll","forEach","elementResizeHandler","el","triggerResize","initResizeElements","width","filter","categories","bool","scrollTo","activateFiltersByQuery","query","each","parent","active","visible","filters","activefilters","scrollToTop","beforeEnter","opacity","transform","enter","setTimeout","animate","done","leave"],"mappings":"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","file":"js/chunk-791c09c0.8a43c4df.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('svg',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],staticClass:\"symbol\"},[_c('symbol',{attrs:{\"id\":\"implant-systems\"}},[_c('g',[_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M129.12,23A93.35,93.35,0,1,1,23.91,52.83\"}}),_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M123.15,110.81a4.29,4.29,0,0,1-.51,6.26c-2,1.56-8.54,4.53-10.25,5s6.88,2.81,9.66,7-1.18,6.63-3.21,7.76a56.59,56.59,0,0,1-6.89,2.73s6.5,4.13,8.42,6.38,3.06,6.7-3.66,9.33-6.21,2.35-6.21,2.35,8.57,5.86,9.73,8.75c0,0-1,3-10.94,7a4.42,4.42,0,0,0-1.24,1.35c-.73,1.07-21.1,8.2-37.88-1.27l-2.78-2.21,4.66-4.36s-7.33-3.23-9.22-5.05-1.23-6.18-1.23-6.18,7-5.67,8.79-6.87-8.34-2.67-9.81-6.5,1.18-6.62,10-11.51c0,0-9.37-2.53-11.08-6s.47-7.12,8.95-11c0,0-8.86-4.8-9.9-6.66s-2.09-6.14,8.43-11.1c0,0-9.62-3.63-10.13-7.86-.73-6.09,9.71-10.12,9.11-10.67s-8-3.8-8.87-4.8-1.18-5.84.12-7.74,8.71-4,8.56-4.76-2.38-1.63-7.11-4.31-4.28-5.58-3-7.48,8-6.24,8-6.24A12.54,12.54,0,0,1,57,39.16V9.67a5.88,5.88,0,0,1,5.88-5.88h60.21a5.67,5.67,0,0,1,5.67,5.67V22.12\"}})])]),_c('symbol',{attrs:{\"id\":\"kits-and-tools\"}},[_c('g',[_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M177.53,164.72A91.72,91.72,0,0,1,12.45,84.78\"}}),_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M13.13,85.26,7.38,64.39A18.45,18.45,0,0,1,20.23,41.75L155.2,4.5a18.48,18.48,0,0,1,22.65,12.85l24.29,88A18.46,18.46,0,0,1,189.29,128l-135,37.25a18.46,18.46,0,0,1-22.64-12.85\"}}),_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"162.19\",\"cy\":\"104.83\",\"r\":\"8.44\"}}),_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"148.04\",\"cy\":\"40.31\",\"r\":\"8.44\"}}),_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"92.83\",\"cy\":\"55.15\",\"r\":\"8.44\"}}),_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"43.84\",\"cy\":\"67.91\",\"r\":\"8.44\"}}),_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"61.09\",\"cy\":\"134.16\",\"r\":\"8.44\"}}),_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"103.19\",\"cy\":\"88.62\",\"r\":\"8.44\"}}),_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"154.94\",\"cy\":\"74.12\",\"r\":\"8.44\"}}),_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"52.81\",\"cy\":\"101.73\",\"r\":\"8.44\"}}),_c('circle',{staticClass:\"cls-1\",attrs:{\"cx\":\"112.5\",\"cy\":\"120.36\",\"r\":\"8.44\"}})])]),_c('symbol',{attrs:{\"id\":\"prosthetic-options\"}},[_c('g',[_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M149.88,205A93.33,93.33,0,0,1,36.57,57\"}}),_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M151.93,112.09c-7,1.17-22.28-1.8-28.78-36.22-2.59-13.69-.86-29.61,6.17-30.79\"}}),_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M151.13,204.27l4.7-39.4s1.47-4.14,5.21-5.35,7.62-3.07,8-8.55,4.15-20.46-11.5-25.94L119.73,5.63s-43.59-6.15-56.42,4l18.18,99.47s2.94,16-11.5,19.78l-.53,19.79s-.81,6.42,7.22,9.36a6.59,6.59,0,0,1,6.15,6.69c.26,6.41.8,11.49.8,11.49\"}})])]),_c('symbol',{attrs:{\"id\":\"mguide\"}},[_c('g',[_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M8,34.44A93.3,93.3,0,1,1,32.51,179.08\"}}),_c('polyline',{staticClass:\"cls-1\",attrs:{\"points\":\"32.76 143.7 50.55 119.36 3.79 113.86 108.31 35.92 89.06 166.12 64.3 129.44 33.13 178.04\"}})])]),_c('symbol',{attrs:{\"id\":\"regenerative-solutions\"}},[_c('path',{attrs:{\"d\":\"M190.44,91.22C188,54.09,163.75,20.55,126.6,8.39c-49-16-101.82,11.16-118,60.73S18.87,171.87,67.84,187.9c36.28,11.87,74.69,0,98.76-27.08l-25.88-24.16s-32,10.76-60.43-8.43C52.88,109.73,55.09,59,55.09,59s41.8-9.47,64.9,16.6c14.86,16.77,7.18,43.6,7.18,43.6L90.48,90.35\"}})])]),(_vm.curIcon)?_c('svg',{style:(_vm.stroke ? (\"stroke:\" + _vm.stroke) : ''),attrs:{\"viewBox\":_vm.curIcon.viewbox}},[_c('use',{staticClass:\"ic-1\",attrs:{\"xlink:href\":(\"#\" + (_vm.curIcon.id)),\"x\":\"0\",\"y\":\"0\"}})]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <svg v-show=\"false\" class=\"symbol\">\n      <symbol id=\"implant-systems\">\n        <g>\n          <path class=\"cls-1\" d=\"M129.12,23A93.35,93.35,0,1,1,23.91,52.83\" />\n          <path\n            class=\"cls-1\"\n            d=\"M123.15,110.81a4.29,4.29,0,0,1-.51,6.26c-2,1.56-8.54,4.53-10.25,5s6.88,2.81,9.66,7-1.18,6.63-3.21,7.76a56.59,56.59,0,0,1-6.89,2.73s6.5,4.13,8.42,6.38,3.06,6.7-3.66,9.33-6.21,2.35-6.21,2.35,8.57,5.86,9.73,8.75c0,0-1,3-10.94,7a4.42,4.42,0,0,0-1.24,1.35c-.73,1.07-21.1,8.2-37.88-1.27l-2.78-2.21,4.66-4.36s-7.33-3.23-9.22-5.05-1.23-6.18-1.23-6.18,7-5.67,8.79-6.87-8.34-2.67-9.81-6.5,1.18-6.62,10-11.51c0,0-9.37-2.53-11.08-6s.47-7.12,8.95-11c0,0-8.86-4.8-9.9-6.66s-2.09-6.14,8.43-11.1c0,0-9.62-3.63-10.13-7.86-.73-6.09,9.71-10.12,9.11-10.67s-8-3.8-8.87-4.8-1.18-5.84.12-7.74,8.71-4,8.56-4.76-2.38-1.63-7.11-4.31-4.28-5.58-3-7.48,8-6.24,8-6.24A12.54,12.54,0,0,1,57,39.16V9.67a5.88,5.88,0,0,1,5.88-5.88h60.21a5.67,5.67,0,0,1,5.67,5.67V22.12\"\n          />\n        </g>\n      </symbol>\n      <symbol id=\"kits-and-tools\">\n        <g>\n          <path\n            class=\"cls-1\"\n            d=\"M177.53,164.72A91.72,91.72,0,0,1,12.45,84.78\"\n          />\n          <path\n            class=\"cls-1\"\n            d=\"M13.13,85.26,7.38,64.39A18.45,18.45,0,0,1,20.23,41.75L155.2,4.5a18.48,18.48,0,0,1,22.65,12.85l24.29,88A18.46,18.46,0,0,1,189.29,128l-135,37.25a18.46,18.46,0,0,1-22.64-12.85\"\n          />\n          <circle class=\"cls-1\" cx=\"162.19\" cy=\"104.83\" r=\"8.44\" />\n          <circle class=\"cls-1\" cx=\"148.04\" cy=\"40.31\" r=\"8.44\" />\n          <circle class=\"cls-1\" cx=\"92.83\" cy=\"55.15\" r=\"8.44\" />\n          <circle class=\"cls-1\" cx=\"43.84\" cy=\"67.91\" r=\"8.44\" />\n          <circle class=\"cls-1\" cx=\"61.09\" cy=\"134.16\" r=\"8.44\" />\n          <circle class=\"cls-1\" cx=\"103.19\" cy=\"88.62\" r=\"8.44\" />\n          <circle class=\"cls-1\" cx=\"154.94\" cy=\"74.12\" r=\"8.44\" />\n          <circle class=\"cls-1\" cx=\"52.81\" cy=\"101.73\" r=\"8.44\" />\n          <circle class=\"cls-1\" cx=\"112.5\" cy=\"120.36\" r=\"8.44\" />\n        </g>\n      </symbol>\n      <symbol id=\"prosthetic-options\">\n        <g>\n          <path class=\"cls-1\" d=\"M149.88,205A93.33,93.33,0,0,1,36.57,57\" />\n          <path\n            class=\"cls-1\"\n            d=\"M151.93,112.09c-7,1.17-22.28-1.8-28.78-36.22-2.59-13.69-.86-29.61,6.17-30.79\"\n          />\n          <path\n            class=\"cls-1\"\n            d=\"M151.13,204.27l4.7-39.4s1.47-4.14,5.21-5.35,7.62-3.07,8-8.55,4.15-20.46-11.5-25.94L119.73,5.63s-43.59-6.15-56.42,4l18.18,99.47s2.94,16-11.5,19.78l-.53,19.79s-.81,6.42,7.22,9.36a6.59,6.59,0,0,1,6.15,6.69c.26,6.41.8,11.49.8,11.49\"\n          />\n        </g>\n      </symbol>\n      <symbol id=\"mguide\">\n        <g>\n          <path class=\"cls-1\" d=\"M8,34.44A93.3,93.3,0,1,1,32.51,179.08\" />\n          <polyline\n            class=\"cls-1\"\n            points=\"32.76 143.7 50.55 119.36 3.79 113.86 108.31 35.92 89.06 166.12 64.3 129.44 33.13 178.04\"\n          />\n        </g>\n      </symbol>\n      <symbol id=\"regenerative-solutions\">\n        <path\n          d=\"M190.44,91.22C188,54.09,163.75,20.55,126.6,8.39c-49-16-101.82,11.16-118,60.73S18.87,171.87,67.84,187.9c36.28,11.87,74.69,0,98.76-27.08l-25.88-24.16s-32,10.76-60.43-8.43C52.88,109.73,55.09,59,55.09,59s41.8-9.47,64.9,16.6c14.86,16.77,7.18,43.6,7.18,43.6L90.48,90.35\"\n        />\n      </symbol>\n    </svg>\n\n    <svg\n      v-if=\"curIcon\"\n      :viewBox=\"curIcon.viewbox\"\n      :style=\"stroke ? `stroke:${stroke}` : ''\"\n    >\n      <use class=\"ic-1\" :xlink:href=\"`#${curIcon.id}`\" x=\"0\" y=\"0\" />\n    </svg>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n      required: true\n    },\n    stroke: String,\n    fill: String\n  },\n  data() {\n    return {\n      icons: [\n        {\n          id: \"implant-systems\",\n          viewbox: \"0 0 194.23 207.83\"\n        },\n        {\n          id: \"kits-and-tools\",\n          viewbox: \"0 0 206.64 219.16\"\n        },\n        {\n          id: \"prosthetic-options\",\n          viewbox: \"0 0 173.53 225.11\"\n        },\n        {\n          id: \"mguide\",\n          viewbox: \"0 0 174.29 194.23\"\n        },\n        {\n          id: \"regenerative-solutions\",\n          viewbox: \"0 0 194.23 196.29\"\n        }\n      ]\n    };\n  },\n  computed: {\n    curIcon() {\n      return this.icons.find(icon => icon.id == this.id);\n    }\n  }\n};\n</script>\n<style lang=\"stylus\" scoped>\n\nsvg\n  fill none\n  stroke-linecap round\n  stroke-linejoin round\n  stroke-width 7.58px\n  stroke gray_3\n  transition stroke 0.3s ease-out\n  max-height 50px\n  max-width 100%\n  /.el-size--medium &\n    max-height 30px\n  &.symbol\n    display none\n</style>\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!./SvgIcon.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!./SvgIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SvgIcon.vue?vue&type=template&id=da441f2e&scoped=true&\"\nimport script from \"./SvgIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./SvgIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SvgIcon.vue?vue&type=style&index=0&id=da441f2e&lang=stylus&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  \"da441f2e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Catalog.vue?vue&type=style&index=0&lang=stylus&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Catalog.vue?vue&type=style&index=0&lang=stylus&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.category === 404)?_c('div',{class:['container']},[_c('h2',{key:\"404h2\",staticClass:\"py-xl\"},[_vm._v(\" Sorry... don't know nothing about this page. \")]),_c('h5',{key:\"404h5\"},[_vm._v(\"Seriously, no clue what your talking about!\")])]):_c('div',{key:\"catalog\",ref:\"catalog\",class:[\n    'catalog',\n    _vm.mobileFiltersOpen ? 'filters-open' : '',\n    (\"el-size--\" + (_vm.elementSizes[0]))\n  ],attrs:{\"observe-resize\":\"0\"}},[(!_vm.pageReady || !_vm.curcategory)?_c('preloader',{key:\"page-preloader\"}):[(_vm.hero)?_c('slider',_vm._b({ref:\"hero\",attrs:{\"size\":_vm.elementSizes[0],\"subnote\":\"\"}},'slider',_vm.hero,false)):_vm._e(),(_vm.elementSizes[0] !== 'small' && _vm.allReady)?_c('div',{ref:\"categories\",staticClass:\"catalog-categories px-2xl\"},_vm._l((_vm.catalogCategories),function(cat){return _c('router-link',{key:cat.cid,attrs:{\"to\":cat.path,\"title\":cat.title}},[_c('svg-icon',{staticClass:\"inline-icon\",attrs:{\"id\":cat.url_part}}),_c('span',{staticClass:\"text--m ml-xs text-gray-8\",domProps:{\"textContent\":_vm._s(cat.title)}})],1)}),1):_vm._e(),(_vm.elementSizes[0] === 'small')?_c('div',{staticClass:\"flex align-center justify-between px-2xl mobile-top-bar\"},[_c('i',{class:[\n          'toggle',\n          'fas',\n          !_vm.mobileFiltersOpen ? 'fa-sliders-h' : 'fa-chevron-left'\n        ],on:{\"click\":function($event){_vm.mobileFiltersOpen = !_vm.mobileFiltersOpen}}}),(!_vm.mobileFiltersOpen)?_c('div',{ref:\"categories\",staticClass:\"catalog-categories__mobile\"},[_c('a',{staticClass:\"catalog-categories__cur pr-xs text-blue-7 pb-xs\",attrs:{\"href\":\"#p\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleMobileCats($event)}}},[_c('span',{domProps:{\"textContent\":_vm._s(_vm.curcategory.title)}}),_c('i',{staticClass:\"fas fa-chevron-down ml-xs\"})]),_c('transition',{attrs:{\"name\":\"overlay-down\",\"appear\":\"\"}},[(_vm.openMobileCats)?_c('div',{staticClass:\"catalog-categories__list\"},_vm._l((_vm.filterRemaining(_vm.catalogCategories)),function(cat){return _c('router-link',{key:cat.cid,staticClass:\"text--s p-l\",attrs:{\"to\":cat.path},nativeOn:{\"click\":function($event){return _vm.toggleMobileCats($event)}}},[_c('svg-icon',{staticClass:\"inline-icon\",attrs:{\"id\":cat.url_part}}),_c('span',{staticClass:\"ml-s text-gray-8\",domProps:{\"textContent\":_vm._s(cat.title)}})],1)}),1):_vm._e()])],1):_vm._e()]):_vm._e(),(_vm.elementSizes[0] !== 'small' && _vm.allReady)?_c('p',{staticClass:\"subnote unflex pb-xl\"},[_c('span',{domProps:{\"textContent\":_vm._s(_vm.localize('place_order'))}}),_vm._v(\", \"),_c('router-link',{attrs:{\"to\":\"/company/contact-us\"},domProps:{\"textContent\":_vm._s(_vm.localize('contact_distributor'))}}),_c('br'),_c('span',{domProps:{\"textContent\":_vm._s(_vm.localize('please_note_products') + '.')}})],1):_vm._e(),_c('div',{staticClass:\"catalog--inner grid-flex-wrap px-2xl\",class:(\"el-size--\" + (_vm.elementSizes[1])),attrs:{\"observe-resize\":\"1\"}},[_c('transition',{attrs:{\"name\":\"fade-delayed\"}},[(\n            _vm.elementSizes[0] === 'small' &&\n              _vm.localizedUIReady &&\n              !_vm.mobileFiltersOpen\n          )?_c('p',{ref:\"mobilenote\",staticClass:\"subnote unflex pb-xl\"},[_c('span',{domProps:{\"textContent\":_vm._s(_vm.localize('place_order'))}}),_vm._v(\", \"),_c('router-link',{attrs:{\"to\":\"/company/contact-us\"},domProps:{\"textContent\":_vm._s(_vm.localize('contact_distributor'))}}),_c('br'),_c('span',{domProps:{\"textContent\":_vm._s(_vm.localize('please_note_products') + '.')}})],1):_vm._e()]),(_vm.localizedUIReady)?_c('filter-panel',{class:[_vm.gridReady ? '' : 'waiting'],attrs:{\"trigger-query\":_vm.triggerQueryChange,\"ui-filters\":_vm.filtersHash,\"category\":_vm.curcategory,\"mobile-open\":_vm.mobileFiltersOpen},on:{\"mobile-filters-open\":_vm.mobileFiltersChanged,\"filters-changed\":_vm.filtersChangedHandler,\"search-by-string\":_vm.searchByString}}):_vm._e(),(!_vm.mobileFiltersOpen)?_c('div',{ref:\"grid\",staticClass:\"catalog--grid flex-1 pb-xl\",class:[\n          !_vm.gridReady ? 'loading' : '',\n          (\"el-size--\" + (_vm.elementSizes[2])),\n          _vm.gridReady && !_vm.filteredItems.length ? 'grid-no-items' : ''\n        ],attrs:{\"observe-resize\":\"2\"}},[_c('transition',{attrs:{\"name\":\"fade\",\"appear\":\"\"}},[(_vm.gridReady && !_vm.filteredItems.length)?_c('h4',{staticClass:\"no-items\"},[_c('i',{staticClass:\"fal fa-heart-broken\",attrs:{\"aria-hidden\":\"true\"}}),_c('span',{domProps:{\"textContent\":_vm._s(_vm.localize('no_match'))}},[_vm._v(\"No matching products found. Check the filter settings.\")])]):_vm._e()]),(!_vm.gridReady)?_c('preloader',{key:\"loading\"}):_vm._e(),_c('keep-alive',[_c('grid-items',{attrs:{\"grid-type\":\"catalog\",\"paginateditems\":_vm.finalItems,\"perload\":_vm.itemsPerLoad}})],1),(_vm.hasMore)?_c('div',{staticClass:\"center text-center py-2xl\"},[_c('abtn',{class:['btn-more'],attrs:{\"color\":\"blue\",\"icon\":\"fal fa-chevron-down\"},nativeOn:{\"click\":function($event){return _vm.loadMore($event)}}},[_c('span',{domProps:{\"textContent\":_vm._s(_vm.localize('search_load_more'))}})])],1):_vm._e()],1):_vm._e()],1)],_c('keep-alive',[(_vm.currentItem)?_c('router-view',{attrs:{\"currentItem\":_vm.currentItem,\"attr\":_vm.productAttributesHash,\"filters-hash\":_vm.filtersHash}}):_vm._e()],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./Catalog.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!./Catalog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Catalog.vue?vue&type=template&id=9f7752ea&\"\nimport script from \"./Catalog.vue?vue&type=script&lang=js&\"\nexport * from \"./Catalog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Catalog.vue?vue&type=style&index=0&lang=stylus&\"\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","import mod 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!./CollectionPicker.vue?vue&type=style&index=0&id=0bee748a&scoped=true&lang=css&\"; export default mod; 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!./CollectionPicker.vue?vue&type=style&index=0&id=0bee748a&scoped=true&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SvgIcon.vue?vue&type=style&index=0&id=da441f2e&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SvgIcon.vue?vue&type=style&index=0&id=da441f2e&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-picker\",attrs:{\"id\":\"collectionPicker1\"}},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Save to collection\")]),_vm._t(\"close\")],2),_c('div',{staticClass:\"items\"},[_c('div',_vm._l((_vm.collections.children),function(item,index){return _c('div',{key:index,staticClass:\"item\",attrs:{\"title\":_vm.localize('Add to list')},on:{\"click\":function($event){return _vm.addItemToCollection(item.collection.col_id)}}},[_c('div',{staticClass:\"itemPic\",style:((\"background-image:url(\" + (_vm.getColPic(index)) + \")\"))}),_c('div',{staticClass:\"itemName\"},[_vm._v(_vm._s(item.collection.col_name))]),(_vm.showCheckMark && _vm.collectedTo==item.collection.col_id)?_c('div',{staticClass:\"cm\"},[_c('checkmark')],1):_vm._e(),_c('a',{staticClass:\"showColBtn\",attrs:{\"title\":_vm.localize('View List')},on:{\"click\":function($event){return _vm.showCollection(item.collection.col_id)}}},[_c('i',{staticClass:\"fal fa-folder-open\"})])])}),0),(_vm.collections.children.length<30)?_c('div',{staticClass:\"item\"},[_vm._m(0),_c('div',{staticClass:\"itemName\",on:{\"click\":_vm.enterNewName}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newColName),expression:\"newColName\"}],attrs:{\"type\":\"text\",\"placeholder\":\"New collection name...\"},domProps:{\"value\":(_vm.newColName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.newColName=$event.target.value}}}),_c('div',{staticClass:\"itemBtn\",on:{\"click\":function($event){return _vm.createCollection()}}},[_vm._v(\"Create\")])])]):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"itemAddIcon\"},[_c('i',{staticClass:\"fal fa-plus\"})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('svg',{staticClass:\"checkmark\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 52 52\"}},[_c('circle',{staticClass:\"checkmark__circle\",attrs:{\"cx\":\"26\",\"cy\":\"26\",\"r\":\"25\",\"fill\":\"none\"}}),_c('path',{staticClass:\"checkmark__check\",attrs:{\"fill\":\"none\",\"d\":\"M14.1 27.2l7.1 7.2 16.7-16.8\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" \n            viewBox=\"0 0 52 52\">\n            <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"/><path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"/></svg>\n    </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    content: {\n      type: String,\n      default: \"\"\n    },\n    css: {\n      type: String,\n      default: \"\"\n    }\n  }\n};\n</script>\n\n<style scoped>\n    .checkmark__circle {\n        stroke-dasharray: 166;\n        stroke-dashoffset: 166;\n        stroke-width: 2;\n        stroke-miterlimit: 10;\n        stroke: green;\n        fill: none;\n        animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;\n    }\n\n    .checkmark {\n        width: 56px;\n        height: 56px;\n        border-radius: 50%;\n        display: block;\n        stroke-width: 2;\n        stroke: green;\n        stroke-miterlimit: 10;\n        margin: 10% auto;\n        box-shadow: inset 0px 0px 0px #7ac142;\n        animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;\n    }\n\n    .checkmark__check {\n        transform-origin: 50% 50%;\n        stroke-dasharray: 48;\n        stroke-dashoffset: 48;\n        animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.5s forwards;\n    }\n\n    @keyframes stroke {\n    100% {\n        stroke-dashoffset: 0;\n    }\n    }\n    @keyframes scale {\n    0%, 100% {\n        transform: none;\n    }\n    50% {\n        transform: scale3d(1.1, 1.1, 1);\n    }\n    }\n    @keyframes fill {\n    100% {\n        box-shadow: inset 0px 0px 0px 30px #fff;\n    }\n    }\n</style>\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!./checkmark.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!./checkmark.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./checkmark.vue?vue&type=template&id=db16be08&scoped=true&\"\nimport script from \"./checkmark.vue?vue&type=script&lang=js&\"\nexport * from \"./checkmark.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checkmark.vue?vue&type=style&index=0&id=db16be08&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  \"db16be08\",\n  null\n  \n)\n\nexport default component.exports","<!-- @mouseleave=\"isMouseOver=false\" @mouseenter=\"isMouseOver=true\"-->\n<template>\n    <div class=\"col-picker\" id=\"collectionPicker1\" >\n\n        <div class=\"top\">\n            <div class=\"title\">Save to collection</div>\n            <slot name=\"close\"></slot>\n        </div>\n\n        <div class=\"items\">\n            <!-- item template \n            {{collections}}\n            <div class=\"item\">\n                <div class=\"itemPic\"></div>\n                <div class=\"itemName\">Collection Name</div>\n                <div class=\"itemBtn\">Save</div>\n            </div>\n            <div class=\"item\">\n                <div class=\"itemPic\"></div>\n                <div class=\"itemName\">Collection Name</div>\n                <div class=\"itemBtn\">Save</div>\n            </div>            \n            [ { \"col_id\": 2, \"col_name\": \"dubi4\", \"user_id\": null,\n             \"user_token\": null, \"col_order_id\": 0, \"created_date\": \"2022-01-05T12:07:43.903\", \"is_public\": true, \"auid\": \"e7RzYBEXFYBi8NcFGtOdzWYZ6Yh3SeXY\" } ]\n            @click=\"addItemToCollection(item.col_id)\"\n            -->\n            <!-- problem, cant bind loop : -->\n            \n            <!-- Add to list -->\n            <div>\n                <div class=\"item\" \n                    :title=\"localize('Add to list')\"\n                    v-for=\"(item, index) in collections.children\" :key=\"index\" \n                    @click=\"addItemToCollection(item.collection.col_id)\">\n                    <div class=\"itemPic\" :style=\"`background-image:url(${getColPic(index)})`\"></div>\n                    <div class=\"itemName\">{{item.collection.col_name}}</div>\n                    \n                    <!-- checkmark animation -->\n                    <div class=\"cm\" \n                        v-if=\"showCheckMark && collectedTo==item.collection.col_id\">\n                        <checkmark></checkmark>\n                    </div>\n\n                    <a class=\"showColBtn\" :title=\"localize('View List')\" @click=\"showCollection(item.collection.col_id)\">\n                        <i class=\"fal fa-folder-open\"></i>\n                    </a>\n\n\n                    <!--<div class=\"itemBtn\" @click=\"addItemToCollection(item.col_id)\">Save</div>-->\n                </div>\n            </div>\n            \n            <!--Create new collection-->\n            <div class=\"item\" v-if=\"collections.children.length<30\">\n                <div class=\"itemAddIcon\"><i class=\"fal fa-plus\"></i></div>\n                <div class=\"itemName\" @click=\"enterNewName\">                    \n                    <input v-model=\"newColName\" type=\"text\" placeholder=\"New collection name...\" />\n                    <div class=\"itemBtn\" @click=\"createCollection()\">Create</div>\n                </div>                \n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { mapState, mapActions, mapGetters } from \"vuex\";\nimport checkmark from './fx/checkmark.vue';\nexport default {\n  components: { checkmark },\n  props: {\n    activeItem: {\n      type: Number,\n      default: -1\n    }\n  },    \n  data() {\n    return {\n        //tempcollections:[],//{ \"col_id\": 2, \"col_name\": \"dubi4\", \"user_id\": null, \"user_token\": null, \"col_order_id\": 0, \"created_date\": \"2022-01-05T12:07:43.903\", \"is_public\": true, \"auid\": \"e7RzYBEXFYBi8NcFGtOdzWYZ6Yh3SeXY\" }\n        newColName:'',\n        isMouseOver:false,\n        activeItemID:-1,\n        collectedTo:-1,\n        showCheckMark:false\n    };\n  },\n  methods: {\n      ...mapActions([\"setItemToCollect\",\"setCollectionsList\",\"setActiveCollection\",\"showCollectionsViewer\"]),\n      getColPic(index)\n      {\n          var vm=this;\n          var _colDataItems = vm.collections.children[index].items;\n          var _colLastItemAdded = _colDataItems[_colDataItems.length-1].product.CatalogNo;\n            return \"https://www.mis-implants.com/upload/catalog/products/thumbs/\"+_colLastItemAdded+\".png\";\n            //return \"https://www.mis-implants.com/upload/catalog/products/thumbs/V3-13390.png\";\n      },\n      showCollection(cid)\n      {\n          this.setItemToCollect(-1);        //close the picker\n          this.setActiveCollection(cid);    //change the active collection\n          this.showCollectionsViewer();     //show the viewer\n      },\n      enterNewName() {\n\n      },\n      addItemToCollection(CollectionID)\n      {\n        var vm=this;\n        var ProductID = vm.collections.activeitem;\n        var apiURL = \"https://api.mis-implants.com/api/collections?\"+\n            \"AUID=\"+vm.auid+\"&CollectionId=\"+CollectionID+\"&ItemID=\"+ProductID;\n        vm.collectedTo = CollectionID;                        \n        vm.postToApi(apiURL,true);\n      },\n      createCollection()\n      {\n        var vm=this;\n        var CollectionName = vm.newColName;\n        if(CollectionName.length==0){return false;}\n        var ProductID = vm.collections.activeitem;\n        var apiURL = \"https://api.mis-implants.com/api/collections?AUID=\"+vm.auid+\"&Name=\"+CollectionName+\"&ItemID=\"+ProductID;\n        vm.postToApi(apiURL,true);\n      },\n      readCollections()\n      {\n        var vm=this;\n        var apiURL = \"https://api.mis-implants.com/api/collections?AUID=\"+vm.auid;\n        fetch(apiURL,{method: 'GET',mode: 'cors',cache: 'no-cache',headers: {'Content-Type': 'application/json','Access-Control-Allow-Origin': '*'}})\n        .then(function(response){return response.json();})\n        .then(function(response){\n            //vm.$set(vm, \"collectionsList\", response);\n            //vm.$set(vm.tempcollections, response);\n            vm.setCollectionsList(response);//update the list\n        });         \n      },\n      closePopup()\n      {\n          this.setItemToCollect(-1);\n      },\n      postToApi(apiURL,showCheckAnimation)\n      {\n        var vm=this;\n        fetch(apiURL, {\n          method: \"POST\",\n          mode: \"cors\", // no-cors, *cors, same-origin\n          cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n          credentials: \"same-origin\", // include, *same-origin, omit\n          headers: {\"Content-Type\": \"application/json;charset=UTF-8\",'Access-Control-Allow-Origin': '*'},\n          referrerPolicy: \"no-referrer\", // no-referrer, *client\n          body: \"\"\n        })\n        .then(function(response) {            \n            return response.json();//console.log(\"FIRST THEN RESPONSE  < \", response);\n        })\n        .then(\n            async function(json) \n            {\n              console.log(\"response  >> \", json);\n              if (json.status && json.status && json.status === \"error\") \n              {\n                console.log(\"[fetch|error] register user >> \", json);\n                throw new Error(json.message);\n              } \n              else {\n                  if(showCheckAnimation)\n                  {\n                      vm.showCheckMark=true;\n                      setTimeout(() => {\n                        vm.closePopup();\n                      }, 1800);\n                  }else{\n                    vm.closePopup();\n                  }                  \n                  vm.readCollections();//update the list\n              }\n            },\n            error => {\n              vm.sending = false;\n              console.log(\"[fetch|error] register user >> \", error);\n              throw new Error(error);\n            }\n          );          \n      }\n  },\n  mounted()\n  {\n    var vm=this;            \n    vm.readCollections();\n  },\n  created(){\n    this.activeItemID = this.activeItem;\n  },\n  watch:\n  {\n    activeItem() {\n      this.activeItemID = this.activeItem;\n    },\n  },\n  computed: \n  {\n    ...mapState([\"collections\", \"auid\"]),\n    ...mapGetters([\"getItemToCollect\",\"getAUID\"])\n  }\n};\n</script>\n\n<style scoped>\n    .col-picker\n    {\n        z-index: 2000;\n        position: fixed;\n        top: 50%;\n        left:50vw;\n        width: 450px;\n        height: 500px;\n        background-color: #fff;\n        color: black;\n        border-radius: 15px;\n        transform: translate(-50%,-50%);          \n        box-shadow: 0px 0px 36.1px 1.9px rgba(107, 107, 107, 0.25);\n    }\n    .top\n    {\n        position: relative;\n        width: 100%;\n        text-align: left;\n        left: 0px;\n        padding: 30px;\n    }\n    .top .title\n    {\n            color: #31a9f6;\n            font-size: 18px;\n            font-weight: 300 !important;\n    }\n    .btnClose\n    {        \n        position: absolute;\n        top:20px;right: 15px;\n        width: 30px;height: 30px;\n        cursor: pointer !important;\n        font-size: 30px;\n        opacity: 0.3;\n    }\n    .btnClose:hover\n    {\n        opacity: 1;\n    }\n    .items\n    {\n        width: 100%;\n        height: calc(100% - 120px);\n        overflow-y: scroll;\n    }\n    .items .item\n    {\n        cursor: pointer;\n        clear: both;\n        width: 100%;\n        background-color: #fff;\n        padding: 20px 30px;\n        position: relative;\n        height: 60px;\n    }\n    .showColBtn\n    {\n        cursor: pointer !important;\n        color: #ccc;\n        display: inline-block;\n        padding: 8px 15px;\n        position: absolute;\n        top: 13px;\n        right: 30px;\n        font-weight: 300 !important;\n    }\n    .showColBtn:hover\n    {\n        color: #000;\n    }\n\n    .items .item:hover\n    {\n        background-color: #f8f8f8;\n    }\n    .itemPic\n    {\n        background-size: cover;        \n        background-color: #f9f9f9;\n        width: 40px;\n        height: 40px;\n        float: left;\n        border-radius: 20px;\n        position: absolute;\n        top: 10px;\n    }\n    .itemAddIcon\n    {\n        width: 40px;\n        height: 40px;\n        float: left;\n        border-radius: 20px;\n        position: absolute;\n        top: 10px;\n        background-color: #f9f9f9;\n        text-align:center;\n    }\n    .itemAddIcon i\n    {\n        font-size: 24px;position: relative;top:7px;\n        \n    }\n    .itemName\n    {\n        float: left;\n        padding-left: 50px;\n        width: calc(100% - 100px);\n    }\n    .itemBtn\n    {\n        background-color: #31a9f6;\n        border-radius: 20px;\n        color: #fff;\n        display: inline-block;\n        float: right;\n        padding: 8px 15px;\n        position: absolute;\n        top: 13px;\n        right: 30px;\n        cursor: pointer;\n        opacity: 0;\n        font-weight: 300 !important;\n\n    }\n    .items .item:hover .itemBtn\n    {\n        opacity: 1;\n    }\n\n    .itemName input\n    {\n        padding: 8px 5px !important;\n        width: 100%;\n        border:solid 1px #ccc;\n        position: relative;\n        top:-7px\n    }\n    .itemName input:focus\n    {\n        outline: none;\n    }\n    .item\n    {\n        cursor: pointer;\n    }\n    .item .cm\n    {\n        position: relative;\n        transform: scale(0.4);\n        top: -24px;\n        left: 0px;\n        display: inline-block;\n    }\n\n\n    @media only screen and (max-width: 800px) {\n        .col-picker\n        {\n            width: 100vw;\n            height: 100vh;\n            top:0px;left: 0px;\n            transform: none;\n        }        \n    }\n\n</style>\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!./CollectionPicker.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!./CollectionPicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CollectionPicker.vue?vue&type=template&id=0bee748a&scoped=true&\"\nimport script from \"./CollectionPicker.vue?vue&type=script&lang=js&\"\nexport * from \"./CollectionPicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CollectionPicker.vue?vue&type=style&index=0&id=0bee748a&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  \"0bee748a\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./checkmark.vue?vue&type=style&index=0&id=db16be08&scoped=true&lang=css&\"; export default mod; 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!./checkmark.vue?vue&type=style&index=0&id=db16be08&scoped=true&lang=css&\"","<template>\n  <div :class=\"['container']\" v-if=\"category === 404\">\n    <h2 key=\"404h2\" class=\"py-xl\">\n      Sorry... don't know nothing about this page.\n    </h2>\n    <h5 key=\"404h5\">Seriously, no clue what your talking about!</h5>\n  </div>\n  <div\n    v-else\n    observe-resize=\"0\"\n    ref=\"catalog\"\n    key=\"catalog\"\n    :class=\"[\n      'catalog',\n      mobileFiltersOpen ? 'filters-open' : '',\n      `el-size--${elementSizes[0]}`\n    ]\"\n  >\n\n    <preloader\n      key=\"page-preloader\"\n      v-if=\"!pageReady || !curcategory\"\n      class=\"\"\n    />\n    <template v-else>\n\n      <slider\n        ref=\"hero\"\n        v-if=\"hero\"\n        :size=\"elementSizes[0]\"\n        v-bind=\"hero\"\n        subnote\n      >\n      </slider>\n      <div\n        v-if=\"elementSizes[0] !== 'small' && allReady\"\n        ref=\"categories\"\n        class=\"catalog-categories px-2xl\"\n      >\n        <router-link\n          v-for=\"cat in catalogCategories\"\n          :to=\"cat.path\"\n          :key=\"cat.cid\"\n          :title=\"cat.title\"\n        >\n          <svg-icon class=\"inline-icon\" :id=\"cat.url_part\"></svg-icon>\n          <span class=\"text--m ml-xs text-gray-8\" v-text=\"cat.title\"></span>\n        </router-link>\n      </div>\n      <div\n        v-if=\"elementSizes[0] === 'small'\"\n        class=\"flex align-center justify-between px-2xl mobile-top-bar\"\n      >\n        <i\n          @click=\"mobileFiltersOpen = !mobileFiltersOpen\"\n          :class=\"[\n            'toggle',\n            'fas',\n            !mobileFiltersOpen ? 'fa-sliders-h' : 'fa-chevron-left'\n          ]\"\n        ></i>\n        <div\n          v-if=\"!mobileFiltersOpen\"\n          ref=\"categories\"\n          class=\"catalog-categories__mobile\"\n        >\n          <a\n            class=\"catalog-categories__cur pr-xs text-blue-7 pb-xs\"\n            @click.prevent=\"toggleMobileCats\"\n            href=\"#p\"\n          >\n            <span v-text=\"curcategory.title\"></span>\n            <i class=\"fas fa-chevron-down ml-xs\"></i\n          ></a>\n          <transition name=\"overlay-down\" appear>\n            <div v-if=\"openMobileCats\" class=\"catalog-categories__list\">\n              <router-link\n                class=\"text--s p-l\"\n                v-for=\"cat in filterRemaining(catalogCategories)\"\n                :to=\"cat.path\"\n                :key=\"cat.cid\"\n                @click.native=\"toggleMobileCats\"\n              >\n                <svg-icon class=\"inline-icon\" :id=\"cat.url_part\"></svg-icon>\n                <span class=\"ml-s text-gray-8\" v-text=\"cat.title\"></span>\n              </router-link>\n            </div>\n          </transition>\n        </div>\n      </div>\n\n      <p\n        v-if=\"elementSizes[0] !== 'small' && allReady\"\n        class=\"subnote unflex pb-xl\"\n      >\n        <span v-text=\"localize('place_order')\"></span>,\n        <router-link\n          to=\"/company/contact-us\"\n          v-text=\"localize('contact_distributor')\"\n        ></router-link\n        ><br />\n        <span v-text=\"localize('please_note_products') + '.'\"></span>\n      </p>\n      <div class=\"catalog--inner grid-flex-wrap px-2xl\"\n        :class=\"`el-size--${elementSizes[1]}`\"\n        observe-resize=\"1\"\n      >\n        <transition name=\"fade-delayed\">\n          <p\n            v-if=\"\n              elementSizes[0] === 'small' &&\n                localizedUIReady &&\n                !mobileFiltersOpen\n            \"\n            class=\"subnote unflex pb-xl\"\n            ref=\"mobilenote\"\n          >\n            <span v-text=\"localize('place_order')\"></span>,\n            <router-link\n              to=\"/company/contact-us\"\n              v-text=\"localize('contact_distributor')\"\n            ></router-link\n            ><br />\n            <span v-text=\"localize('please_note_products') + '.'\"></span>\n          </p>\n        </transition>\n\n        <filter-panel\n          :class=\"[gridReady ? '' : 'waiting']\"\n          v-if=\"localizedUIReady\"\n          @mobile-filters-open=\"mobileFiltersChanged\"\n          @filters-changed=\"filtersChangedHandler\"\n          @search-by-string=\"searchByString\"\n          :trigger-query=\"triggerQueryChange\"\n          :ui-filters=\"filtersHash\"\n          :category=\"curcategory\"\n          :mobile-open=\"mobileFiltersOpen\"\n        ></filter-panel>\n\n        <div\n          ref=\"grid\"\n          class=\"catalog--grid flex-1 pb-xl\"\n          :class=\"[\n            !gridReady ? 'loading' : '',\n            `el-size--${elementSizes[2]}`,\n            gridReady && !filteredItems.length ? 'grid-no-items' : ''\n          ]\"\n          observe-resize=\"2\"\n          v-if=\"!mobileFiltersOpen\"\n        >\n          <!-- <div v-if=\"elementSizes[2] != 'small'\" class=\"catalog-categories\">\n            <router-link\n              v-for=\"cat in catalogCategories\"\n              :to=\"cat.path\"\n              v-text=\"cat.title\"\n              :key=\"cat.cid\"\n            ></router-link>\n          </div> -->\n          <transition name=\"fade\" appear>\n            <h4 class=\"no-items\" v-if=\"gridReady && !filteredItems.length\">\n              <i class=\"fal fa-heart-broken\" aria-hidden=\"true\"></i>\n              <span v-text=\"localize('no_match')\"\n                >No matching products found. Check the filter settings.</span\n              >\n            </h4>\n          </transition>\n          <preloader v-if=\"!gridReady\" key=\"loading\"></preloader>\n          <keep-alive>\n            <grid-items\n              grid-type=\"catalog\"\n              :paginateditems=\"finalItems\"\n              :perload=\"itemsPerLoad\"\n            ></grid-items>\n          </keep-alive>\n\n        <!--\n          <div\n            v-if=\"finalItems.length < filteredItems.length\"\n            class=\"infinite rel center text-center py-2xl\"\n            :class=\"[!infiniteLoading ? 'hidden' : '']\"\n            ref=\"infinite\"\n          >\n            <preloader class=\"inline-mid\" key=\"infiniting\"></preloader>\n            <span\n              class=\"text-gray-9 block\"\n              v-text=\"localize('loading_more')\"\n            ></span>\n          </div>\n        -->\n\n\n          <!-- <paginate\n            ref=\"paginator\"\n            name=\"filteredItems\"\n            :list=\"filteredItems\"\n            :per=\"itemsPerPage\"\n            tag=\"div\"\n            class=\"paginate-langs\"\n            v-else\n          >\n            <keep-alive>\n              <grid-items\n                grid-type=\"catalog\"\n                :paginateditems=\"paginated('filteredItems')\"\n              ></grid-items>\n            </keep-alive>\n          </paginate>\n\n          <transition name=\"slide-up\" appear>\n            <div\n              class=\"pager align-left pt-l\"\n              v-if=\"\n                gridReady &&\n                  (filteredItems.length && filteredItems.length > itemsPerPage)\n              \"\n            >\n              <paginate-links\n                id=\"pager\"\n                ref=\"pager\"\n                for=\"filteredItems\"\n                :limit=\"4\"\n                :show-step-links=\"true\"\n                @change=\"scrollTopGrid\"\n                :async=\"true\"\n                class=\"no-style\"\n                :step-links=\"{ next: localize('Next'), prev: localize('Prev') }\"\n              ></paginate-links>\n            </div>\n          </transition> -->\n          <!-- <abtn color=\"blue\" v-text=\"localize('load more')\"></abtn> -->\n          \n        <!-- Load more button -->\n          <div v-if=\"hasMore\" class=\"center text-center py-2xl\">\n            <abtn @click.native=\"loadMore\" color=\"blue\" icon=\"fal fa-chevron-down\" :class=\"['btn-more']\">\n              <span v-text=\"localize('search_load_more')\"></span>\n            </abtn>\n          </div>\n\n        </div>\n      </div>\n    </template>\n    <keep-alive>\n      <router-view\n        v-if=\"currentItem\"\n        :currentItem=\"currentItem\"\n        :attr=\"productAttributesHash\"\n        :filters-hash=\"filtersHash\"\n      ></router-view>\n    </keep-alive>\n  </div>\n</template>\n<script>\n// import InfiniteLoading from \"vue-infinite-loading\";\nimport { mapState, mapActions, mapGetters } from \"vuex\";\nimport { storage } from \"@/utils\";\nimport SvgIcon from \"@/components/SvgIcon.vue\";\nimport CollectionPicker from \"@/components/CollectionPicker.vue\";\nimport FilterPanel from \"@/components/FilterPanel.vue\";\nimport GridItems from \"@/components/grid/GridItems.vue\";\n// import LayoutGroup from \"@/layout/LayoutGroup.vue\";\nexport default {\n  data() {\n    return {\n      itc:-1,\n      _int: -1,\n      infiniteLoading: false,\n      itemsPerPage: 12,\n      itemsPerLoad: 12,\n      mobileFilterOpen: false,\n      loadingItems: false,\n      hero: null,\n      ro: null,\n      elementSizes: [],\n      resizeTrig: -1,\n      category: null,\n      productAttributesHash: [],\n      items: [],\n      paginate: [\"filteredItems\"],\n      trigger: -1,\n      filteredItems: [],\n      filterTimer: 2000,\n      hickup: 0,\n      triggerQueryChange: -1,\n      currentCategoryValue: null,\n      categoryChanged: false,\n      savedFilterChanged: false,\n      activeFilters: [],\n      currentItem: null,\n      // pageReady: false,\n      filtersReady: false,\n      gridReady: false,\n      cid: null,\n      openMobileCats: false,\n      mobileFiltersOpen: false,\n      searchString: null,\n      localeChanged: false,\n      scrollTrig: null\n    };\n  },\n  components: {\n    CollectionPicker,\n    SvgIcon,\n    FilterPanel,\n    // InfiniteLoading,\n    GridItems\n  },\n  async beforeRouteUpdate(to, from, next) {\n    this.triggerQueryChange = new Date().getTime();\n    next();\n  },\n  watch: {\n    locale: {\n      deep: true,\n      handler() {\n        this.localeChanged = true;\n        this.initCatalog();\n      }\n    },\n    infiniteLoaderTop() {\n      console.log(\"infiite top changed\");\n      this.checkInfiniteItems();\n    },\n    $route() {\n      // console.log(\"ROUTE CHANGED...\");\n      if (this.$route.params.catId && this.items) {\n        this.$set(\n          this,\n          \"currentItem\",\n          _.find(this.items, { cat: this.$route.params.catId })\n        );\n      }\n    },\n    \"$route.query\"() {\n      // console.log(\"QUERY CHANGED >> \", this.$route.query);\n      if (this.$refs.paginator) {\n        this.$refs.paginator.goToPage(1);\n      }\n    },\n    \"curcategory.cid\"() {\n      // console.log(\"curcategory has changed > \", this.curcategory);\n      this.$set(this, \"gridReady\", false);\n      this.updateFiltersHash([]);\n      // this.activeFilters = [];\n      this.setCid();\n      this.scrollTopGrid();\n    },\n    cid() {\n      this.initCatalog();\n    }\n  },\n  async mounted() {\n    window.addEventListener(\"resize\", this.resizeHandler, false);\n    this.$nextTick(function() {\n      // console.log(\"1catalog MOUNTED >> \", Object.keys(this.$refs).length);\n      this.resizeHandler();\n      this.initInfiniteScroll();\n    });\n    if (this.curcategory && !this.cid) {\n      this.setCid();\n    }\n  },\n  destroyed() {\n    this.updateFiltersHash([]);\n    window.removeEventListener(\"resize\", this.resizeHandler, false);\n    window.removeEventListener(\"scroll\", this.scrollHandler, false);\n    window.removeEventListener(\"touchmove\", this.mobileScrollStart, false);\n    window.removeEventListener(\"touchend\", this.mobileScrollEnd, false);\n  },\n  computed: {\n    ...mapState([\"filtersHash\", \"pageReady\", \"locale\", \"localizedUIReady\",\"collections\"]),\n    ...mapGetters([\"catalogCategories\"]),\n    cCollectingItem()\n    {\n      return this.gCollectingItem;\n    },\n    isMobile() {\n      let w = document.documentElement.clientWidth || window.innerWidth,\n        h = document.documentElement.clientHeight || window.innerHeight;\n      return (w > h && w < 813) || (h > w && h < 813);\n    },\n    infiniteLoaderTop() {\n      this.scrollTrig;\n      let ref = this.$refs.infinite;\n      if (ref) {\n        return ref.getBoundingClientRect().top;\n      }\n      return null;\n    },\n    hasMore() {\n      return this.itemsPerPage < this.filteredItems.length ? true : false;//dubi\n      //return true;\n    },\n    finalItems() {\n      console.log(\"calculate finalItems..\", this.filteredItems.length);\n      let _items = this.filteredItems.slice(0, this.itemsPerPage); //_.take(this.filteredItems, this.itemsPerPage);\n      console.log(\"2 calculate finalItems\");\n      return _items;\n    },\n    subnote() {\n      return `${this.localize(\n        \"place_order\"\n      )} <router-link to='/company/contact-us' v-text=\"${this.localize(\n        \"contact_distributor\"\n      )}\"></router-link> ${this.localize(\"please_note_products\")}.`;\n    },\n    allReady() {\n      return this.localizedUIReady && this.gridReady && this.filtersReady;\n    },\n    curcategory() {\n      let items = this.catalogCategories,\n        catName = this.$route.params.catName.toLowerCase();\n      if (items) {\n        return items.find(item => item.url_part === catName);\n      }\n      return [];\n    }\n    // itemsPerPage() {\n    //   let trig = this.resizeTrig;\n    //   let _grid = this.$refs.grid,\n    //     _width = _grid ? _grid.offsetWidth : 0;\n    //   // console.log(\"itemsPerPag width grid >> \", _grid, _width);\n    //   // if (_width < 816) {\n    //   //   return 10;\n    //   // } else if (_width < 1200) {\n    //   //   return 12;\n    //   // } else {\n    //   //   return 24;\n    //   // }\n    //   if (_width < 816) {\n    //     return 12;\n    //   } else {\n    //     return 36;\n    //   }\n    // }\n  },\n  methods: {\n    ...mapActions([\n      \"setItemToCollect\",\n      \"setPageReady\",\n      \"initRawItems\",\n      \"toggleOverlay\",\n      \"initRouteByCid\",\n      \"updateFiltersHash\"\n    ]),\n    // infiniteHandler($state) {\n    //   console.log(\"infiniteHandler > \", this.itemsPerPage, \" :: \", $state);\n    //   this.$set(this, \"itemsPerPage\", this.itemsPerPage + 20);\n    // },\n    closePicker()\n    {\n      this.setItemToCollect(-1);\n    },\n    initInfiniteScroll() {\n      // var vm = this;\n      window.addEventListener(\"scroll\", this.scrollHandler, false);\n      window.addEventListener(\"touchmove\", this.mobileScrollStart, false);\n      // window.addEventListener(\"touchend\", this.mobileScrollEnd, false);\n    },\n    scrollHandler: _.debounce(function() {\n      this.scrollTrig = new Date().getTime();\n      if (this.isMobile) {\n        console.log(\"after scroll, removeinterval\");\n        clearInterval(this._int);\n      }\n    }, 100),\n    mobileScrollStart: _.debounce(function() {\n      clearInterval(this._int);\n      console.log(\" scrollstart, now interval\");\n\n      this._int = setInterval(\n        function() {\n          this.scrollHandler();\n          this.$nextTick(function() {\n            this.checkInfiniteItems();\n          });\n        }.bind(this),\n        200\n      );\n    }, 100),\n    mobileScrollEnd() {\n      clearInterval(this._int);\n      this.checkInfiniteItems();\n    },\n    checkInfiniteItems: _.debounce(function() {\n      return false;//removed by dubi, this method loads more items on scroll, it was disabled because it makes the filters jump\n      if (\n        this.infiniteLoaderTop &&\n        this.infiniteLoaderTop < document.documentElement.clientHeight / 1.1 &&\n        this.infiniteLoaderTop > 0\n      ) {\n          this.infiniteLoading = true;\n          setTimeout(\n            function() {\n              if (this.itemsPerPage < this.filteredItems.length)\n                this.itemsPerPage = this.itemsPerPage + this.itemsPerLoad;\n              this.infiniteLoading = false;\n            }.bind(this),\n            400\n          );\n      }\n    }, 200),\n    fetchItemPropsString(item) {\n      let pick = _.pick(item, [\n        \"cat\",\n        \"title\",\n        \"description\",\n        \"material\",\n        \"platform\",\n        \"connection\"\n      ]);\n      // console.log(\"pick> \", pick);\n      return _.values(pick)\n        .join(\"\")\n        .toLowerCase();\n    },\n    loadMore() {\n      console.log(\"load more...\");\n\n      //Added by dubi:\n      if (this.itemsPerPage < this.filteredItems.length)\n        this.itemsPerPage = this.itemsPerPage + this.itemsPerLoad;\n      this.infiniteLoading = false;\n\n    },\n    searchByString(string) {\n      console.log(\"searchbystring > \", string);\n      if (!string) {\n        this.searchString = null;\n        this.checkFilters();\n      } else {\n        this.searchString = string.toLowerCase();\n        this.gridReady = false;\n        this.$set(this, \"filteredItems\", []);\n        this.$nextTick(async function() {\n          this.$set(this, \"filteredItems\", await this.freeSearchItems());\n          console.log(\"filteredItems by search >  \", this.filteredItems);\n          if (!this.loadingItems) {\n            this.gridReady = true;\n          }\n        });\n      }\n    },\n    async freeSearchItems() {\n      if (this.searchString) {\n        console.log(\n          \"this.itemSearchProps && this.searchString > \",\n          this.searchString\n        );\n        return this.items.filter(item => {\n          let itemPropsString = this.fetchItemPropsString(item);\n          // console.log(\"itemPropsString\", itemPropsString);\n          return itemPropsString.indexOf(this.searchString) > -1;\n        });\n      }\n      return this.items;\n    },\n    resizeHandler: _.debounce(function() {\n      // console.log(\"!!!resizeHandler!!!\");\n\n      let vm = this;\n      if (!this.observed || !this.observed.length) {\n        this.observed = document.querySelectorAll(\"[observe-resize]\");\n        this.elementSizes.length = this.observed.length;\n      }\n      // console.log(\"resize handler\", this.observed);\n      this.$nextTick(function() {\n        this.observed.forEach(function(el, index) {\n          vm.elementResizeHandler(el, index);\n        });\n        this.triggerResize();\n      });\n    }, 600),\n    initResizeElements() {\n      // console.log(\"INIT RESIE EKEMENTS\");\n      let observed = document.querySelectorAll(\"[observe-resize]\");\n      // console.log(\"observed > \", observed);\n      this.elementSizes.length = observed.length;\n    },\n    elementResizeHandler(el) {\n      if (el) {\n        let index = el.getAttribute(\"observe-resize\"),\n          width = el.offsetWidth;\n        // console.log(\"el, index\", el, \" :: \", index, \" >> \", width);\n        if (width > 1200) {\n          this.$set(this.elementSizes, index, \"large\");\n        } else if (width > 815) {\n          this.$set(this.elementSizes, index, \"medium\");\n        } else {\n          this.$set(this.elementSizes, index, \"small\");\n        }\n      }\n    },\n    setCid() {\n      let cid,\n        category = this.curcategory;\n      if (category.cid === 3546) {\n        cid = 2214;\n      } else if (category.cid === 3548) {\n        cid = 2260;\n      } else if (category.cid === 3384) {\n        cid = 2260;\n      } else if (category.cid === 3550) {\n        cid = 2308;\n      } else if (category.cid === 3549) {\n        cid = 2319;\n      } else if (category.cid === 3547) {\n        cid = 3352;\n      }\n      this.$set(this, \"cid\", cid);\n    },\n    filterRemaining(categories) {\n      return _.filter(categories, c => c.cid !== this.curcategory.cid);\n    },\n    async initCatalog() {\n      // console.log(\"init catalog...\");\n      this.setPageReady(false);\n      // this.pageReady = false;\n      // this.$nextTick(async function() {\n      await this.fetchData(this.$route);\n      this.setPageReady(true);\n      // this.pageReady = true;\n      this.localeChanged = false;\n      this.toggleOverlay(false);\n      // this.removeResizeObserver();\n      // });\n    },\n    mobileFiltersChanged(bool) {\n      this.mobileFiltersOpen = bool;\n    },\n    scrollTopGrid() {\n      let el = this.$refs.hero;\n      if (el && !this.mobileFiltersOpen) {\n        // console.log(\"SCROP <<<< \", el);\n        let top = el.$el.offsetTop + el.$el.offsetHeight - 120;\n        // console.log(\"SCROP <<<< \", top);\n        window.scrollTo({ top, behavior: \"smooth\" });\n      }\n    },\n    async fetchData() {\n      // this.scrollToTop();\n      this.$nextTick(async function() {\n        let items = this.catalogCategories,\n          catName = this.$route.params.catName.toLowerCase();\n        if (!items) {\n          await this.initRawItems();\n          items = this.catalogCategories;\n        }\n        let item = items.find(item => item.url_part === catName);\n        // console.log(\"item >> \", item);\n        if (item && item.cid) {\n          // console.log(\"item.cid >> \", item.cid, \" :: \", this.curcategory);\n          let layout = await this.initRouteByCid(item.cid),\n            hero = _.find(layout.children, { type: \"slider\" });\n          this.$set(this, \"hero\", hero);\n          await this.initFilters();\n          await this.initItems();\n          /*\n            1. Make sure the PRODUCT_ATTR Hash is ready...\n            if not fetch it.\n\n            2. Fetch the catalog items \n        */\n        } else {\n          this.category = 404;\n        }\n        // this.initResizeObserver();\n        this.$nextTick(function() {\n          this.initResizeElements();\n        });\n        return true;\n      });\n    },\n    async fetchCatalogContent(_key, api, prop, parser, dataProp) {\n      let ln,\n        cc,\n        vm = this,\n        cid = this.cid;\n\n      // active cache?\n      let useCache = vm.$useCache[_key];\n      // locale keys\n      ({ ln, cc } = this.locale);\n      return new Promise(resolve => {\n        // Desctructing this.locale to variables => ln & cc\n\n        let storageKey = `${_key}_${cid}_${ln}_${cc}`;\n        let _data = storage.get(storageKey);\n        let dataVersion = -1;\n        let json;\n        if (_data) {\n          // console.log(\"_data .\", _data);\n          json = dataProp ? JSON.parse(_data)[dataProp] : JSON.parse(_data);\n          // console.log(\"json .\", json);\n\n          dataVersion = _.has(json, \"version\") ? json.version : -1;\n          if (prop) {\n            this.$set(this, prop, json);\n          }\n        }\n\n        fetch(api, {\n          headers: {\n            cc,\n            ln\n          }\n        })\n          .then(function(response) {\n            return response.json();\n          })\n          .then(async function(json) {\n            // let version = json.version || -1;\n            let data = JSON.parse(json);\n            let result = data.Contents || data.ui || data;\n            // console.log(\"dataVersion >> \", _data, dataVersion);\n            if (dataVersion !== json.version) {\n              if (parser) {\n                result = await parser(result);\n              }\n              if (prop) {\n                vm.$set(vm, prop, result);\n              }\n              useCache && storage.set(storageKey, JSON.stringify(result));\n            }\n            resolve(result);\n          });\n      });\n    },\n    /* \n        Fetch PRODUCT ATTR HASH\n    */\n    async initCatalogProductAttributes() {\n      let content = await this.fetchCatalogContent(\n        \"productAttr\",\n        \"https://api.mis-implants.com/api/productattributes\",\n        \"productAttributesHash\"\n      );\n      return content;\n    },\n    async initItems() {\n      this.loadingItems = true;\n      if (!this.productAttributesHash.length || this.localeChanged) {\n        await this.initCatalogProductAttributes();\n      }\n      //alert(\"this.cid=\"+this.cid);\n      let catalogProducts = await this.fetchCatalogContent(\n        \"catalogProducts\",\n        `https://api.mis-implants.com/api/products/${this.cid}`,\n        \"items\",\n        this.parseItems\n      );\n      // console.log(\"fetched catalog items (products)...\", catalogProducts);\n      if (this.$route.params.catId) {\n        this.$set(\n          this,\n          \"currentItem\",\n          _.find(catalogProducts, { cat: this.$route.params.catId })\n        );\n      }\n      this.$nextTick(function() {\n        this.loadingItems = false;\n        // console.log(\"2 INITITEMS loading..\", this.loadingItems);\n        this.checkFilters();\n      });\n      return catalogProducts;\n    },\n    async initFilters() {\n      let catalogFilters = await this.fetchCatalogContent(\n        \"catalogFilters\",\n        `https://api.mis-implants.com/api/catalog/${this.cid}`,\n        null,\n        this.parseInitialFilters,\n        \"ui\"\n      );\n      this.filtersReady = true;\n      console.log(\"catalogFilters >> \", catalogFilters);\n      /*\n            Check route query for active fitlers\n            and update the filter hash accordingly\n        */\n      catalogFilters = this.activateFiltersByQuery(catalogFilters);\n      this.updateFiltersHash(catalogFilters);\n      this.$nextTick(function() {\n        return catalogFilters;\n      });\n    },\n    async parseInitialFilters(filters) {\n      _.each(filters, (u, i) => {\n        let b = _.find(u.filters, f => f.id === \"153\");\n        if (b) {\n          b.label = \"B+\";\n        }\n        u.active = false;\n        u.visible = i === 0;\n        if (u.max && u.max > 0) {\n          u.active = true;\n          u.value = [u.min, u.max];\n        }\n      });\n      return filters;\n    },\n    /*\n\t\t\tUse URL query to filter items\n\t\t\tQUERY > TO > FILTER\n\t\t*/\n    activateFiltersByQuery(_filters) {\n      let query = this.$route.query,\n        filters = _filters;\n      // console.log(\"activateFiltersByQuery >>>>>>>>>>>> \", query);\n      if (query) {\n        _.each(query, (v, k) => {\n          let values = v.split(\",\");\n          let parent = _.find(filters, { name: k });\n          if (parent) {\n            if (parent.value) {\n              parent.value = values;\n              parent.active = true;\n            } else {\n              _.each(values, value => {\n                let item = _.find(\n                  parent.filters,\n                  f => f.name.toLowerCase() === value.toLowerCase()\n                );\n                if (item) {\n                  item.active = true;\n                }\n              });\n            }\n            parent.visible = true;\n          }\n        });\n      }\n      return filters;\n    },\n    async parseItems(items) {\n      // console.log(\"ITEMS > \", items);\n      let vm = this,\n        filtersHash = this.filtersHash,\n        _attributes = this.productAttributesHash;\n      // console.log(\"_attributes >> \", _attributes);\n      // console.log(\"filtersHash >> \", filtersHash);\n      return new Promise(resolve => {\n        let _items = items.map(function(item) {\n          let attr_item = _.filter(\n            _attributes,\n            attr => attr[2] === item.ProductId\n          );\n\n          var obj = {\n            _id: item.Id,\n            productId: item.ProductId,\n            cat: item.CatalogNo,\n            title: item.ShortName,\n            description: item.Description,\n            image: `${vm.$imageFolder}/catalog/products/large/${item.CatalogNo}.png`,\n            thumb: `${vm.$imageFolder}/catalog/products/thumbs/${item.CatalogNo}.png`,\n\n            attachments: []\n          };\n\n          Object.assign(\n            obj,\n            _.reduce(\n              attr_item,\n              (_obj, at) => {\n                let key,\n                  val,\n                  val2,\n                  _filterItem = _.find(\n                    filtersHash,\n                    f => parseInt(f.type) === parseInt(at[0])\n                  );\n                if (_filterItem) {\n                  key = _filterItem.name.toLowerCase().replace(\" \", \"_\");\n                  if (at[3] && !_.isNull(at[3]) && at[3] > 0) {\n                    val = at[3];\n                  } else if (at[1] && at[1] > 0) {\n                    let _filterVal = _.find(_filterItem.filters, ff => {\n                      return parseInt(ff.id) === parseInt(at[1]);\n                    });\n                    if (_filterVal) {\n                      val = _filterVal.label || _filterVal.name;\n                      // Hold the name for when english label is needed...\n                      val2 = _filterVal.name;\n                    }\n                  }\n                  if (key && val) {\n                    if (_obj.hasOwnProperty(key)) {\n                      // item already has this prop,\n                      // make into array and make multiple\n                      if (typeof _obj[key] === \"string\") {\n                        _obj[key] = [_obj[key]];\n                        if (key === \"platform\") {\n                          _obj[\"platform_eng\"] = [_obj[\"platform_eng\"]];\n                        }\n                      }\n                      if (_.isNumber(_obj[key].length)) {\n                        _obj[key].push(val);\n                        if (key === \"platform\") {\n                          _obj[\"platform_eng\"].push(val2);\n                        }\n                      }\n                    } else {\n                      _obj[key] = val;\n                      if (key === \"platform\") {\n                        _obj[\"platform_eng\"] = val2;\n                      }\n                    }\n                  }\n                }\n                return _obj;\n              },\n              {}\n            )\n          );\n          if (item.MediaVideo) {\n            obj.attachments.push({\n              label: vm.localize(\"video\"),\n              link: item.MediaVideo,\n              type: \"video\"\n            });\n          }\n          if (item.PrintCatalog) {\n            obj.attachments.push({\n              label: \"PDF\",\n              link: `http://www.mis-implants.com/upload/${item.PrintCatalog}`,\n              type: \"file-pdf\"\n            });\n          }\n          // console.log(\"_obj> \", obj);\n\n          return obj;\n        });\n        let finalitems = _.uniqBy(_items, \"productId\");\n        resolve(finalitems);\n      });\n    },\n    filtersChangedHandler(activefilters) {\n      // console.log(\"filtersChangedHandler >> \", activefilters);\n      this.activeFilters = activefilters;\n      if (this.items.length) {\n        this.checkFilters();\n      }\n    },\n    async checkFilters() {\n      // console.log(\"checkFilters >> \");\n      this.gridReady = false;\n      this.$set(this, \"filteredItems\", []);\n      this.$nextTick(async function() {\n        this.$set(this, \"filteredItems\", await this.filterItems());\n        // console.log(\"grid READY \");\n        if (!this.loadingItems) {\n          this.gridReady = true;\n        }\n      });\n    },\n\n    async filterItems() {\n      console.log(\"1 FILTER ITESM >> \", this.activeFilters);\n      if (!this.activeFilters.length) {\n        return this.items;\n      }\n      let __af,\n        group = _.groupBy(this.activeFilters, \"type\"), // keyed filters\n        items = this.items,\n        __fi = []; // FILTERED ITEMS\n\n      __af = _.flatMap(group, k => {\n        var obj = {};\n        _.forEach(k, item => {\n          for (var i in item) {\n            // console.log(item[i]);\n            if (obj[i] && obj[i] !== item[i]) {\n              if (typeof obj[i] === \"string\") {\n                obj[i] = obj[i].split(\",\");\n              }\n              obj[i].push(item[i]);\n            } else {\n              obj[i] = item[i];\n            }\n          }\n        });\n        return obj;\n      });\n      // console.log(\"__af >> \", __af);\n      __fi = _.filter(items, item => {\n        let pass = true;\n        for (var i = 0; i < __af.length; i++) {\n          if (!pass) {\n            break;\n          }\n          let f = __af[i],\n            filter_prop = _.snakeCase(f.key || f.label || f.name), // FOO BAR > foo_bar\n            item_value = item[filter_prop],\n            filter_value;\n          pass = !!item_value;\n          if (pass && f.value) {\n            // NUMERIC\n            let integers = _.map(f.value, Number);\n            pass =\n              item_value &&\n              item_value >= integers[0] &&\n              item_value <= integers[1];\n          } else if (pass) {\n            filter_value = f.label || f.name;\n            if (\n              typeof filter_value !== \"string\" &&\n              typeof item_value !== \"string\"\n            ) {\n              pass = _.intersection(filter_value, item_value).length;\n            } else {\n              // console.log(\"FILTERIN...\", item_value, \" :: \", filter_value);\n              pass =\n                (_.isArray(item_value)\n                  ? item_value.indexOf(filter_value) > -1\n                  : item_value === filter_value) ||\n                (_.isArray(filter_value)\n                  ? filter_value.indexOf(item_value) > -1\n                  : filter_value === item_value);\n              // console.log(\"PASS: \", pass);\n            }\n          }\n        }\n        return pass;\n      });\n      return __fi;\n    },\n    scrollToTop() {\n      window.scrollTo({ top: 0, behavior: \"smooth\" });\n    },\n    /*\n      Will set off everytime an element has\n      resized and will change a random trigger\n      that Components can listen to if needed.\n    */\n    triggerResize: _.debounce(function() {\n      this.resizeTrig = new Date().getTime();\n    }, 300),\n    toggleMobileCats() {\n      this.openMobileCats = !this.openMobileCats;\n    },\n    beforeEnter: function(el) {\n      el.style.opacity = 0;\n      el.style.transform = \"translateY(20%)\";\n    },\n    enter: function(el, done) {\n      let lapse = 120,\n        delay = el.dataset.index * lapse;\n      setTimeout(function() {\n        el.animate(\n          {\n            opacity: [0, 1],\n            transform: [\"translateY(20%)\", \"translateY(0)\"],\n            easing: \"cubic-bezier(0.175, 0.885, 0.32, 1.275)\"\n          },\n          { duration: 600, fill: \"forwards\" }\n        ).onfinish = function() {\n          done();\n        };\n      }, delay);\n    },\n    leave: function(el, done) {\n      el.style.opacity = 0;\n      el.style.transform = \"translateY(120%)\";\n      done();\n    }\n  }\n};\n</script>\n<style lang=\"stylus\">\n.mobile-top-bar\n  min-height 40px\n.infinite\n  opacity 1\n  &.hidden\n    opacity 0\n    transition opacity 0.3s ease-out\n  span\n    padding-top 90px\n    font-size responsive 12px 14px\n.subnote\n  text-align left\n  /.el-size--large &\n  /.el-size--medium &\n    pad('2xl')\n    margin-left 240px\n.page\n  position relative\n  // background linear-gradient(to bottom, gray_0 80%, #fff)\n  z-index 9\n.catalog\n  background #fff\n  min-height 70vh\n  // &.filters-open\n  //   max-height 120vh\n  //   overflow hidden\n  &--inner\n    width 100%\n    // padding-top 100px\n    position relative\n    _flex(row, nowrap, flex-start, space-between)\n    text-align left\n    /.el-size--small &\n      padding-top 10px\n  &.filter-panel__mobile\n    top -4vh\n  &--grid\n    position relative\n    &.loading\n      min-height 45vh\n    &.grid-no-items\n      display flex\n      align-items center\n      justify-content center\n      min-height 60vh\n      flex-direction column \n      h4\n        padding 30px\n      i\n        display block\n        font-size responsive 30px 80px\n        opacity 0.55\n        margin 0 auto 20px\n        text-align center\n.catalog-categories\n  position sticky\n  top 179px //146px Dubi added 33px for the top strip diff\n  z-index 21\n  background gray_1\n  box-shadow 0px 2px 12px rgba(gray_7, 0.4)\n  height 10vh\n  _flex(row, nowrap, stretch, space-between)\n  min-height 60px\n  a\n    flex 1\n    position relative\n    color gray_8\n    transition background-color 0.3s ease-out\n    border-right 1px solid gray_4\n    _flex(row, nowrap, center,center)\n    max-width 20%\n    .inline-icon\n      flex 0 0 15%\n      max-width 15%\n      line-height 1\n    svg\n      stroke gray_6\n      transition stroke 0.3s ease-out\n      +below(1400px)\n        max-height 38px\n    span\n      flex none\n      max-width 48%\n      text-align left\n      line-height 1.1\n      // overflow hidden\n      // text-overflow ellipsis\n      // white-space nowrap\n    &:first-child\n      border-left 1px solid gray_4\n    &.router-link-active\n    &:hover\n      background blue_primary\n      svg\n        stroke #fff\n      span\n        color #fff\n  &__mobile\n    position relative\n    top initial\n    transform none\n    // height 30px\n    _flex(row, wrap, flex-end, flex-end)\n  &__list\n    position absolute\n    width 100%\n    min-width 220px\n    _flex(column, nowrap, flex-start, flex-start)\n    border 1px solid gray_2\n    background #fff\n    top 100%\n    z-index 9\n    a\n      _flex(row, nowrap, center, flex-start)\n      width 100%\n      text-align left\n      &:nth-child(odd)\n        background gray_2\n      .inline-icon\n        flex 0 0 10%\n        line-height 1\n        svg\n          stroke gray_6\n      span\n        flex none\n        width 100%\n        font-size 14px\n      &.router-link-active\n      &:hover\n        background #fff\n        svg\n          stroke blue_primary\n    a,\n    a:visited\n      color gray_8\n      // &:not(:last-child)\n      //   marg('xl', bottom)\n  &__cur\n    border-bottom 1px solid gray_6\n    i\n      color gray_6\n      font-size 90%\n</style>\n"],"sourceRoot":""}