{"version":3,"sources":["webpack:///./src/modules/layout/components/navbar/MainCategoryNavBar.vue?8f2b","webpack:///./src/common/svg/iconSearch.vue","webpack:///src/common/svg/iconSearch.vue","webpack:///./src/common/svg/iconSearch.vue?7f71","webpack:///./src/common/svg/iconSearch.vue?e5ae","webpack:///./src/modules/layout/components/navbar/MainCategoryNavBar.vue","webpack:///src/modules/layout/components/navbar/MainCategoryNavBar.vue","webpack:///./src/modules/layout/components/navbar/MainCategoryNavBar.vue?b118","webpack:///./src/modules/layout/components/navbar/MainCategoryNavBar.vue?4bc2"],"names":["render","_vm","this","_c","_self","attrs","size","color","staticRenderFns","name","components","iconBase","props","type","Number","default","String","component","staticClass","directives","rawName","value","clearState","expression","ref","_l","filterOptions","category","index","key","class","isActiveCategory","on","$event","preventDefault","toggleDropdown","_v","_s","title","staticStyle","selectCategory","stopPropagation","selection","$t","domProps","target","composing","changes","indexOf","_k","keyCode","searchSelect","filteredCategories","mutateBrand","subCategory","i","viewBrand","_f","notFound","scopedSlots","_u","fn","proxy","products","product","codarticulo","loading","showQuickView","showShare","_e","viewCategory","quickView","shareProduct","show","service","ProductService","IconArrow","iconSearch","Card","CardProduct","WithoutResults","iconNoProduct","Share","QuickView","data","categories","selectedCategory","isActive","loadingWithScrolling","page","brand","limit","searchWithDebounce","_","debounce","setProducts","computed","mapGetters","filters","branchSelected","options","option","push","codcategory","$options","textFormat","description","mutate","newObj","Object","entries","map","id","slice","watch","methods","$router","replace","path","catch","brands_selected","search","query","_this$mutateBrand","filter","toLowerCase","includes","_this$branchSelected","branch","codplace","filterParams","q","order_by","prices","gbSelected","place","optional_category_filter","only_with_existence","response","getProducts","docs","facets","e","console","log","_this$$refs","length","$refs","productSwiper","$swiper","slideTo","getCategories"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQJ,EAAIK,KAAO,KAAK,KAAOL,EAAIM,MAAM,QAAU,gBAAgB,CAACJ,EAAG,OAAO,CAACE,MAAM,CAAC,EAAI,qUAEhLG,EAAkB,GCKP,GACfC,KAAA,aACAC,WAAA,CACAC,aAAA,6CAEAC,MAAA,CACAN,KAAA,CACAO,KAAAC,OACAC,QAAA,IAEAR,MAAA,CACAM,KAAAG,OACAD,QAAA,sBCnBkW,I,YCO9VE,EAAY,eACd,EACAjB,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAS,E,kDClBf,IAAIjB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACe,YAAY,2BAA2B,CAACf,EAAG,KAAK,CAACgB,WAAW,CAAC,CAACV,KAAK,gBAAgBW,QAAQ,kBAAkBC,MAAOpB,EAAIqB,WAAYC,WAAW,eAAeC,IAAI,eAAeN,YAAY,OAAOjB,EAAIwB,GAAIxB,EAAIyB,eAAe,SAASC,EAASC,GAAO,OAAOzB,EAAG,KAAK,CAAC0B,IAAI,YAAYD,EAAQV,YAAY,qBAAqB,CAACf,EAAG,IAAI,CAACe,YAAY,4DAA4DY,MAAM,CAAE,cAAe7B,EAAI8B,iBAAiBJ,IAAWtB,MAAM,CAAC,KAAO,IAAI,KAAO,UAAU2B,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBjC,EAAIkC,eAAeR,MAAa,CAAC1B,EAAImC,GAAG,IAAInC,EAAIoC,GAAGV,EAASW,OAAO,KAAKnC,EAAG,OAAO,CAACe,YAAY,uBAAuBqB,YAAY,CAAC,cAAc,UAAU,CAACpC,EAAG,aAAa,CAACe,YAAY,iBAAiBY,MAAM,CAAC,qBAAsB7B,EAAI8B,iBAAiBJ,IAAWtB,MAAM,CAAC,KAAO,OAAO,UAAS,KAAKF,EAAG,KAAK,CAACe,YAAY,qBAAsBjB,EAAI8B,iBAAiB9B,EAAIuC,gBAAiBrC,EAAG,MAAM,CAACA,EAAG,MAAM,CAACe,YAAY,WAAW,CAACf,EAAG,OAAO,CAACe,YAAY,YAAYY,MAAM,oBAAoBS,YAAY,CAAC,QAAU,OAAO,cAAc,SAAS,kBAAkB,WAAW,CAACpC,EAAG,MAAM,CAAC6B,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOQ,qBAAsB,CAACtC,EAAG,MAAM,CAACe,YAAY,OAAOqB,YAAY,CAAC,aAAa,QAAQ,eAAe,OAAO,SAAW,WAAW,IAAM,UAAU,CAACpC,EAAG,OAAO,CAAC6B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhC,EAAIqB,gBAAgB,CAACnB,EAAG,aAAa,CAACe,YAAY,6BAA6BY,MAAM,CAAC,OAAU7B,EAAI8B,iBAAiB9B,EAAIuC,iBAAiBnC,MAAM,CAAC,KAAO,OAAO,KAAKF,EAAG,MAAM,CAACe,YAAY,qBAAqB,CAACf,EAAG,QAAQ,CAACgB,WAAW,CAAC,CAACV,KAAK,QAAQW,QAAQ,UAAUC,MAAOpB,EAAIyC,UAAWnB,WAAW,cAAcL,YAAY,eAAeqB,YAAY,CAAC,OAAS,QAAQlC,MAAM,CAAC,KAAO,OAAO,GAAK,cAAc,KAAO,SAAS,YAAcJ,EAAI0C,GAAG,0BAA0B,MAAM,aAAe,OAAOC,SAAS,CAAC,MAAS3C,EAAIyC,WAAYV,GAAG,CAAC,MAAQ,CAAC,SAASC,GAAWA,EAAOY,OAAOC,YAAiB7C,EAAIyC,UAAUT,EAAOY,OAAOxB,QAAOpB,EAAI8C,SAAS,MAAQ,SAASd,GAAQ,OAAIA,EAAOpB,KAAKmC,QAAQ,QAAQ/C,EAAIgD,GAAGhB,EAAOiB,QAAQ,QAAQ,GAAGjB,EAAOJ,IAAI,SAAgB,KAAY5B,EAAIkD,mBAAmBhD,EAAG,SAAS,CAACe,YAAY,gBAAgBb,MAAM,CAAC,aAAa,cAAc,KAAO,UAAU2B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhC,EAAIkD,kBAAkB,CAAChD,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,QAAQ,KAAO,OAAO,KAAKF,EAAG,MAAM,CAACe,YAAY,iBAAiBqB,YAAY,CAAC,IAAM,OAAO,SAAW,WAAW,IAAM,SAAStC,EAAIwB,GAAIxB,EAAIyC,UAAYzC,EAAImD,mBAAqBnD,EAAIoD,aAAa,SAASC,EAAYC,GAAG,OAAOpD,EAAG,KAAK,CAAC0B,IAAI,eAAe0B,EAAIrC,YAAY,sCAAsC,CAACf,EAAG,KAAK,CAACe,YAAY,yCAAyCc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhC,EAAIuD,UAAUF,EAAY7C,SAAS,CAACN,EAAG,OAAO,CAACF,EAAImC,GAAGnC,EAAIoC,GAAGpC,EAAIwD,GAAG,aAAPxD,CAAqBqD,EAAY7C,YAAYN,EAAG,OAAO,CAACe,YAAY,YAAYqB,YAAY,CAAC,SAAW,WAAW,IAAM,eAAc,GAAKtC,EAAIyD,SAA6sBvD,EAAG,kBAAkB,CAACe,YAAY,OAAOb,MAAM,CAAC,YAAc,yBAAyB,MAAQ,+BAA+B,SAAW,IAAIsD,YAAY1D,EAAI2D,GAAG,CAAC,CAAC/B,IAAI,YAAYgC,GAAG,WAAW,MAAO,CAAC1D,EAAG,kBAAkB,CAACE,MAAM,CAAC,KAAO,QAAQyD,OAAM,GAAM,CAACjC,IAAI,cAAcgC,GAAG,WAAW,MAAO,CAAC1D,EAAG,cAAc,CAACe,YAAY,kBAAkBb,MAAM,CAAC,KAAO,QAAQyD,OAAM,IAAO,MAAK,EAAM,cAA1kC3D,EAAG,MAAM,CAACe,YAAY,uCAAuCqB,YAAY,CAAC,aAAa,OAAO,aAAa,QAAQ,IAAM,OAAO,IAAM,SAAS,CAACtC,EAAIwB,GAAIxB,EAAI8D,UAAU,SAASC,GAAS,OAAO7D,EAAG,MAAM,CAAC0B,IAAImC,EAAQC,YAAY/C,YAAY,gCAAgC,CAACf,EAAG,eAAe,CAACE,MAAM,CAAC,QAAU2D,EAAQ,SAAW/D,EAAIiE,SAASlC,GAAG,CAAC,cAAgB/B,EAAIkE,cAAc,UAAYlE,EAAImE,cAAc,MAAOnE,EAAIiE,QAAqRjE,EAAIoE,KAAhRlE,EAAG,MAAM,CAACe,YAAY,8DAA8D,CAACf,EAAG,IAAI,CAACe,YAAY,yBAAyBc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhC,EAAIqE,aAAarE,EAAIuC,eAAenB,UAAU,CAACpB,EAAImC,GAAGnC,EAAIoC,GAAGpC,EAAI0C,GAAG,mCAA4C,IAAyZ,MAAM,KAAK1C,EAAIoE,KAAMpE,EAAIsE,UAAUlD,MAAOlB,EAAG,aAAa,CAACE,MAAM,CAAC,QAAUJ,EAAIsE,UAAUP,SAAShC,GAAG,CAAC,WAAa,SAASC,GAAQhC,EAAIsE,UAAUlD,OAAQ,MAAUpB,EAAIoE,KAAMpE,EAAIuE,aAAaC,KAAMtE,EAAG,QAAQ,CAACE,MAAM,CAAC,QAAUJ,EAAIuE,aAAaR,SAAShC,GAAG,CAAC,WAAa,SAASC,GAAQhC,EAAIuE,aAAaC,MAAO,MAAUxE,EAAIoE,MAAM,IAE94I7D,EAAkB,G,6IC8EtB,MAAAkE,EAAA,IAAAC,OACe,OACflE,KAAA,qBACAC,WAAA,CACAkE,cAAA,4CACAC,wBACAC,kBACAC,yBACAC,sBACAC,qBACAC,aACAC,kBAEAC,OACA,OACA5C,eAAA,GACA6C,WAAA,GACAC,iBAAA,KACA5C,UAAA,GACA6C,UAAA,EACAC,sBAAA,EACApC,mBAAA,KACAc,SAAA,EACAR,UAAA,EACAa,UAAA,CAAAP,QAAA,KAAA3C,OAAA,GACAmD,aAAA,CACAC,MAAA,EACAT,QAAA,MAEAD,SAAA,GACA0B,KAAA,EACAC,MAAA,GACAC,MAAA,EAEAC,mBAAAC,IAAAC,UAAA,uBACA,KAAAC,YAAA,KAAAvD,eAAAnB,SACA,OAGA2E,SAAA,IACAC,eAAA,CACAC,QAAA,mBACAC,eAAA,4BAEAzE,gBACA,MAAA2D,EAAA,GACAe,EAAA,KAAAf,WACA,QAAAgB,KAAAD,EACAf,EAAAiB,KAAA,CACAjF,MAAAgF,EAAAE,YACAjE,MAAA,KAAAkE,SAAAN,QAAAO,WAAAJ,EAAAK,eAGA,OAAArB,GAEAhC,cACA,MAAAsD,EAAA,KAAAjB,MACA,GAAAiB,EAAA,CACA,MAAAC,EAAAC,OAAAC,QAAAH,GAAAI,IAAA,EAAAtG,EAAAuG,MAAA,CAAAvG,OAAAuG,QACA,OAAAJ,EAAAK,MAAA,OAAAtB,OAEA,WAGAuB,MAAA,CACA,YACA,KAAA/D,iBAGAgE,QAAA,CACA7F,aACA,KAAAiE,UAAA,EACA,KAAA/C,eAAA,GACA,KAAA8C,iBAAA,MAEAvC,UACA,KAAA6C,sBAEA,qBAAAjE,GAEA,KAAAa,eAAAb,EACA,KAAA2D,iBAAA,KAAAA,mBAAA3D,EAAA,KAAAA,QACA,KAAAoE,YAAApE,EAAAN,QAEAiD,aAAAoC,GACA,KAAAR,QAAAvE,SAAA+E,EACA,KAAAU,QAAAC,QAAA,CAAAC,KAAA,wBAAAZ,iEAAAa,MAAA,SAEA/D,UAAAkD,GACA,KAAAR,QAAAsB,gBAAA,CAAAd,GACA,KAAAR,QAAAvE,SAAA,KAAA2D,iBAAAjE,MACA,KAAA+F,QAAAC,QAAA,CAAAC,KAAA,+BAAAZ,iEAAAa,MAAA,SAEAxF,iBAAAJ,GACA,YAAA2D,mBAAA3D,GAEAwB,eACA,KAAAsE,OAAA,KAAA/E,YAEA+E,OAAAC,GAAA,IAAAC,EACA,KAAAvE,mBAAA,QAAAuE,EAAA,KAAAtE,mBAAA,IAAAsE,OAAA,EAAAA,EAAAC,OAAAjG,KACAA,EAAAlB,KAAAoH,cAAAC,SAAAJ,EAAAG,iBAMA,kBAAAlG,EAAA+D,GAAA,IAAAqC,EACA,IAAAC,GAAA,QAAAD,EAAA,KAAA5B,sBAAA,IAAA4B,OAAA,EAAAA,EAAAE,WAAA,EACAC,EAAA,CAAAC,EAAA,KAAAzF,UAAA0F,SAAA,SAAAzG,WAAAgE,MAAA,GAAA0C,OAAA,QAAAC,WAAA,GAAAC,MAAAP,EAAAvC,KAAA,EAAA+C,yBAAA,EAAAC,oBAAA,EAAAjB,gBAAA9B,GACA,IACA,MAAAgD,QAAAhE,EAAAiE,YAAAT,GACA,KAAAnE,SAAA2E,EAAAE,KACA,KAAAlD,MAAAgD,EAAAG,OAAAnD,MACA,MAAAoD,GACAC,QAAAC,IAAAF,GACA,YAAAG,EACA,KAAAvF,SAAA,KAAAK,SAAAmF,OAAA,EACA,QAAAD,EAAA,KAAAE,aAAA,IAAAF,KAAAG,eACA,KAAAD,MAAAC,cAAAC,QAAAC,QAAA,KACA,KAAApF,SAAA,IAGA,sBACA,IAAAgE,EAAA,CAAArH,KAAA,cAAA0H,MAAA,EAAAE,oBAAA,GACA,IACA,MAAAC,QAAAhE,EAAAiE,YAAAT,GACA,KAAA7C,WAAAqD,EACA,MAAAI,GACAC,QAAAC,IAAAF,KAGA1E,UAAAJ,GACA,KAAAQ,aAAA,CACAR,UACAS,MAAA,IAGAN,eAAA,QAAAH,EAAA,MAAA3C,IACA,KAAAkD,UAAAP,UACA,KAAAO,UAAAlD,UAGA,gBACA,KAAAkI,kBChOwY,I,wBCQpYtI,EAAY,eACd,EACAjB,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAS,E","file":"js/chunk-48844ff5.e0f4cb61.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MainCategoryNavBar.vue?vue&type=style&index=0&id=27aefa64&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('icon-base',{attrs:{\"width\":_vm.size + 'px',\"fill\":_vm.color,\"viewBox\":'0 0 200 200'}},[_c('path',{attrs:{\"d\":\"M0.5,77c0,42.3,34.3,76.5,76.5,76.5c16.3,0,31.5-5.1,43.9-13.8l55.9,55.9c5.2,5.2,13.6,5.2,18.8,0  c2.6-2.6,3.9-6,3.9-9.4s-1.3-6.8-3.9-9.4l-55.9-55.9c8.7-12.4,13.8-27.6,13.8-43.9c0-42.3-34.3-76.5-76.5-76.5S0.5,34.8,0.5,77z   M134.1,77c0,31.5-25.6,57.1-57.1,57.1S19.9,108.6,19.9,77S45.5,19.9,77,19.9S134.1,45.5,134.1,77z\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <icon-base :width=\"size + 'px'\" :fill=\"color\" :viewBox=\"'0 0 200 200'\">\n        <path d=\"M0.5,77c0,42.3,34.3,76.5,76.5,76.5c16.3,0,31.5-5.1,43.9-13.8l55.9,55.9c5.2,5.2,13.6,5.2,18.8,0  c2.6-2.6,3.9-6,3.9-9.4s-1.3-6.8-3.9-9.4l-55.9-55.9c8.7-12.4,13.8-27.6,13.8-43.9c0-42.3-34.3-76.5-76.5-76.5S0.5,34.8,0.5,77z   M134.1,77c0,31.5-25.6,57.1-57.1,57.1S19.9,108.6,19.9,77S45.5,19.9,77,19.9S134.1,45.5,134.1,77z\"/>\n    </icon-base>\n</template>\n<script>\n// used inside the main-confirm modal we need the id whe the user clicks on the path of the svg icon we activate the action, we need to assign that only to the main-modal\nexport default {\nname: 'iconSearch',\ncomponents: {\n    iconBase: () => import('@/common/components/iconBase.vue')\n},\nprops: {\n    size: {\n        type: Number,\n        default: 20\n    },\n    color: {\n        type: String,\n        default: 'var(--main-navy)'\n    },\n    \n}\n}\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./iconSearch.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./iconSearch.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./iconSearch.vue?vue&type=template&id=6139fb1e&scoped=true\"\nimport script from \"./iconSearch.vue?vue&type=script&lang=js\"\nexport * from \"./iconSearch.vue?vue&type=script&lang=js\"\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  \"6139fb1e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"category-menu-container\"},[_c('ul',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.clearState),expression:\"clearState\"}],ref:\"dropdownMenu\",staticClass:\"nav\"},_vm._l((_vm.filterOptions),function(category,index){return _c('li',{key:`category-${index}`,staticClass:\"nav-item dropdown\"},[_c('a',{staticClass:\"nav-link dropdown-toggle subtitle-14 color-dark-main-navy\",class:{ 'paint-hover': _vm.isActiveCategory(category)},attrs:{\"href\":\"#\",\"role\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleDropdown(category)}}},[_vm._v(\" \"+_vm._s(category.title)+\" \"),_c('span',{staticClass:\"dropdown-toggle-icon\",staticStyle:{\"margin-left\":\"-10px\"}},[_c('icon-arrow',{staticClass:\"opacity-1 ms-3\",class:{'rotate paint-hover': _vm.isActiveCategory(category)},attrs:{\"size\":10}})],1)])])}),0)]),_c('hr',{staticClass:\"dropdown-divider\"}),(_vm.isActiveCategory(_vm.selectCategory))?_c('div',[_c('div',{staticClass:\"overlay\"},[_c('Card',{staticClass:\"cardStyle\",class:'position-relative',staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[_c('div',{on:{\"click\":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:\"mt-2\",staticStyle:{\"text-align\":\"right\",\"margin-right\":\"10px\",\"position\":\"relative\",\"top\":\"-15px\"}},[_c('span',{on:{\"click\":function($event){return _vm.clearState()}}},[_c('icon-arrow',{staticClass:\"opacity-1 ms-3 apply-hover\",class:{'rotate': _vm.isActiveCategory(_vm.selectCategory)},attrs:{\"size\":30}})],1)]),_c('div',{staticClass:\"input-group h-100\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selection),expression:\"selection\"}],staticClass:\"search-input\",staticStyle:{\"height\":\"33px\"},attrs:{\"type\":\"text\",\"id\":\"inputSearch\",\"name\":\"search\",\"placeholder\":_vm.$t('layout.search_products')+'...',\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.selection)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.selection=$event.target.value},_vm.changes],\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.searchSelect()}}}),_c('button',{staticClass:\"global-search\",attrs:{\"aria-label\":\"Submit Form\",\"type\":\"submit\"},on:{\"click\":function($event){return _vm.searchSelect()}}},[_c('icon-search',{attrs:{\"color\":\"white\",\"size\":15}})],1)]),_c('div',{staticClass:\"d-flex wrapper\",staticStyle:{\"gap\":\"20px\",\"position\":\"relative\",\"top\":\"13px\"}},_vm._l((_vm.selection ? _vm.filteredCategories : _vm.mutateBrand),function(subCategory,i){return _c('ul',{key:`subcategory-${i}`,staticClass:\"nav flex-column ps-0 position_li_2\"},[_c('li',{staticClass:\"size-17 weight-600 mt-3 mb-2 pb-1 px-0\",on:{\"click\":function($event){return _vm.viewBrand(subCategory.name)}}},[_c('span',[_vm._v(_vm._s(_vm._f(\"textFormat\")(subCategory.name)))])]),_c('span',{staticClass:\"lineStyle\",staticStyle:{\"position\":\"relative\",\"top\":\"-9px\"}})])}),0),(!_vm.notFound)?_c('div',{staticClass:\"row grid-container position-relative\",staticStyle:{\"overflow-y\":\"auto\",\"max-height\":\"500px\",\"top\":\"26px\",\"gap\":\"20px\"}},[_vm._l((_vm.products),function(product){return _c('div',{key:product.codarticulo,staticClass:\"col-3 col-sm-3 col-xl-2 mt-1\"},[_c('card-product',{attrs:{\"product\":product,\"skeleton\":_vm.loading},on:{\"showQuickView\":_vm.showQuickView,\"showShare\":_vm.showShare}})],1)}),(!_vm.loading)?_c('div',{staticClass:\"d-flex flex-column text-center justify-content-center mt-5\"},[_c('a',{staticClass:\"color-blue-600 size-16\",on:{\"click\":function($event){return _vm.viewCategory(_vm.selectCategory.value)}}},[_vm._v(_vm._s(_vm.$t('layout.see_more_products')))])]):_vm._e()],2):_c('without-results',{staticClass:\"mt-5\",attrs:{\"description\":\"home.category_notFound\",\"title\":\"product.no_product_was_found\",\"noButton\":\"\"},scopedSlots:_vm._u([{key:\"main-icon\",fn:function(){return [_c('icon-no-product',{attrs:{\"size\":90}})]},proxy:true},{key:\"button-icon\",fn:function(){return [_c('icon-change',{staticClass:\"fill-white me-2\",attrs:{\"size\":17}})]},proxy:true}],null,false,3745582248)})],1)])],1)]):_vm._e(),(_vm.quickView.value)?_c('quick-view',{attrs:{\"product\":_vm.quickView.product},on:{\"closeModal\":function($event){_vm.quickView.value = false}}}):_vm._e(),(_vm.shareProduct.show)?_c('share',{attrs:{\"product\":_vm.shareProduct.product},on:{\"closeModal\":function($event){_vm.shareProduct.show = false}}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"category-menu-container\">\n            <ul class=\"nav\" ref=\"dropdownMenu\" v-click-outside=\"clearState\">\n                <li class=\"nav-item dropdown\" v-for=\"(category, index) in filterOptions\" :key=\"`category-${index}`\">\n                    <a :class=\"{ 'paint-hover': isActiveCategory(category)}\"  class=\"nav-link dropdown-toggle subtitle-14 color-dark-main-navy\" href=\"#\" role=\"button\" @click.prevent=\"toggleDropdown(category)\">\n                        {{ category.title }}\n                        <span class=\"dropdown-toggle-icon\" style=\"margin-left: -10px;\"><icon-arrow :size=\"10\" class=\"opacity-1 ms-3\" :class=\"{'rotate paint-hover': isActiveCategory(category)}\"/></span>\n                    </a>\n                </li>\n            </ul>\n        </div>\n        <hr class=\"dropdown-divider\">\n        <div v-if=\"isActiveCategory(selectCategory)\">\n            <div class=\"overlay\">\n                <Card style=\"display: flex; align-items: center; justify-content: center;\" :class=\"'position-relative'\" class=\"cardStyle\">\n                    <div @click.stop>\n                        <div class=\"mt-2\" style=\"text-align: right; margin-right: 10px; position: relative; top: -15px;\">\n                            <span @click=\"clearState()\">\n                                <icon-arrow :size=\"30\" class=\"opacity-1 ms-3 apply-hover\" :class=\"{'rotate': isActiveCategory(selectCategory)}\"/>\n                            </span>\n                        </div>\n\n                        <div class=\"input-group h-100\">\n                            <input style=\"height: 33px;\" v-model=\"selection\" type=\"text\" class=\"search-input\" id=\"inputSearch\" name=\"search\" :placeholder=\"$t('layout.search_products')+'...'\" @input=\"changes\"  @keyup.enter=\"searchSelect()\" autocomplete=\"off\"/>\n                            <button aria-label=\"Submit Form\" type=\"submit\" @click=\"searchSelect()\" class=\"global-search\">\n                                <icon-search color=\"white\" :size=\"15\"/>\n                            </button>\n                        </div>\n\n                        <div class=\"d-flex wrapper\" style=\"gap: 20px; position: relative; top: 13px;\">\n                            <ul class=\"nav flex-column ps-0 position_li_2\" v-for=\"(subCategory, i) in selection ? filteredCategories : mutateBrand\" :key=\"`subcategory-${i}`\">\n                                <li class=\"size-17 weight-600 mt-3 mb-2 pb-1 px-0\" @click=\"viewBrand(subCategory.name)\">\n                                    <span>{{ subCategory.name | textFormat }}</span>\n                                </li>\n                                <span class=\"lineStyle\" style=\" position: relative; top: -9px;\" />\n                                <!-- <li data-toggle=\"tooltip\" data-placement=\"top\" class=\"d-block mb-1\" v-for=\"(category, i) in subCategory.subcategories\" :key=\"`subcategory-${i}`\">\n                                    <span class=\"d-block size-14 text-limited\" :class=\"'text-sm-start align-content-md-start align-content-lg-center'\">{{ category.name | textFormat }}</span>\n                                </li> -->\n                            </ul>\n                        </div>\n\n                        <div v-if=\"!notFound\" class=\"row grid-container position-relative\"  style=\"overflow-y: auto; max-height: 500px; top: 26px; gap: 20px;\">\n                            <div  v-for=\"product in products\" :key=\"product.codarticulo\" class=\"col-3 col-sm-3 col-xl-2 mt-1\">\n                                <card-product :product=\"product\" :skeleton=\"loading\" @showQuickView=\"showQuickView\" @showShare=\"showShare\" />\n                            </div>\n\n                            <div v-if=\"!loading\" class=\"d-flex flex-column text-center justify-content-center mt-5\">\n                                <a class=\"color-blue-600 size-16\" @click=\"viewCategory(selectCategory.value)\">{{$t('layout.see_more_products')}}</a>\n                            </div>\n                        </div>\n\n                        <without-results v-else class=\"mt-5\" description=\"home.category_notFound\" title=\"product.no_product_was_found\" noButton>                \n                            <template #main-icon>\n                                <icon-no-product :size=\"90\"/>\n                            </template>\n                            <template #button-icon>\n                                <icon-change class=\"fill-white me-2\" :size=\"17\" />\n                            </template>\n                        </without-results>\n                    </div>\n                </Card>\n            </div>\n        </div>\n        <quick-view v-if=\"quickView.value\" :product=\"quickView.product\" @closeModal=\"quickView.value = false\" />\n        <share v-if=\"shareProduct.show\" :product=\"shareProduct.product\" @closeModal=\"shareProduct.show = false\" />\n    </div>\n</template>\n\n<script>\nimport Card from '../../../../common/components/cards/Card.vue';\nimport iconSearch from '../../../../common/svg/iconSearch.vue';\nimport WithoutResults from '../../../../common/components/modals/WithoutResults.vue';\nimport { ProductService } from '../../../products/services/product-service';\nimport CardProduct from '../../../products/components/CardProduct.vue';\nimport iconNoProduct from '../../../products/assets/svg/iconNoProduct.vue';\nimport { mapGetters } from 'vuex';\nimport _  from \"lodash\"\nimport Share from '../../../products/components/modals/Share.vue';\nimport QuickView from '../../../products/components/quick-view/QuickView.vue';\nconst service = new ProductService();\nexport default {\n    name: \"MainCategoryNavBar\",\n    components: {\n    IconArrow: () => import(\"@/common/svg/iconArrow\"),\n    iconSearch,\n    Card,\n    CardProduct,\n    WithoutResults,\n    iconNoProduct,\n    Share,\n    QuickView\n},\n    data() {\n        return {\n            selectCategory: {},\n            categories: [],\n            selectedCategory: null,\n            selection: '',\n            isActive: false,\n            loadingWithScrolling: false,\n            filteredCategories: null,\n            loading: true,\n            notFound: false,\n            quickView: {product: null, value: false},\n            shareProduct: {\n                show: false,\n                product: null\n            },\n            products: [],\n            page: 0,\n            brand: {},\n            limit: 6,\n            // iconNoProduct,\n            searchWithDebounce: _.debounce(async function () {\n                await this.setProducts(this.selectCategory.value);\n            }, 500),\n        };\n    },\n    computed: {\n        ...mapGetters({\n            filters: \"products/filters\",\n            branchSelected: \"branches/branchSelected\",\n        }),\n        filterOptions(){\n            const categories = [];\n            const options = this.categories;\n            for(let option of options) {\n                categories.push({\n                    value: option.codcategory,\n                    title: this.$options.filters.textFormat(option.description)\n                });\n            }\n            return categories\n        },\n        mutateBrand(){\n            const mutate = this.brand\n            if(mutate){\n                const newObj = Object.entries(mutate).map(([name, id]) => ({ name, id }));\n                return newObj.slice(0, this.limit);\n            }\n            return ''\n        }\n    },\n    watch: {\n        'selection'(){\n            this.searchSelect()\n        },\n    },\n    methods: {\n        clearState(){\n            this.isActive = false\n            this.selectCategory = {}\n            this.selectedCategory = null\n        },\n        changes(){\n            this.searchWithDebounce();\n        },\n        async toggleDropdown(category) {\n\n            this.selectCategory = category\n            this.selectedCategory = this.selectedCategory === category ? null : category;\n            await this.setProducts(category.value);\n        },\n        viewCategory(description){\n            this.filters.category = description\n            this.$router.replace({path: `shop?page=1&category=${description}&limit=24&order_by=popularity&place=1&only_with_existence=1`}).catch(() => {});\n        },\n        viewBrand(description){\n            this.filters.brands_selected = [description]\n            this.filters.category = this.selectedCategory.value\n            this.$router.replace({path: `shop?page=1&brands_selected=${description}&limit=24&order_by=popularity&place=1&only_with_existence=1`}).catch(() => {});\n        },\n        isActiveCategory(category) {\n            return this.selectedCategory === category;\n        },\n        searchSelect(){\n            this.search(this.selection)\n        },\n        search(query) {\n            this.filteredCategories = this.mutateBrand?.filter(category => {\n            if (category.name.toLowerCase().includes(query.toLowerCase())) {\n                return true;\n            }\n                return false;\n            });\n        },\n        async setProducts(category, brand){\n            let branch = this.branchSelected?.codplace || 1;\n            let filterParams = { q: this.selection, order_by: 'newest', category, limit: 18, prices: [0, 100000], gbSelected: [], place: branch, page: 1, optional_category_filter: 0,  only_with_existence: 1, brands_selected: brand };\n            try {\n                const response = await service.getProducts(filterParams);\n                this.products = response.docs;\n                this.brand = response.facets.brand;\n            } catch (e) {\n                console.log(e);\n            } finally {\n                this.notFound = this.products.length < 1;\n                if(this.$refs?.productSwiper)\n                this.$refs.productSwiper.$swiper.slideTo(0,0)\n                this.loading = false;\n            }\n        },\n        async getCategories(){\n            let filterParams = {  type: 'subcategory' , place: 1, only_with_existence: 1 };\n            try {\n                const response = await service.getProducts(filterParams);\n                this.categories = response\n            } catch (e) {\n                console.log(e);\n            }\n        },\n        showShare(product){\n            this.shareProduct = {\n                product: product,\n                show: true\n            }\n        },\n        showQuickView({product, value}){\n            this.quickView.product = product;\n            this.quickView.value = value;\n        },\n    },\n    async mounted(){\n        this.getCategories()\n    },\n};\n</script>\n\n<style scoped>\n\n.wrapper {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n}\n\n::-webkit-scrollbar {\n    height: 0;\n}\n\n.apply-hover:hover {\n    fill: var(--main-red);\n    color: var(--main-red) !important;\n    opacity: 3 !important;\n}\n\n.paint-hover {\n    fill: var(--main-red);\n    color: var(--main-red) !important;\n    opacity: 3 !important;\n}\n\nul.nav li:hover > span {\n    transform: translateX(10px) !important;\n    transition: transform 0.3s ease;\n    color: var(--main-red)\n}\n\n.ul {\n    color: var(--main-navy);\n}\n.category-menu-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.dropdown-menu {\n    display: contents;\n}\n\n.dropdown-menu[style*=\"display: contents;\"] {\n    display: contents !important;\n}\n.dropdown-divider {\n    width: 100%;\n    margin: -3px 0;\n    border: none;\n    border-top: 3px solid var(--main-navy);\n    margin-bottom: 10px;\n}\n.rotate {\n\ttransform: rotate(-90deg) translate(0%, 0%) !important;\n}\n.icon-arrow {\n    transition-timing-function: ease-in-out;\n    transition: var(--transition-1);\n\ttransform: rotate(90deg) translate(0%, 0%);\n}\n.dropdown-toggle::after {\n    display: none;\n}\n\n.search-input {\n    border: unset;\n    background: whitesmoke; \n    border-start-start-radius: 5px; \n    border-bottom-left-radius: 5px;\n}\n\n.overlay {\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n}\n\n.lineStyle {\n    content: '';\n    height: 4px;\n    border-radius: 3.125rem;\n    width: 123px;\n    background-color: var(--main-red);\n}\n\n.cardStyle {\n    max-width: 1300px;\n    position: relative; \n    top: 3px;\n    box-shadow: 2px 3px 15px 0px rgba(14, 30, 61, 0.1411764706);\n    border-radius: 14px;\n}\n.swiper, .slider-column { /* height of the general swiper*/\n    height: 318px;\n}\n\n@media (min-width: 768px) {\n    .cardStyle{\n        width: 800px !important;\n    }\n}\n@media (min-width: 992px) {\n    .cardStyle{\n        width: 941px !important;\n    }\n\n    /* .overlay{\n        top: 190px !important;\n    } */\n}\n@media (min-width: 1200px) {\n    .cardStyle{\n        width: 1150px !important;\n    }\n}\n\n@media (min-width: 1400px) {\n    .cardStyle{\n        width: 1300px !important;\n    }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MainCategoryNavBar.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MainCategoryNavBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MainCategoryNavBar.vue?vue&type=template&id=27aefa64&scoped=true\"\nimport script from \"./MainCategoryNavBar.vue?vue&type=script&lang=js\"\nexport * from \"./MainCategoryNavBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./MainCategoryNavBar.vue?vue&type=style&index=0&id=27aefa64&prod&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  \"27aefa64\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}