globalThis.zbThemes.phaseIiCommonSlider=class{zenButton;domElement;subscriptionObj=[];copyOfDisplayData;scrollContainer;sliderContainer;template;sanitizeContent;apiData;dummyJson;styleTemplate;cardDisplayStyle;onHover;cardWidth;SliderContainerWidth;slideOffset=0;viewedCards;startAnimation=!1;id=0;interval;slideRequired=!1;scrollContainerWidth;arrayCardsLength;isArrows;displayIcons;responsiveWidthGap=0;cardMarginWidth;noOfClicks=0;noOfClicksExecuted=0;sliderType=[{name:"Left",className:"image-slide-right",condition:-1},{name:"Right",className:"image-slide-left",condition:1}];topLeftText="topLeft";topRightText="topRight";bottomLeftText="bottomLeft";bottomRightText="bottomRight";directionType={left:"Left",right:"Right"};language=globalThis?.safelocalStorage?.getItem("language")??"en";zbService;awsImage;websiteSettings;eventListeners=[];wrapperCardRef;outerSliderContainerRef;commonButton;resizeTimeout;isFromStorefront=!0;constructor(t,e,i){this.sectionId=t,this.sectionDetails=e,this.bundle=i,this.zbService=this.bundle?.service,this.awsImage=this.bundle?.environment?.awsImageUrl,this.websiteSettings=this.zbService?.WebsiteSettings}async phaseIiCommonSlider(t){this.commonButton=this.sectionDetails.templateSettings?.buttonDetails?.buttonEnabled?`\n

${t?.sharedThemeCommonButton?.(this.sectionDetails.templateSettings?.buttonDetails)}

\n `:this.sectionDetails.buttonProperties?.buttonEnabled&&"petslider"===this.sectionDetails.templateSettings?.sliderType?`\n

${t?.sharedThemeCommonButton?.(this.sectionDetails?.buttonProperties)}

\n `:"\x3c!----\x3e";try{return"\n \x3c!----\x3e\n "}catch(t){return"\x3c!----\x3e"}}zbOnInit(t){if(this.domElement=t,this.sectionDetails.isEditor||this.domElement.addEventListener("click",(()=>this.onClick(event))),"slider"===this.sectionDetails?.templateSettings?.sliderType?(this.isArrows=!0,"normal"===this.sectionDetails?.templateSettings?.navigationType?this.isArrows=!0:"scrollbar"!==this.sectionDetails?.templateSettings?.navigationType&&"withoutSeconds"!==this.sectionDetails?.templateSettings?.isAutomatic&&"none"!==this.sectionDetails?.templateSettings?.navigationType||(this.isArrows=!1)):this.isArrows=!1,this.checkLocation(),globalThis?.safeDocument?.addEventListener("mousemove",(t=>{this.onHover=!(!this.sliderContainer||!this.sliderContainer.contains(globalThis?.safeDocument?.elementFromPoint(t.clientX,t.clientY)))}),{passive:!0}),"undefined"!=typeof window){let t=setInterval((()=>{globalThis?.safeDocument?.getElementById("setColor-"+this.sectionId)&&(this.onResize(!0),"petslider"===this.sectionDetails?.templateSettings?.sliderType&&(this.showNextAndPreviousIcons(),this.petSliderNavigation()),clearInterval(t))}),300)}}onClick(t){const e=t.target.closest("[routerlink]");if(e){const t=e.getAttribute("routerlink");if(t){let e=JSON.parse(t);this.bundle.routerObject.navigateToDetails(e.page,e.queryParam)}}}checkLocation(){let t=-1;this.subscriptionObj.push(this.zbService.changedLocation.subscribe((e=>{if(e&&e.id&&t!==e.id)switch(t=e.id,this.copyOfDisplayData=this.apiData=[],this.sectionDetails.templateSettings?.displayProduct){case"featuredCategory":this.zbService.getFeaturedCategories(this.isFromStorefront?{input:{query:{locationId:e.id,langCode:this.language},params:{storeId:this.zbService.storeId}}}:{input:{locationId:e.id,langCode:this.language,storeId:this.zbService.storeId}}).then((t=>{this.copyOfDisplayData={data:this.isFromStorefront?t?.i1_featuredCategories?.getCategories:t?.featuredCategories?.getCategories},this.copyOfDisplayData?.data?.length>0?"petSlider"!=this.sectionDetails?.templateSettings?.cardDisplayStyle?(this.setApiData(),this.styleTemplate?this.apiDataReplacement():this.getTemplate(this.sectionDetails?.templateSettings?.cardDisplayStyle),this.setIntervalOnInit()):this.renderHtmlContent():this.noProductTemplate(['"Currently you have not added any featured category,',' if you wish to see this template please add featured category"'])}));break;case"getBrands":this.subscriptionObj.push(this.zbService.getAllBrands(this.isFromStorefront?{input:{params:{storeId:this.zbService.storeId},query:{langCode:this.language,limit:10}}}:{input:{storeId:this.zbService.storeId,langCode:this.language,limit:10}}).subscribe((t=>{this.copyOfDisplayData={data:this.isFromStorefront?t?.i1_storeFrontBrand?.result:t?.storeFrontBrand?.result},this.copyOfDisplayData?.data?.length>0?(this.setApiData(),this.styleTemplate?this.apiDataReplacement():this.getTemplate(this.sectionDetails?.templateSettings?.cardDisplayStyle),this.setIntervalOnInit()):this.noProductTemplate(['"Currently you have not added any brands,',' if you wish to see this template please add brands"'])})));break;case"featuredProducts":this.zbService.getAllFeaturedProducts(this.isFromStorefront?{input:{query:{offset:0,limit:10,isFeatured:!0,langCode:this.language,locationId:e.id},params:{storeId:this.zbService.storeId}}}:{input:{offset:0,limit:10,isFeatured:!0,langCode:this.language,locationId:e.id,storeId:this.zbService.storeId}}).then((async t=>{this.copyOfDisplayData={data:this.isFromStorefront?t?.i1_getFeaturedProducts?.getProducts:t?.getFeaturedProducts?.getProducts},this.copyOfDisplayData?.data?.length>0?(this.setApiData(),"metalTheme"===this.sectionDetails?.templateSettings?.cardDisplayStyle&&(this.apiData=await Promise.all(this.apiData.map((async({imageUrl:t,optimizeImageUrl:e,...i})=>({bgImage:await this.checkImageUrls([e,t,"./assets/image-not-available.png"]),...i}))))),this.styleTemplate?this.apiDataReplacement():this.getTemplate(this.sectionDetails?.templateSettings?.cardDisplayStyle),this.setIntervalOnInit()):this.noProductTemplate(['"Currently you have not added any featured products,',' if you wish to see this template please add featured products"'])}));break;case"specificCategory":this.zbService.getProductsByCategory({input:{params:{storeId:this.zbService.storeId},query:{offset:0,limit:10,langCode:this.language,locationId:e.id,categoryId:this.sectionDetails?.templateSettings?.displaySpecificProduct?.id}}}).then((t=>{this.sectionDetails?.templateSettings?.displaySpecificProduct?.id?(this.copyOfDisplayData={data:t?.i1_fetchProductList?.products},this.copyOfDisplayData?.data?.length>0?(this.setApiData(),this.styleTemplate?this.apiDataReplacement():this.getTemplate(this.sectionDetails?.templateSettings?.cardDisplayStyle),this.setIntervalOnInit()):this.noProductTemplate(['"Currently you have not added any products to a Specific Product category,',' if you wish to see this template please add products"'])):this.noProductTemplate(['"Currently you have not added any products to a Specific Product category,',' if you wish to see this template please add products"'])}));break;case"topProducts":this.zbService.getTopRatedProducts({input:{langCode:this.language,storeId:this.zbService.storeId,locationId:e.id}}).then((t=>{this.copyOfDisplayData={data:t?.getTopRatedProducts?.getProducts},this.copyOfDisplayData?.data?.length>10&&this.copyOfDisplayData.data.splice(10),this.copyOfDisplayData?.data?.length>0?(this.setApiData(),this.styleTemplate?this.apiDataReplacement():this.getTemplate(this.sectionDetails?.templateSettings?.cardDisplayStyle),this.setIntervalOnInit()):this.noProductTemplate(["\"Currently you don't have any Top Rated Products,",' If you wish to see this template, please add the maximum rating to some of the products."'])}))}})))}noProductTemplate(t){this.domElement.innerHTML=this.sectionDetails.isEditor?`\n

${t[0]}\n ${t[1]}\n

\n `:"\x3c!----\x3e"}checkImageUrls(t){return new Promise((e=>{let i=0;!function n(){"undefined"==typeof window&&e(t[t.length-1]?.replace(/\.\w+$/,".webp"));const s=new Image;s.src=t[i],s.onload=()=>e(t[i]),s.onerror=()=>{i++,i{this.scrollContainer=globalThis?.safeDocument?.getElementById("scrollContainer"+this.sectionId),this.sliderContainer=globalThis?.safeDocument?.getElementById("sliderContainer"+this.sectionId),this.scrollContainer&&(this.onResize(!0),clearInterval(t),this.setJson(),t=null)}),200)}}onResize(t){this.scrollContainer=globalThis?.safeDocument?.getElementById("scrollContainer"+this.sectionId),this.sliderContainer=globalThis?.safeDocument?.getElementById("sliderContainer"+this.sectionId),this.sectionDetails&&this.copyOfDisplayData?.data?.length>1&&this.sectionDetails?.templateSettings?.isAutomatic&&this.sectionDetails?.templateSettings?.timeInterval?this.repeat(t?this.sectionDetails&&1e3*this.sectionDetails?.templateSettings?.timeInterval:null,!0):this.onSelectionChange(),"petslider"===this.sectionDetails?.templateSettings?.sliderType&&this.initializeValue(),this.scrollWithoutSeconds(),this.iconsDisplay()}onSelectionChange(t,e){if(t)for(let i of this.sliderType)if(i&&i.name===t){if(!e){const e=this.copyOfDisplayData&&this.copyOfDisplayData.data&&this.copyOfDisplayData?.data?.length&&this.copyOfDisplayData.data.splice(t===this.directionType.left?this.copyOfDisplayData?.data?.length-1:0,1);t===this.directionType.left?this.copyOfDisplayData&&this.copyOfDisplayData.data&&this.copyOfDisplayData?.data?.length&&this.copyOfDisplayData.data.splice(0,0,e&&e.length&&e[0]):this.copyOfDisplayData&&this.copyOfDisplayData.data&&this.copyOfDisplayData?.data?.length&&this.copyOfDisplayData.data.push(e&&e.length&&e[0])}break}}initializeValue(){const t=globalThis?.safeWindow?.innerWidth;this.wrapperCardRef=t>604?150:125,this.outerSliderContainerRef=globalThis?.safeDocument?.documentElement.clientWidth-44,this.wrapperCardRef&&this.outerSliderContainerRef&&(this.cardWidth=this.wrapperCardRef,this.viewedCards=Math.floor(this.outerSliderContainerRef/this.cardWidth),this.SliderContainerWidth=this.viewedCards<=this.copyOfDisplayData?.data?.length?this.viewedCards*this.cardWidth:this.copyOfDisplayData?.data?.length*this.cardWidth,this.domElement.querySelector(".pet-slider-container").style.width=this.SliderContainerWidth+"px")}showNextAndPreviousIcons(){if("petslider"===this.sectionDetails?.templateSettings?.sliderType){const t=this.domElement.querySelector("#showNextCard"+this.sectionId),e=this.domElement.querySelector("#showPreviousCard"+this.sectionId),i=()=>{this.copyOfDisplayData?.data?.length-this.viewedCards>0?(e.classList.remove("pet-slider-btn-hide"),t.classList.remove("pet-slider-btn-hide"),e&&(0===this.slideOffset?e.classList.add("pet-sliderEnd"):e.classList.remove("pet-sliderEnd")),t&&(this.slideOffset<=-(this.copyOfDisplayData?.data?.length-this.viewedCards)*this.cardWidth?t.classList.add("pet-sliderEnd"):t.classList.remove("pet-sliderEnd"))):(e.classList.add("pet-slider-btn-hide"),t.classList.add("pet-slider-btn-hide"))};t&&t.addEventListener("click",(()=>{this.copyOfDisplayData&&this.copyOfDisplayData.data&&this.slideOffset>-(this.copyOfDisplayData.data.length-this.viewedCards)*this.cardWidth&&(this.slideOffset-=this.cardWidth,this.domElement.querySelector(".pet-slider").style.transform=`translateX(${this.slideOffset}px)`),i()})),e&&e.addEventListener("click",(()=>{this.slideOffset<0&&(this.slideOffset+=this.cardWidth,this.domElement.querySelector(".pet-slider").style.transform=`translateX(${this.slideOffset}px)`),i()})),i()}}petSliderNavigation(){const t=this.copyOfDisplayData?.data;t.forEach(((t,e)=>{const i=globalThis?.safeDocument?.querySelector(`#sliderNavigate${this.sectionId}${e}`);if(i){const e=this.navigateCategory.bind(this,t);i.addEventListener("click",e),this.eventListeners.push({document,type:"click",navigateListener:e})}}))}navigateCategory(t){if(t&&t.id){const e=t.name?t.name:t.categoryName,i=this.bundle?.routerObject?.slugify(e);this.bundle?.routerObject?.navigateToDetails(`products/${i}/${t.id}`)}else this.bundle?.routerObject?.navigateToDetails("products")}scrollWithoutSeconds(){return this.slideRequired=globalThis?.safeWindow?.innerWidth<=globalThis?.safeDocument?.getElementById("scroll-withoutSeconds"+this.sectionId)?.offsetWidth,""}iconsDisplay(){if(this.scrollContainer){this.scrollContainerWidth=this.scrollContainer.offsetWidth;let t=globalThis?.safeDocument?.getElementById("scrollFunction_"+this.sectionId);if(t){const t=globalThis?.safeDocument?.querySelector(`.sliderSection${this.sectionId} .singleCard`);this.arrayCardsLength=t?.clientWidth*this.copyOfDisplayData?.data?.length,this.scrollContainerWidth>=this.arrayCardsLength?(this.repeat(0,!1),this.displayIcons=!1):this.displayIcons=!0,this.responsiveWidthGap=Math.floor(this.scrollContainerWidth/t?.clientWidth),0===this.responsiveWidthGap&&(this.responsiveWidthGap=1),this.cardMarginWidth=(this.scrollContainerWidth-t?.clientWidth*this.responsiveWidthGap)/(this.responsiveWidthGap+1)}}this.sectionDetails?.templateSettings?.cardDisplayStyle!=this.cardDisplayStyle&&null!=this.cardDisplayStyle?this.getTemplate(this.sectionDetails?.templateSettings?.cardDisplayStyle):this.setJson()}changeArrayData(){this.copyOfDisplayData.data=this.copyOfDisplayData.data.slice(0,this.sectionDetails?.templateSettings?.dataDisplayCount)}repeat(t,e){this.noOfClicks=this.copyOfDisplayData?.data?.length/this.responsiveWidthGap,clearTimeout(this.resizeTimeout),e&&this.copyOfDisplayData?.data?.length>1&&(this.resizeTimeout=setTimeout((()=>{this.onHover||this.onSelectionChange(this.directionType.right,!!t),this.repeat(!1,e)}),t||this.sectionDetails&&1e3*this.sectionDetails?.templateSettings?.timeInterval)),clearTimeout(this.resizeTimeout),e&&this.copyOfDisplayData?.data?.length>1&&(this.resizeTimeout=setTimeout((()=>{this.onHover||this.scrollRight(),this.noOfClicksExecuted+=1;const t=globalThis?.safeDocument?.getElementById("scrollFunction_"+this.sectionId);this.noOfClicksExecuted>=this.noOfClicks&&!this.onHover&&(this.scrollContainer.scrollLeft=0,t.scrollLeft=0,this.noOfClicksExecuted=0),this.repeat(!1,e)}),t||this.sectionDetails&&1e3*this.sectionDetails?.templateSettings?.timeInterval))}getTemplate(t){this.styleTemplate="",this.cardDisplayStyle=t,fetch(`../${globalThis.bundleFolder}/html-templates/slider/${t}.html`).then((t=>{if(!t.ok)throw Error("Failed to fetch:");return t.text()})).then((t=>{this.styleTemplate=t,this.apiDataReplacement()})).catch((t=>{let e='

No Template found

';this.template=e,this.sanitizeContent=this.sectionDetails?.isEditor?e:"\x3c!-- --\x3e",this.domElement.innerHTML=this.sanitizeContent}))}setApiData(){switch(this.copyOfDisplayData?.data?.length&&this.sectionDetails?.templateSettings?.dataDisplayCount&&this.changeArrayData(),(this.sectionDetails?.templateSettings&&!this.sectionDetails?.templateSettings?.timeInterval||this.copyOfDisplayData?.data?.length<=1)&&this.repeat(0,!1),this.sectionDetails.templateSettings?.displayProduct){case"getBrands":this.apiData=this.copyOfDisplayData?.data.map((({id:t,brandName:e,imageUrl:i,ribbon:n,...s},o)=>({id:t,...s,price:"",ribbonBottom:"",name:e,imageUrl:this.awsImage+i,optimizeImageUrl:zbGetOptimizedImageUrl(this.awsImage+i,IMAGE_EXTENSION.WEPB_FORMAT),ribbon:n?this.ribbonSetUp(n,o):"",url:`{ "page": "products/all-products/0", "queryParam": { "brandId": ${t} } }`})));break;case"featuredCategory":this.apiData=this.copyOfDisplayData?.data.map((({id:t,categoryName:e,categoryImageUrl:i,count:n,...s},o)=>({id:t,price:"",ribbon:"",product:"",ribbonBottom:"",name:e,category:"category",even:o%2==0?"even":"odd",imageUrl:this.awsImage+i,optimizeImageUrl:zbGetOptimizedImageUrl(this.awsImage+i,IMAGE_EXTENSION.WEPB_FORMAT),url:`{ "page": "products/${this.bundle?.routerObject?.slugify(e)}/${t}", "queryParam": {}}`,count:n+(0===n||1===n?translationObj.COMMON_SLIDER.PRODUCT??" product":translationObj.COMMON_SLIDER.PRODUCTS??" products"),countItem:n+(0===n||1===n?translationObj.COMMON_SLIDER.CATEGORY_ITEM??" item":translationObj.COMMON_SLIDER.CATEGORY_ITEMS??" items"),...s})));break;case"topProducts":case"featuredProducts":case"specificCategory":this.apiData=this.copyOfDisplayData?.data.map((({id:t,featuredImage:e,price:i,ribbon:n,badges:s,ratings:o,multiLocationVariantStocks:a,variantCombinationDetails:l,...r},c)=>({id:t,product:"product",ratings:this.checkStarRating(o),imageUrl:this.awsImage+e,optimizeImageUrl:zbGetOptimizedImageUrl(this.awsImage+e,IMAGE_EXTENSION.WEPB_FORMAT),stockText:a&&a.length&&(a[0].stock>0||-1===a[0].stock)?this.sectionDetails?.templateSettings?.stockAvailableText:this.sectionDetails?.templateSettings?.lowStockAvailableText??"",url:`{ "page": "productdetails", "queryParam": { "productId": ${t} }}`,price:i?this.websiteSettings?.currency.currencySymbol+parseFloat(i).toFixed(2):"",ribbon:s&&s?.length?this.badge(s):n?.productRibbons?.overlayRibbonPosition!==this.topLeftText&&n?.productRibbons?.overlayRibbonPosition!==this.topRightText||n?.productRibbons?.isOverlayHeader?"":this.ribbonSetUp(n,c),ribbonBottom:s&&s?.length||n?.productRibbons?.overlayRibbonPosition!==this.bottomLeftText&&n?.productRibbons?.overlayRibbonPosition!==this.bottomRightText||n?.productRibbons?.isOverlayHeader?"":this.ribbonSetUp(n,c),varientPrice:l&&l?.length&&l[0]?.costComparePrice?this.websiteSettings?.currency.currencySymbol+parseFloat(l[0]?.costComparePrice).toFixed(2):"",offer:l&&l?.length&&l[0]?.costComparePrice?this.offerPrice(i,l[0]?.costComparePrice):"",...r})))}}apiDataReplacement(){this.template="";let[t,e]=this.styleTemplate.split(/(\n `;this.domElement.innerHTML=i+n,"featuredProducts"!==this.sectionDetails?.templateSettings?.displayProduct||"slider"===this.sectionDetails?.templateSettings?.sliderType&&"withoutSeconds"===this.sectionDetails?.templateSettings?.isAutomatic||this.zbService.getOtherAngleImage(this.copyOfDisplayData?.data,this.domElement,this.sectionDetails?.templateSettings,!0);const s=globalThis?.safeDocument?.querySelector("#scrollRight"+this.sectionId),o=globalThis?.safeDocument?.querySelector("#scrollSlideLeft"+this.sectionId);o&&s&&(s.addEventListener("click",this.scrollRight.bind(this)),o.addEventListener("click",this.scrollSlideLeft.bind(this)))}badge(t){let e=t[0];const i=globalThis?.safeDocument?.createElement("div");if(i.classList.add("badgeClass","badge"+e.badgePosition),e&&e.isTextTemplate&&e.template)i.innerHTML=e.template,i.querySelector("p").textContent=e?.badgeName;else if(e&&(e.isImageTemplate||e.isImageUpload)&&e.imageUrl){const t=globalThis?.safeDocument?.createElement("img");t.alt="image template",e.class&&e.class.badgeUnitType&&"percentage"==e.class.badgeUnitType?(t.style.height=(e.height?e.height:30)+"%",t.style.width=(e.width?e.width:30)+"%"):(t.style.height=(e.height?e.height:70)+"px",t.style.width=(e.width?e.width:70)+"px"),t.style.opacity=""+(e.transparancy?e.transparancy:1),t.src=this.awsImage+e.imageUrl,t.id="default-template-item-id"+e.id,i.appendChild(t)}if(e&&e.templateRawCss){const t=globalThis?.safeDocument?.createElement("style");t.id="default-template-item-id"+e.id,t.appendChild(globalThis?.safeDocument?.createTextNode(e.templateRawCss)),i.appendChild(t)}return i.outerHTML}ribbonSetUp(t,e){const i=Object.assign(globalThis?.safeDocument?.createElement("div"),{className:"active-ribbon"});return t?.productRibbons?.overlayRibbonPosition!==this.bottomLeftText&&t?.productRibbons?.overlayRibbonPosition!==this.bottomRightText||i.classList.add(t.className.ribbonName+t.productRibbons.overlayRibbonPosition),"foldable"!=t.className.ribbonName&&"v-shapeRibbon"!=t.className.ribbonName||i.style.setProperty("--new-ribbon-color",t.ribbonColor),i.innerHTML=this.zbService.sharedService.ribbonSetUp(t,e).changingThisBreaksApplicationSecurity,i.outerHTML}checkStarRating(t){let e="";if(!t)return e.concat('').repeat(5);for(let i=0;i<5;i++)if(i>=t)e=e.concat('');else{let n=this.zbService.sharedService.checkStarRating(i,t)?"star_rate":"star_half";e=e.concat(``)}return e}offerPrice(t,e){return((e-t)/e*100).toFixed(0)+"% "+(translationObj.COMMON_SLIDER.OFF??"OFF")}scrollSlideLeft(){const t=globalThis?.safeDocument?.getElementById("scrollFunction_"+this.sectionId);this.scrollContainer=globalThis?.safeDocument?.getElementById("scrollContainer"+this.sectionId),this.scrollContainer&&t&&(this.isArrows?t.scrollLeft-=t.offsetWidth?t.offsetWidth:450:this.isArrows||(this.scrollContainer.scrollLeft-=this.scrollContainer?.offsetWidth?this.scrollContainer?.offsetWidth:450))}scrollRight(){const t=globalThis?.safeDocument?.getElementById("scrollFunction_"+this.sectionId);this.scrollContainer=globalThis?.safeDocument?.getElementById("scrollContainer"+this.sectionId),this.scrollContainer&&t&&(this.isArrows?t.scrollLeft+=t.offsetWidth?t.offsetWidth:450:this.isArrows||(this.scrollContainer.scrollLeft+=this.scrollContainer?.offsetWidth?this.scrollContainer?.offsetWidth:450))}zbOnDestroy(){clearTimeout(this.resizeTimeout),this.subscriptionObj.forEach((t=>{t.unsubscribe()})),this.eventListeners?.length&&(this.eventListeners.forEach((({element:t,type:e,listener:i})=>{t?.removeEventListener(e,i)})),this.eventListeners=[])}};

error No Template found

No Template found

We're On Instagram!