{"version":3,"sources":["src/js/main.js","src/js/sideNavInit.js","src/js/productDetailInit.js","src/js/swiperInit.js","src/js/blogDetailInit.js","src/js/collapseComponent.js","src/js/headerInit.js","src/js/backToTop.js"],"names":["sideNavSubMenuToggle","$","each","_this","this","toggleEle","find","subEle","allSiblingsMenu","not","allSiblingsToggle","on","toggleClass","slideToggle","slideUp","removeClass","sideNavMenuToggle","next","productDetailSlider","productThumbnailSlider","Swiper","spaceBetween","slidesPerView","observer","observeParents","slideToClickedSlide","watchSlidesVisibility","watchSlidesProgress","breakpoints","768","navigation","prevEl","nextEl","productImageSlider","effect","fadeEffect","crossFade","thumbs","swiper","slideChange","activeIndex","nextSlide","concat","prevSlide","hasClass","slideNext","slidePrev","spinInput","click","$button","type","data","oldValue","parent","val","newVal","parseFloat","productSliderInit","index","$this","undefined","initSlide","addClass","1024","freeMode","blogSliderInit","partnerSliderInit","centeredSlides","initialSlide","576","parseInt","slidesPerColumn","blogInfoDetailSlider","1280","blogInfoThumbnailSlider","direction","blogInfoImageSlider","APP","window","width","_useSidenav","LazyLoad","_useProductDetail","_useSlider","jQuery","options","settings","MappingListener","selector","mobileWrapper","mobileMethod","desktopWrapper","desktopMethod","breakpoint","watch","sticky","topSpacing","zIndex","fadeIn","fadeOut","ms","arguments","length","isAnimating","animate","scrollTop","backToTop","element","html","clone","extend","triggerClass","document"],"mappings":"CAAC,WACG,aCDJ,IAAMA,EAAuB,WACzBC,EAAE,iCAAiCC,KAAK,WACpC,IAAIC,EAAQF,EAAEG,MACVC,EAAYF,EAAMG,KAAK,qBACvBC,EAASJ,EAAMG,KAAK,mBACpBE,EAAkBP,EAAE,iDAAiDQ,IAAIF,GACzEG,EAAoBT,EAAE,mDAAmDQ,IAAIJ,GAEjFJ,EAAEI,GAAWM,GAAG,QAAS,WACrBV,EAAEI,GAAWO,YAAY,UACzBX,EAAEM,GAAQM,cACVZ,EAAEO,GAAiBM,UACnBb,EAAES,GAAmBK,YAAY,eAKvCC,EAAoB,WACtBf,EAAE,qBAAqBU,GAAG,QAAS,WAC/BV,EAAEG,MAAMa,OAAOJ,iBCnBjBK,EAAsB,WACxB,IAAMC,EAAyB,IAAIC,OAC/B,8CACA,CACIC,aAAc,GACdC,cAAe,EACfC,UAAU,EACVC,gBAAgB,EAChBC,qBAAqB,EACrBC,uBAAuB,EACvBC,qBAAqB,EACrBC,YAAa,CACTC,IAAK,CACDP,cAAe,IAGvBQ,WAAY,CACRC,OAAQ,yCACRC,OAAQ,4CA6CpB,MAAO,CACHb,uBAAAA,EACAc,mBA3CuB,IAAIb,OAC3B,2CACA,CACIc,OAAQ,OACRC,WAAY,CAAEC,WAAW,GACzBb,UAAU,EACVC,gBAAgB,EAChBa,OAAQ,CACJC,OAAQnB,GAEZR,GAAI,CACA4B,YAAa,WACT,IAAIC,EAAcpC,KAAKoC,YAAc,EAEjCC,EAAYxC,EAAC,qDAAAyC,OAETF,EAAc,EAFL,MAKbG,EAAY1C,EAAC,qDAAAyC,OAETF,EAAc,EAFL,MAObC,IACCA,EAAUG,SAAS,wBAEpBxC,KAAKiC,OAAOC,OAAOO,YAEnBF,IACCA,EAAUC,SAAS,yBAEpBxC,KAAKiC,OAAOC,OAAOQ,kBAarCC,EAAY,WACd9C,EAAE,aAAa+C,MAAM,WACjB,IAAIC,EAAUhD,EAAEG,MACZ8C,EAAOjD,EAAEG,MAAM+C,KAAK,QACpBC,EAAWH,EAAQI,SAAS/C,KAAK,SAASgD,MAE9C,GAAY,OAARJ,EACA,IAAIK,EAASC,WAAWJ,GAAY,OAEpC,GAAIA,EAAW,EACPG,EAASC,WAAWJ,GAAY,OAEpCG,EAAS,EAGjBN,EAAQI,SAAS/C,KAAK,SAASgD,IAAIC,MCpFrCE,EAAoB,WACtBxD,EAAE,mBAAmBC,KAAK,SAAUwD,GAChC,IAAIC,EAAQ1D,EAAEG,MACd,QAA+BwD,IAA3B3D,EAAEG,MAAM+C,KAAK,UACb,IAAIU,EAAY5D,EAAEG,MAAM+C,KAAK,eAEzBU,EAAY,EAEpBF,EAAMG,SAAS,kBAAoBJ,GACnCC,EAAMrD,KAAK,gBAAgBwD,SAAS,uBAAyBJ,GAC7DC,EAAMrD,KAAK,gBAAgBwD,SAAS,uBAAyBJ,GAEzC,IAAItC,OACpB,mBAAqBsC,EAAQ,qBAC7B,CACIpC,cAAeuC,EACfxC,aAAc,GACdS,WAAY,CACRC,OAAQ,wBAA0B2B,EAClC1B,OAAQ,wBAA0B0B,GAEtC9B,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,GACd2C,UAAU,GAEdnC,IAAK,CACDP,cAAe,IACfD,aAAc,GACd2C,UAAU,SAQ5BC,EAAiB,WACnBhE,EAAE,gBAAgBC,KAAK,SAAUwD,GAC7B,IAAIC,EAAQ1D,EAAEG,MACd,QAA+BwD,IAA3B3D,EAAEG,MAAM+C,KAAK,UACb,IAAIU,EAAY5D,EAAEG,MAAM+C,KAAK,eAEzBU,EAAY,EAEpBF,EAAMG,SAAS,eAAiBJ,GAChCC,EAAMrD,KAAK,gBAAgBwD,SAAS,oBAAsBJ,GAC1DC,EAAMrD,KAAK,gBAAgBwD,SAAS,oBAAsBJ,GAEzC,IAAItC,OACjB,gBAAkBsC,EAAQ,qBAC1B,CACIpC,cAAeuC,EACfxC,aAAc,GACdS,WAAY,CACRC,OAAQ,qBAAuB2B,EAC/B1B,OAAQ,qBAAuB0B,GAEnC9B,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,GACd2C,UAAU,GAEdnC,IAAK,CACDP,cAAe,IACfD,aAAc,GACd2C,UAAU,SAuL5BE,GA/KqB,IAAI9C,OAAO,sCAAuC,CACzEE,cAAe,EACfD,aAAc,GACdS,WAAY,CACRC,OAAQ,iCACRC,OAAQ,kCAEZJ,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,IACfD,aAAc,GACd2C,UAAU,MAKJ,IAAI5C,OAAO,iCAAkC,CAC3DE,cAAe,EACfD,aAAc,GACdS,WAAY,CACRC,OAAQ,4BACRC,OAAQ,6BAEZJ,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,IACfD,aAAc,GACd2C,UAAU,MAKG,IAAI5C,OAAO,wCAAyC,CACzEE,cAAe,EACfD,aAAc,GACdS,WAAY,CACRC,OAAQ,mCACRC,OAAQ,oCAEZJ,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,IACfD,aAAc,GACd2C,UAAU,MAKS,IAAI5C,OAC/B,+CACA,CACIE,cAAe,EACfD,aAAc,GACdS,WAAY,CACRC,OAAQ,0CACRC,OAAQ,2CAEZJ,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,IACfD,aAAc,GACd2C,UAAU,MAMG,IAAI5C,OAC7B,4CACA,CACI+C,gBAAgB,EAChB9C,cAAe,IACfC,cAAe,IACf8C,aAAc,EACdtC,WAAY,CACRC,OAAQ,uCACRC,OAAQ,wCAEZJ,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,KACfD,aAAc,OAMR,IAAID,OAAO,oCAAqC,CAClEE,cAAe,EACfD,aAAc,GACdS,WAAY,CACRC,OAAQ,+BACRC,OAAQ,gCAEZJ,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,KACfD,aAAc,GACd2C,UAAU,MAKO,IAAI5C,OAC7B,4CACA,CACIE,cAAe,EACfD,aAAc,GACdS,WAAY,CACRC,OAAQ,uCACRC,OAAQ,wCAEZJ,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,KACfD,aAAc,GACd2C,UAAU,MAMN,IAAI5C,OAAO,kCAAmC,CAC9DE,cAAe,EACfD,aAAc,GACdS,WAAY,CACRC,OAAQ,6BACRC,OAAQ,8BAEZJ,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,IACfD,aAAc,GACd2C,UAAU,GAEdK,IAAK,CACD/C,cAAe,IACfD,aAAc,GACd2C,UAAU,MAKI,WACtB,QAA4CJ,IAAxC3D,EAAE,mBAAmBkD,KAAK,UAC1B,IAAIU,EAAYS,SAASrE,EAAE,mBAAmBkD,KAAK,gBAE/CU,EAAY,EAGC,IAAIzC,OAAO,oCAAqC,CACjEE,cAAeuC,EACfU,gBAAiB,EACjBlD,aAAc,GACdS,WAAY,CACRC,OAAQ,+BACRC,OAAQ,gCAEZJ,YAAa,CACTmC,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,IACfD,aAAc,GACd2C,UAAU,GAEdK,IAAK,CACD/C,cAAe,IACfD,aAAc,GACd2C,UAAU,QCvRpBQ,GD6RkB,IAAIpD,OAAO,uCAAwC,CACvEE,cAAe,EACfD,aAAc,GACdS,WAAY,CACRC,OAAQ,kCACRC,OAAQ,mCAEZJ,YAAa,CACT6C,KAAM,CACFpD,aAAc,IAElB0C,KAAM,CACFzC,cAAe,IACfD,aAAc,IAElBQ,IAAK,CACDP,cAAe,IACfD,aAAc,GACd2C,UAAU,MC/SO,WACzB,IAAMU,EAA0B,IAAItD,OAChC,gDACA,CACIC,aAAc,EACdC,cAAe,EACfC,UAAU,EACVC,gBAAgB,EAChBC,qBAAqB,EACrBC,uBAAuB,EACvBC,qBAAqB,EACrBgD,UAAW,WACX/C,YAAa,CACTmC,KAAM,CACFzC,cAAe,EACfD,aAAc,GACdsD,UAAW,eAGnB7C,WAAY,CACRC,OAAQ,2CACRC,OAAQ,8CA6CpB,MAAO,CACH0C,wBAAAA,EACAE,oBA3CwB,IAAIxD,OAC5B,6CACA,CACIc,OAAQ,OACRC,WAAY,CAAEC,WAAW,GACzBb,UAAU,EACVC,gBAAgB,EAChBa,OAAQ,CACJC,OAAQoC,GAEZ/D,GAAI,CACA4B,YAAa,WACT,IAAIC,EAAcpC,KAAKoC,YAAc,EAEjCC,EAAYxC,EAAC,uDAAAyC,OAETF,EAAc,EAFL,MAKbG,EAAY1C,EAAC,uDAAAyC,OAETF,EAAc,EAFL,MAObC,IACCA,EAAUG,SAAS,wBAEpBxC,KAAKiC,OAAOC,OAAOO,YAEnBF,IACCA,EAAUC,SAAS,yBAEpBxC,KAAKiC,OAAOC,OAAOQ,mBJ3D3C,IAAM+B,EACY,WACV,OAAI5E,EAAE6E,QAAQC,QAAU,MAkiBxBC,GAlhBe,IAAIC,SAAS,ICMzB,CACHjF,qBAAAA,EACAgB,kBAAAA,IDJAhB,EAAAA,EAAAA,qBAAsBgB,EAAAA,EAAAA,kBAkhBtBkE,EE9cG,CACHhE,oBAAAA,EACA6B,UAAAA,GFrEA7B,EAAAA,EAAAA,oBAAqB6B,EAAAA,EAAAA,UAqhBrBoC,EGvPG,CACH1B,kBAAAA,EACAQ,eAAAA,EACAC,kBAAAA,GHhSAT,EAAAA,EAAAA,kBAAmBQ,EAAAA,EAAAA,eAAgBC,EAAAA,EAAAA,kBACnCM,EIgDG,CACHA,qBAAAA,GJjDAA,qBAERY,OAAO,WK3BQ,IAA2BC,EAClCC,ECCmB,IAAIC,gBAAgB,CACvCC,SAAU,mBACVC,cAAe,yBACfC,aAAc,WACdC,eAAgB,gBAChBC,cAAe,eACfC,WAAY,OACbC,QAEiB,IAAIP,gBAAgB,CACpCC,SAAU,gBACVC,cAAe,yBACfC,aAAc,WACdC,eAAgB,gBAChBC,cAAe,cACfC,WAAY,OACbC,QAGH7F,EAAE,UAAU8F,OAAO,CACfC,WAAY,EACZC,OAAQ,KAGZhG,EAAE,gBAAgBU,GAAG,QAAS,WAC1BV,EAAE,gBAAgBiG,SAClBjG,EAAE,gBAAgB6D,SAAS,aAG/B7D,EAAE,wBAAwBU,GAAG,QAAS,WAClCV,EAAE,gBAAgBkG,UAClBlG,EAAE,gBAAgBc,YAAY,aAG9Bd,EAAE6E,QAAQC,QAAU,MACpB9E,EAAE,oBAAoBU,GAAG,QAAS,WAC9BV,EAAEG,MAAMa,OAAOJ,cACfZ,EAAEG,MAAMQ,YAAY,mCCvCjB,WAA6B,IAAVwF,EAAUC,UAAAC,OAAA,QAAA1C,IAAAyC,UAAA,GAAAA,UAAA,GAAL,IAC/BE,GAAc,EAClBtG,EAAE,gBAAgB+C,MAAM,WACpB,OAAIuD,IAMJA,GAAc,EAGdtG,EAAE,cAAcuG,QAAQ,CAAEC,UAAW,GAAKL,EAAI,WAE1CG,GAAc,KAGX,KPYXG,GACA1G,IACAkB,IACA6B,IACAU,IACAQ,IACAO,IACAN,IAEIW,KACA7D,IAIJf,EAAE,mBAAmBC,KAAK,SAACwD,EAAOiD,GAC9B,IAAIxG,EAAQF,EAAE0G,GACdxG,EAAMQ,GAAG,QAAS,WACdV,EAAE,gBAAgB2G,KAAKzG,EAAM0G,aAGjC5G,EAAE6E,QAAQC,QAAU,KACpB9E,EAAE,mBAAmBU,GAAG,QAAS,WAC7BV,EAAEG,MAAMa,OAAOJ,cACfZ,EAAEG,MACGE,KAAK,gBACLM,YAAY,mCKrDrB0E,EAAWrF,EAAE6G,OAAO,CACtBC,aAAc,qBACb1B,GAEHpF,EAAE+G,UAAUrG,GAAG,QAAS2E,EAASyB,aAAc,WAG7C,OAFA9G,EAAEG,MAAMa,OAAOJ,cACfZ,EAAEG,MAAMQ,YAAY,WACb,MLRb","file":"main.min.js","sourcesContent":["const APP = {\n detectMobile: function () {\n if ($(window).width() < 1025) {\n return true; // Mobile device detected\n } else {\n return false; // Desktop or tablet detected\n }\n },\n};\n\nimport headerInit from \"./headerInit\";\nimport backToTop from \"./backToTop\";\nimport useSidenav from \"./sideNavInit\";\nimport useProductDetail from \"./productDetailInit\";\nimport useSlider from \"./swiperInit\";\nimport useBlogInfoDetail from \"./blogDetailInit\";\nimport collapseComponent from \"./collapseComponent\";\n\nvar lazyLoadInstance = new LazyLoad({\n // Your custom settings go here\n});\n\nconst { sideNavSubMenuToggle, sideNavMenuToggle } = useSidenav();\nconst { productDetailSlider, spinInput } = useProductDetail();\nconst { productSliderInit, blogSliderInit, partnerSliderInit } = useSlider();\nconst { blogInfoDetailSlider } = useBlogInfoDetail();\n\njQuery(function () {\n headerInit();\n backToTop();\n sideNavSubMenuToggle();\n productDetailSlider();\n spinInput();\n productSliderInit();\n blogSliderInit();\n blogInfoDetailSlider();\n partnerSliderInit()\n\n if (APP.detectMobile()) {\n sideNavMenuToggle();\n }\n\n // Global JS\n $(\".result-list li\").each((index, element) => {\n let _this = $(element);\n _this.on(\"click\", () => {\n $(\"#review-list\").html(_this.clone());\n });\n });\n if ($(window).width() < 768) {\n $(\".sub-nav-mobile\").on(\"click\", function () {\n $(this).next().slideToggle();\n $(this)\n .find(\".toggle span\")\n .toggleClass(\"fa-chevron-down fa-chevron-up\");\n });\n }\n\n collapseComponent();\n});\n","const sideNavSubMenuToggle = () => {\r\n $(\".side-nav-menu .has-accordion\").each(function () {\r\n let _this = $(this)\r\n let toggleEle = _this.find(\".accordion-toggle\")\r\n let subEle = _this.find(\".accordion-menu\")\r\n let allSiblingsMenu = $(\".side-nav-menu .has-accordion .accordion-menu\").not(subEle)\r\n let allSiblingsToggle = $(\".side-nav-menu .has-accordion .accordion-toggle\").not(toggleEle)\r\n\r\n $(toggleEle).on(\"click\", function(){\r\n $(toggleEle).toggleClass('active')\r\n $(subEle).slideToggle()\r\n $(allSiblingsMenu).slideUp()\r\n $(allSiblingsToggle).removeClass('active')\r\n })\r\n });\r\n};\r\n\r\nconst sideNavMenuToggle = () => {\r\n $(\".side-nav-heading\").on(\"click\", function(){\r\n $(this).next().slideToggle()\r\n })\r\n}\r\n\r\nconst useSidenav = () => {\r\n return {\r\n sideNavSubMenuToggle,\r\n sideNavMenuToggle\r\n }\r\n};\r\n\r\nexport default useSidenav\r\n\r\n","const productDetailSlider = () => {\r\n const productThumbnailSlider = new Swiper(\r\n \".product-detail-thumbnail .swiper-container\",\r\n {\r\n spaceBetween: 16,\r\n slidesPerView: 6,\r\n observer: true,\r\n observeParents: true,\r\n slideToClickedSlide: true,\r\n watchSlidesVisibility: true,\r\n watchSlidesProgress: true,\r\n breakpoints: {\r\n 768: {\r\n slidesPerView: 4\r\n }\r\n },\r\n navigation: {\r\n prevEl: \".product-detail-thumbnail .swiper-prev\",\r\n nextEl: \".product-detail-thumbnail .swiper-next\"\r\n }\r\n }\r\n );\r\n const productImageSlider = new Swiper(\r\n \".product-detail-images .swiper-container\",\r\n {\r\n effect: \"fade\",\r\n fadeEffect: { crossFade: true },\r\n observer: true,\r\n observeParents: true,\r\n thumbs: {\r\n swiper: productThumbnailSlider,\r\n },\r\n on: {\r\n slideChange: function () {\r\n let activeIndex = this.activeIndex + 1;\r\n\r\n let nextSlide = $(\r\n `.product-detail-thumbnail .swiper-slide:nth-child(${\r\n activeIndex + 1\r\n })`\r\n );\r\n let prevSlide = $(\r\n `.product-detail-thumbnail .swiper-slide:nth-child(${\r\n activeIndex - 1\r\n })`\r\n );\r\n\r\n if (\r\n nextSlide &&\r\n !nextSlide.hasClass(\"swiper-slide-visible\")\r\n ) {\r\n this.thumbs.swiper.slideNext();\r\n } else if (\r\n prevSlide &&\r\n !prevSlide.hasClass(\"swiper-slide-visible\")\r\n ) {\r\n this.thumbs.swiper.slidePrev();\r\n }\r\n },\r\n },\r\n }\r\n );\r\n\r\n return {\r\n productThumbnailSlider,\r\n productImageSlider,\r\n };\r\n};\r\n\r\nconst spinInput = () => {\r\n $(\".btn-spin\").click(function () {\r\n var $button = $(this);\r\n var type = $(this).data(\"spin\");\r\n var oldValue = $button.parent().find(\"input\").val();\r\n\r\n if (type == \"inc\") {\r\n var newVal = parseFloat(oldValue) + 1;\r\n } else {\r\n if (oldValue > 0) {\r\n var newVal = parseFloat(oldValue) - 1;\r\n } else {\r\n newVal = 0;\r\n }\r\n }\r\n $button.parent().find(\"input\").val(newVal);\r\n // AjaxCart.updatecart();\r\n });\r\n}\r\n\r\nconst useProductDetail = () => {\r\n return {\r\n productDetailSlider,\r\n spinInput\r\n };\r\n};\r\n\r\nexport default useProductDetail;\r\n","const productSliderInit = () => {\r\n $(\".product-slider\").each(function (index) {\r\n var $this = $(this);\r\n if ($(this).data(\"slides\") !== undefined) {\r\n var initSlide = $(this).data(\"slides\");\r\n } else {\r\n var initSlide = 4;\r\n }\r\n $this.addClass(\"product-slider-\" + index);\r\n $this.find(\".swiper-prev\").addClass(\"product-slider-prev-\" + index);\r\n $this.find(\".swiper-next\").addClass(\"product-slider-next-\" + index);\r\n\r\n var productSlider = new Swiper(\r\n \".product-slider-\" + index + \" .swiper-container\",\r\n {\r\n slidesPerView: initSlide,\r\n spaceBetween: 30,\r\n navigation: {\r\n prevEl: \".product-slider-prev-\" + index,\r\n nextEl: \".product-slider-next-\" + index,\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 3.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n 768: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 10,\r\n freeMode: true,\r\n },\r\n },\r\n }\r\n );\r\n });\r\n};\r\n\r\nconst blogSliderInit = () => {\r\n $(\".blog-slider\").each(function (index) {\r\n var $this = $(this);\r\n if ($(this).data(\"slides\") !== undefined) {\r\n var initSlide = $(this).data(\"slides\");\r\n } else {\r\n var initSlide = 4;\r\n }\r\n $this.addClass(\"blog-slider-\" + index);\r\n $this.find(\".swiper-prev\").addClass(\"blog-slider-prev-\" + index);\r\n $this.find(\".swiper-next\").addClass(\"blog-slider-next-\" + index);\r\n\r\n var blogSlider = new Swiper(\r\n \".blog-slider-\" + index + \" .swiper-container\",\r\n {\r\n slidesPerView: initSlide,\r\n spaceBetween: 30,\r\n navigation: {\r\n prevEl: \".blog-slider-prev-\" + index,\r\n nextEl: \".blog-slider-next-\" + index,\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 3.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n 768: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 10,\r\n freeMode: true,\r\n },\r\n },\r\n }\r\n );\r\n });\r\n};\r\n\r\nconst blogInfoCateSlider = new Swiper(\".info-cate-slider .swiper-container\", {\r\n slidesPerView: 6,\r\n spaceBetween: 30,\r\n navigation: {\r\n prevEl: \".info-cate-slider .swiper-prev\",\r\n nextEl: \".info-cate-slider .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 3.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 2.5,\r\n spaceBetween: 10,\r\n freeMode: true,\r\n },\r\n },\r\n});\r\n\r\nconst tipSlider = new Swiper(\".tips-slider .swiper-container\", {\r\n slidesPerView: 5,\r\n spaceBetween: 20,\r\n navigation: {\r\n prevEl: \".tips-slider .swiper-prev\",\r\n nextEl: \".tips-slider .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 3.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n },\r\n});\r\n\r\nconst blogCornerSlider = new Swiper(\".blog-corner-slider .swiper-container\", {\r\n slidesPerView: 3,\r\n spaceBetween: 60,\r\n navigation: {\r\n prevEl: \".blog-corner-slider .swiper-prev\",\r\n nextEl: \".blog-corner-slider .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 2.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n },\r\n});\r\n\r\nconst blogDiscoverCateSlider = new Swiper(\r\n \".blog-discover-cate-slider .swiper-container\",\r\n {\r\n slidesPerView: 5,\r\n spaceBetween: 20,\r\n navigation: {\r\n prevEl: \".blog-discover-cate-slider .swiper-prev\",\r\n nextEl: \".blog-discover-cate-slider .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 3.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n },\r\n }\r\n);\r\n\r\nconst projectDetailGallery = new Swiper(\r\n \".project-detail-gallery .swiper-container\",\r\n {\r\n centeredSlides: true,\r\n spaceBetween: -640,\r\n slidesPerView: 3.5,\r\n initialSlide: 2,\r\n navigation: {\r\n prevEl: \".project-detail-gallery .swiper-prev\",\r\n nextEl: \".project-detail-gallery .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 1.25,\r\n spaceBetween: 15,\r\n },\r\n },\r\n }\r\n);\r\n\r\nconst projectDetail = new Swiper(\".project-slider .swiper-container\", {\r\n slidesPerView: 3,\r\n spaceBetween: 20,\r\n navigation: {\r\n prevEl: \".project-slider .swiper-prev\",\r\n nextEl: \".project-slider .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 2.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 1.25,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n },\r\n});\r\n\r\nconst serviceGallerySlider = new Swiper(\r\n \".service-gallery-slider .swiper-container\",\r\n {\r\n slidesPerView: 3,\r\n spaceBetween: 30,\r\n navigation: {\r\n prevEl: \".service-gallery-slider .swiper-prev\",\r\n nextEl: \".service-gallery-slider .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 2.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 1.25,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n },\r\n }\r\n);\r\n\r\nconst awardDetail = new Swiper(\".award-slider .swiper-container\", {\r\n slidesPerView: 4,\r\n spaceBetween: 30,\r\n navigation: {\r\n prevEl: \".award-slider .swiper-prev\",\r\n nextEl: \".award-slider .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 3.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n 576: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n },\r\n});\r\n\r\nconst partnerSliderInit = () => {\r\n if ($(\".partner-slider\").data(\"slides\") !== undefined) {\r\n var initSlide = parseInt($(\".partner-slider\").data(\"slides\"));\r\n } else {\r\n var initSlide = 4;\r\n }\r\n\r\n const partnerSlide = new Swiper(\".partner-slider .swiper-container\", {\r\n slidesPerView: initSlide,\r\n slidesPerColumn: 2,\r\n spaceBetween: 20,\r\n navigation: {\r\n prevEl: \".partner-slider .swiper-prev\",\r\n nextEl: \".partner-slider .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 3.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 2.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n 576: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n },\r\n },\r\n });\r\n};\r\n\r\nconst homePlantSlider = new Swiper(\".home-plant-slider .swiper-container\", {\r\n slidesPerView: 2,\r\n spaceBetween: 70,\r\n navigation: {\r\n prevEl: \".home-plant-slider .swiper-prev\",\r\n nextEl: \".home-plant-slider .swiper-next\",\r\n },\r\n breakpoints: {\r\n 1280: {\r\n spaceBetween: 30,\r\n },\r\n 1024: {\r\n slidesPerView: 2.5,\r\n spaceBetween: 15,\r\n },\r\n 768: {\r\n slidesPerView: 1.5,\r\n spaceBetween: 15,\r\n freeMode: true,\r\n }\r\n },\r\n});\r\n\r\nconst useSlider = () => {\r\n return {\r\n productSliderInit,\r\n blogSliderInit,\r\n partnerSliderInit,\r\n };\r\n};\r\n\r\nexport default useSlider;\r\n","const blogInfoDetailSlider = () => {\r\n const blogInfoThumbnailSlider = new Swiper(\r\n \".blog-info-detail-thumbnail .swiper-container\",\r\n {\r\n spaceBetween: 8,\r\n slidesPerView: 5,\r\n observer: true,\r\n observeParents: true,\r\n slideToClickedSlide: true,\r\n watchSlidesVisibility: true,\r\n watchSlidesProgress: true,\r\n direction: 'vertical',\r\n breakpoints: {\r\n 1024: {\r\n slidesPerView: 4,\r\n spaceBetween: 16,\r\n direction: \"horizontal\"\r\n }\r\n },\r\n navigation: {\r\n prevEl: \".blog-info-detail-thumbnail .swiper-prev\",\r\n nextEl: \".blog-info-detail-thumbnail .swiper-next\"\r\n }\r\n }\r\n );\r\n const blogInfoImageSlider = new Swiper(\r\n \".blog-info-detail-images .swiper-container\",\r\n {\r\n effect: \"fade\",\r\n fadeEffect: { crossFade: true },\r\n observer: true,\r\n observeParents: true,\r\n thumbs: {\r\n swiper: blogInfoThumbnailSlider,\r\n },\r\n on: {\r\n slideChange: function () {\r\n let activeIndex = this.activeIndex + 1;\r\n\r\n let nextSlide = $(\r\n `.blog-info-detail-thumbnail .swiper-slide:nth-child(${\r\n activeIndex + 1\r\n })`\r\n );\r\n let prevSlide = $(\r\n `.blog-info-detail-thumbnail .swiper-slide:nth-child(${\r\n activeIndex - 1\r\n })`\r\n );\r\n\r\n if (\r\n nextSlide &&\r\n !nextSlide.hasClass(\"swiper-slide-visible\")\r\n ) {\r\n this.thumbs.swiper.slideNext();\r\n } else if (\r\n prevSlide &&\r\n !prevSlide.hasClass(\"swiper-slide-visible\")\r\n ) {\r\n this.thumbs.swiper.slidePrev();\r\n }\r\n },\r\n },\r\n }\r\n );\r\n\r\n return {\r\n blogInfoThumbnailSlider,\r\n blogInfoImageSlider,\r\n };\r\n};\r\n\r\nconst useBlogInfoDetail = () => {\r\n return {\r\n blogInfoDetailSlider,\r\n };\r\n};\r\n\r\nexport default useBlogInfoDetail;\r\n","export default function collapseComponent(options) {\r\n var settings = $.extend({\r\n triggerClass: \".collapse-trigger\"\r\n }, options);\r\n \r\n $(document).on(\"click\", settings.triggerClass, function() {\r\n $(this).next().slideToggle();\r\n $(this).toggleClass(\"active\");\r\n return false;\r\n });\r\n }","function headerInit() {\r\n\r\n const accountMapping = new MappingListener({\r\n selector: \".account-wrapper\",\r\n mobileWrapper: \".mobile-menu-container\",\r\n mobileMethod: \"appendTo\",\r\n desktopWrapper: \".cart-wrapper\",\r\n desktopMethod: \"insertBefore\",\r\n breakpoint: 1025,\r\n }).watch();\r\n\r\n const menuMapping = new MappingListener({\r\n selector: \".menu-wrapper\",\r\n mobileWrapper: \".mobile-menu-container\",\r\n mobileMethod: \"appendTo\",\r\n desktopWrapper: \".logo-wrapper\",\r\n desktopMethod: \"insertAfter\",\r\n breakpoint: 1025,\r\n }).watch();\r\n\r\n\r\n $(\"header\").sticky({\r\n topSpacing: 0,\r\n zIndex: 50,\r\n });\r\n\r\n $('.menu-toggle').on('click', function(){\r\n $('.mobile-menu').fadeIn()\r\n $('.mobile-menu').addClass('is-open')\r\n })\r\n \r\n $('.mobile-menu-overlay').on('click', function(){\r\n $('.mobile-menu').fadeOut()\r\n $('.mobile-menu').removeClass('is-open')\r\n })\r\n\r\n if ($(window).width() < 1025) {\r\n $(\".has-sub .toggle\").on(\"click\", function () {\r\n $(this).next().slideToggle();\r\n $(this).toggleClass(\"fa-chevron-down fa-chevron-up\");\r\n });\r\n } else {\r\n }\r\n\r\n}\r\n\r\nexport default headerInit","export default function backToTop(ms = 800) {\r\n var isAnimating = false;\r\n $(\".back-to-top\").click(function () {\r\n if (isAnimating) {\r\n // do nothing if the button is already being animated\r\n return false;\r\n }\r\n\r\n // set the flag to indicate that the button is being animated\r\n isAnimating = true;\r\n\r\n // perform the scroll animation\r\n $(\"html, body\").animate({ scrollTop: 0 }, ms, function () {\r\n // reset the flag when the animation is complete\r\n isAnimating = false;\r\n });\r\n\r\n return false;\r\n });\r\n};\r\n"]}