globalThis.zbThemes.phaseIiBanner=class{fontStyleValues={bold:"B",italic:"I",underline:"U"};BANNER_PROPERTIES=[{id:1,name:"Image",template:"simpleImage",replaceContent:{bannerHeight:"height",bannerImageXAlign:"bannerImageXAlign",bannerImageYAlign:"bannerImageYAlign",bannerMarginTop:"marginTop",bannerMarginLeftRight:"marginLeftRight",bannerMarginBottom:"marginBottom",bannerImageBackgroundSizeType:"imageBackgroundSizeType",imageOverlay:"bannerImage[0].overlay",imageOverlayType:"bannerImage[0].overlay",optimizedImageUrl:"bannerImage[0].image",parallax:"bannerImage[0].imageAnimation","zoom-animation":"bannerImage[0].imageAnimation"}},{id:2,name:"Slider",handlerFunction:"getSliderTemplates"},{id:3,name:"Video",template:"videoTemplate",replaceContent:{bannerHeight:"height",bannerMarginTop:"marginTop",bannerMarginLeftRight:"marginLeftRight",bannerMarginBottom:"marginBottom",bannerVideo:"bannerVideo",videooverlayColor:"overlay","video-card":"bannerVideoCard",showControls:"isVideoControls",awsUrl:"awsImageUrl"}},{id:4,name:"Solid Color",template:"solidColorTemplate",replaceContent:{bannerHeight:"height",bannerMarginTop:"marginTop",bannerMarginLeftRight:"marginLeftRight",bannerMarginBottom:"marginBottom",bannerColor:"bannerColor"}},{id:5,name:"Gradient Color",template:"gradientColorTemplate",replaceContent:{bannerHeight:"height",bannerColor1:"bannerColor1",bannerColor2:"bannerColor2",bannerMarginTop:"marginTop",bannerMarginLeftRight:"marginLeftRight",bannerMarginBottom:"marginBottom"}},{id:6,name:"Painting Theme",template:"paintingTemplate",replaceContent:{backgroundColor:"bannerImage[0].backgroundColor",bannerLayout:"bannerImage[0].bannerLayout",bannerImage:"bannerImage[0].image",optimizedImageUrl:"bannerImage[0].image",imageDesignType:"bannerImage[0].imageDesignType",awsUrl:"awsImageUrl"}},{id:7,name:"Cafe Theme",template:"cafeTemplate",replaceContent:{bannerColor:"bannerColor",cafeAlignment:"alignment",image1:"cafeDetails[0].imageUrl",optimizedImageUrl1:"cafeDetails[0].imageUrl",image2:"cafeDetails[1].imageUrl",optimizedImageUrl2:"cafeDetails[1].imageUrl",image3:"cafeDetails[2].imageUrl",optimizedImageUrl3:"cafeDetails[2].imageUrl",image4:"cafeDetails[3].imageUrl",optimizedImageUrl4:"cafeDetails[3].imageUrl",image5:"cafeDetails[4].imageUrl",optimizedImageUrl5:"cafeDetails[4].imageUrl",image6:"cafeDetails[5].imageUrl",optimizedImageUrl6:"cafeDetails[5].imageUrl",image7:"cafeDetails[6].imageUrl",optimizedImageUrl7:"cafeDetails[6].imageUrl",image8:"cafeDetails[7].imageUrl",optimizedImageUrl8:"cafeDetails[7].imageUrl",image9:"cafeDetails[8].imageUrl",optimizedImageUrl9:"cafeDetails[8].imageUrl",image10:"cafeDetails[9].imageUrl",optimizedImageUrl10:"cafeDetails[9].imageUrl",awsUrl:"awsImageUrl"}},{id:8,name:"Carousel",handlerFunction:"getCarouselTemplate"},{id:9,name:"Sporting Goods Theme",handlerFunction:"getSportingGoodsTemplate"},{id:10,name:"Pets Canine",template:"petCanineTemplate",replaceContent:{bannerText:"bannerImage[0].bannerText",textSize:"bannerImage[0].textSize",textColor:"bannerImage[0].textColor",textAlign:"bannerImage[0].textAlign",textFontFamily:"bannerImage[0].textFontFamily",bannerImage:"bannerImage[0].image",optimizedImageUrl:"bannerImage[0].image",bannerSubtext:"bannerImage[0].bannerSubText",subtextSize:"bannerImage[0].subtextSize",subtextColor:"bannerImage[0].subTextColor",subtextFontFamily:"bannerImage[0].subtextFontFamily",gapBetweenTextandSubtext:"bannerImage[0].gapBetweenTextandSubtext",awsUrl:"awsImageUrl"}},{id:11,name:"Chocolate Theme Three",handlerFunction:"getAthenaTemplate"},{id:12,name:"Digital Product",template:"digitalProductsTemplate",replaceContent:{bannerHeight:"height",bannerColor:"bannerColor",bannerMarginTop:"marginTop",bannerMarginLeftRight:"marginLeftRight",bannerMarginBottom:"marginBottom",image1:"cafeDetails[0].imageUrl",optimizedImageUrl1:"cafeDetails[0].imageUrl",image2:"cafeDetails[1].imageUrl",optimizedImageUrl2:"cafeDetails[1].imageUrl",image3:"cafeDetails[2].imageUrl",optimizedImageUrl3:"cafeDetails[2].imageUrl",image4:"cafeDetails[3].imageUrl",optimizedImageUrl4:"cafeDetails[3].imageUrl",awsUrl:"awsImageUrl"}},{id:13,name:"Women Accessories Theme",handlerFunction:"getEleganzaTemplate"},{id:14,name:"Bliss Theme",handlerFunction:"getBlissTemplate"},{id:15,name:"Painting Theme Three",handlerFunction:"getPaintingThreeTemplate"},{id:16,name:"Radiance Theme",handlerFunction:"getRadianceTemplate"},{id:17,name:"Jewellery Theme Two",handlerFunction:"getJewelleryTemplate"}];OPTION_BASED_CLASSES={imageAnimation:{parallex:"parallax",zoom:"zoom-animation"},imageDesignType:{one:"sfb-painting-style1",two:"sfb-painting-style2"}};BANNER_CONTENT_ALIGNMENT={CENTER:"align-center-center","TOP CENTER":"align-center-start","BOTTOM CENTER":"align-center-end",LEFT:"align-start-center","TOP LEFT":"align-start-start","BOTTOM LEFT":"align-start-end",RIGHT:"align-end-center","TOP RIGHT":"align-end-start","BOTTOM RIGHT":"align-end-end"};FLEX_ALIGNMENT={Center:"align-center-center",Left:"align-center-start",Right:"align-center-end","Top Center":"align-start-center","Top Left":"align-start-start","Top Right":"align-start-end","Bottom Center":"align-end-center","Bottom Left":"align-end-start","Bottom Right":"align-end-end"};awsImageUrl;id=0;intervalId;handleFunction=null;sliderInputData={};pause="pause";isPaused=!1;element;eventHandlers=[];constructor(n,e,t){this.sectionId=n,this.bannerData=e,this.bundle=t,this.awsImageUrl=this.bundle?.environment?.awsImageUrl}async phaseIiBanner(n){try{return this.childRef=n,this.innerHtml=await this.setbannerDetails().then((n=>n)).catch((n=>{})),`\n ${this.bannerData?.headingTextEnabled?`\n \n `:"\x3c!----\x3e"}\n

${this.innerHtml}

\n\n \n `}catch(n){return"\x3c!----\x3e"}}checkComponentTemplates(n){return[2,8,9,11,14,13,15,16,17].includes(Number(n))}setSectionId(n){let e=this.sectionId;return n.replace(RegExp("%%sectionId%%","g"),e)}getBannerImageDetails(n,e,t){return new Promise((a=>{1==n[0][e[1]]?a(t):0==n[0][e[1]]?a(""):t.includes("optimizedImageUrl")?this.getOptimizedImage(n[0][e[1]]).then((n=>{a(n)})):a(n[0][e[1]])}))}getOptimizedImage(n){return new Promise((e=>{const t=this.awsImageUrl.concat(n),a=zbGetOptimizedImageUrl(t,IMAGE_EXTENSION.WEPB_FORMAT);this.checkForFallback(a,t).then((n=>{e(n)}))}))}checkForFallback(n,e){return new Promise((t=>{"undefined"==typeof window&&t(e?.replace(/\.\w+$/,".webp"));const a=new Image;a.src=n,a.onload=()=>{t(n)},a.onerror=()=>{t(e)}}))}async setReplaceContent(n,e){try{for(const t of Object.keys(n.replaceContent)){let a="%%"+t+"%%",i="",s=n.replaceContent[t];if("awsImageUrl"===s)i=this.awsImageUrl;else if(s.includes("[")&&s.includes("]")&&s.includes("bannerImage[0]")){let n=s.split("[0].");const e=this.OPTION_BASED_CLASSES[n[1]],a=this.bannerData.bannerDetails[n[0]];i=e&&"object"==typeof e?e[a[0][n[1]]]:"imageOverlayType"===t?a[0][n[1]]?.includes("gradient")?"sfb-bg-image-gradient":"sfb-bg-image":await this.getBannerImageDetails(a,n,t).then((n=>n))}else switch(t){case"video-card":i=this.bannerData.bannerDetails.bannerVideoCard?t:"";break;case"video-overlay":i=this.bannerData.bannerDetails.videoOverlay?t:"";break;case"showControls":i=this.bannerData.bannerDetails.isVideoControls?"controls":"";break;case"cafeAlignment":i="row"===this.bannerData.bannerDetails.alignment?"sfb-align-row":"sfb-align-column";break;default:if(s.includes("[")&&s.includes("]")){const n=s.split("["),e=n[1].split("]."),a=this.bannerData.bannerDetails[n[0]][e[0]][e[1]];i=t.includes("optimizedImageUrl")?this.getOptimizedImage(a):a}else i=this.bannerData.bannerDetails[s]??""}e=e.replace(RegExp(a,"g"),i)}return e}catch(n){return}}async setbannerDetails(){return new Promise(((n,e)=>{if(this.bannerData){let e=this.BANNER_PROPERTIES.find((n=>n.id==this.bannerData.bannerProperty));if(null!=e)if(this.checkComponentTemplates(e.id)){this.handleFunction=e.handlerFunction;const t=this[this.handleFunction](this.bannerData);n(t)}else this.bundle?.service.getBannerTemplates(e.template).subscribe((async t=>{t=this.setSectionId(t),e.replaceContent&&"object"==typeof e.replaceContent&&null!==e.replaceContent&&(t=await this.setReplaceContent(e,t)),n(t)}))}}))}setSlider(){this.bannerData&&this.bannerData.bannerDetails&&this.bannerData.bannerDetails.slideAutomatically&&this.bannerData.bannerDetails.bannerImage&&this.bannerData.bannerDetails.bannerImage.length&&this.bannerData.bannerDetails.bannerImage.length>1?this.startSlide(this.bannerData.bannerDetails.bannerImage):this.bannerData?.bannerDetails?.slideAutomatically||this.stopSlide()}startSlide(n){this.intervalId||(this.isPaused?this.stopSlide():"undefined"!=typeof window&&(this.intervalId=setInterval((()=>{this.id=this.id{this.modifyActiveClass(n,e,t)}))}modifyActiveClass(n,e,t){const a=this.element.querySelectorAll(n);a&&a.forEach(((n,t)=>{t!=this.id&&n.classList.contains(e)&&n.classList.remove(e)}));const i=this.element.querySelector(t);i&&i.classList.add(e)}eventListeners(){this.addDotClickEvents();const n={2:()=>{this.setEventsForSlider(),this.setSlider()},14:()=>this.setSlider(),17:()=>this.setEventsForJewelleryTemplate(),9:()=>this.startSlide(this.bannerData.bannerDetails.cafeDetails),8:()=>this.setEventsForCarousalTemplate(),15:()=>this.setEventsForPaintingThreeTemplate()}[this.bannerData.bannerProperty];n&&n()}addDotClickEvents(){this.element.querySelectorAll(".sfb-navigation-dot").forEach(((n,e)=>{n.addEventListener("click",(()=>this.navigateOnClick(e))),this.eventHandlers.push({element:n,type:"click",handler:()=>this.navigateOnClick(e)})})),16==this.bannerData.bannerProperty&&this.updateRadianceTemplate()}setEventsForSportTemplate(){const n=this.element.querySelectorAll(".sfb-navigation-dot");n.forEach((n=>{n.classList.contains("sfb-sport-active-image")&&n.classList.remove("sfb-sport-active-image")})),n[this.id].classList.add("sfb-sport-active-image");const e=this.getSportGoodsImage(this.bannerData),t=this.element.querySelector("#sfb-sports-banner-img"+this.sectionId);this.setUpdatedTemplate(t,e,!1)}setEventsForSlider(){this.addEvent(globalThis?.safeDocument?.getElementById("sfb-slider-right-arrow"),"click",(()=>this.changeSlides("right"))),this.addEvent(globalThis?.safeDocument?.getElementById("sfb-slider-left-arrow"),"click",(()=>this.changeSlides("left"))),this.addEvent(globalThis?.safeDocument?.getElementById("sfb-slider-pause"),"click",(()=>this.pauseStop()))}addEvent(n,e,t){if(n){const a=t.bind(this);n.addEventListener(e,a),this.eventHandlers.push({element:n,type:e,handler:a})}}setupNavigationButtons(n,e,t,a){const i=globalThis?.safeDocument?.getElementById(n),s=globalThis?.safeDocument?.getElementById(e),r=t.bind(this);this.addEvent(i,"click",(()=>r("next",a))),this.addEvent(s,"click",(()=>r("previous",a)))}setEventsForJewelleryTemplate(){this.customHeader=this.element.querySelector(".jewellery-banner-container"),this.addEvent(globalThis?.safeWindow,"scroll",this.onScroll);const n=this.bannerData?.bannerDetails?.cafeDetails;this.setupNavigationButtons("sfb-jewellery-next-btn","sfb-jewellery-previous-btn",this.onSlide,n)}setEventsForPaintingThreeTemplate(){const n=this.bannerData?.bannerDetails?.bannerImage;this.setupNavigationButtons("sfb-pt-next-btn","sfb-pt-prev-btn",this.slideHandler,n),this.automaticPaintingSlider()}slideHandler(n,e){this.restartSlider(),this.onSlide(n,e)}restartSlider(){this.stopSlide(),this.bannerData.bannerDetails?.slideAutomatically&&this.automaticPaintingSlider()}automaticPaintingSlider(){if(this.bannerData.bannerDetails?.slideAutomatically){if(this.intervalId)return;"undefined"!=typeof window&&(this.intervalId=setInterval((()=>{const n=this.bannerData?.bannerDetails?.bannerImage;this.onSlide("next",n)}),this.bannerData&&this.bannerData?.bannerDetails?.timeInterval>0?1e3*this.bannerData?.bannerDetails?.timeInterval:3e3))}}onScroll(){if(this.customHeader){const n=globalThis?.safeWindow?.scrollY-this.customHeader.offsetTop;this.zoomImage=Math.max(1,.8+n/this.customHeader.offsetHeight)}}onSlide(n,e){this.status=!this.status,this.id="previous"===n?(this.id-1+e?.length)%e?.length:(this.id+1)%e?.length,this.getUpdatedHTML()}getUpdatedHTML(){const n=this.element.querySelector("#sfb-container-"+this.sectionId);n.innerHTML="\x3c!----\x3e";const e=this[this.handleFunction](this.bannerData);this.setUpdatedTemplate(n,e)}changeSlides(n){this.id="left"===n?this.id>0?--this.id:this.bannerData.bannerDetails.bannerImage.length-1:this.idthis.addEvent(this.element,n,this.onMouseDown))),["mousemove","touchmove"].forEach((n=>this.addEvent(this.element,n,this.onMouseMove))),["mouseup","touchend","mouseleave"].forEach((n=>this.addEvent(this.element,n,this.onMouseUp))),this.addEvent(this.element.querySelector("#sfb-carousel-prev-btn"),"click",this.onLeft),this.addEvent(this.element.querySelector("#sfb-carousel-next-btn"),"click",this.onRight),this.infiniteBanner=globalThis?.safeDocument?.getElementById("sfb-carousel-container"+this.sectionId),"undefined"!=typeof window){const n=setInterval((()=>{this.infiniteBanner&&(this.resizeBanner(),clearInterval(n))}),100)}}resizeBanner(){const n=this.infiniteBanner,e=n?.offsetWidth,t=n?.scrollWidth;t>e?(this.isArrow=!0,this.startInterval()):(this.isArrow=!1,this.stopInterval())}startInterval(){if(this.bannerDetails?.bannerDetails?.timeInterval){if(this.intervalId)return;"undefined"!=typeof window&&(this.intervalId=setInterval((()=>{this.onRight()}),this.bannerDetails&&this.bannerDetails?.bannerDetails?.timeInterval>0?1e3*this.bannerDetails?.bannerDetails?.timeInterval:3e3))}}onRight(){if(this.stopInterval(),this.bannerDetails?.bannerDetails?.timeInterval&&this.startInterval(),this.infiniteBanner){const n=this.infiniteBanner,e=this.element.querySelectorAll(".sfb-carousal-field")[0],t=n?.offsetWidth??0,a=e?.offsetWidth,i=n?.scrollWidth;let s=n?.scrollLeft+a;i>0&&s+t>0&&i<=s+t&&(this.removeClone(),this.createClone("right")),s=n?.scrollLeft+a,n.scrollTo({left:s,behavior:"smooth"})}}onLeft(){if(this.stopInterval(),this.autoslide&&this.startInterval(),this.infiniteBanner){const n=this.infiniteBanner,e=this.element.querySelectorAll(".sfb-carousal-field")[0];n.scrollLeft<=e?.offsetWidth&&e?.offsetWidth>0&&(this.removeClone(),this.createClone("left")),n.scrollTo({left:n?.scrollLeft-e?.offsetWidth,behavior:"smooth"})}}removeClone(){const n=this.element.querySelectorAll(".clone");n?.forEach((n=>{n.classList.contains("current")||n.remove()}))}createClone(n){const e=this.infiniteBanner,t=this.element.querySelectorAll(".sfb-carousal-field");if(this.element.querySelectorAll(".clone").forEach((n=>{n.classList.remove("current")})),"right"==n)t.forEach((n=>{const t=n?.cloneNode(!0);t&&(t.classList.add("clone"),t.classList.add("current"),e.appendChild(t))}));else for(let n=t?.length-1;n>=0;n--){const a=t[n]?.cloneNode(!0);a&&(a.classList.add("clone"),a.classList.add("current"),e.insertBefore(a,e?.firstChild))}}stopInterval(){clearInterval(this.intervalId),this.intervalId=null}onMouseDown(n){this.infiniteBanner&&(this.stopInterval(),this.isDown=!0,this.infiniteBanner?.classList.add("active"),this.startX=(n.touches&&n.touches[0]||n).pageX-this.infiniteBanner?.offsetLeft,this.scrollLeft=this.infiniteBanner?.scrollLeft,this.isArrow&&this.startInterval())}onMouseMove(n){if(this.infiniteBanner){const e=this.infiniteBanner;if(!this.isDown)return;n.preventDefault(),e.scrollLeft=this.scrollLeft-((n.touches&&n.touches[0]||n).pageX-e.offsetLeft-this.startX)}}onMouseUp(){this.infiniteBanner&&(this.isDown=!1,this.infiniteBanner.classList.remove("active"))}zbOnInit(n){n&&(this.element=n,this.checkComponentTemplates(this.bannerData.bannerProperty)?this.handleFunction&&this.eventListeners():this.insertContentTemplate(this.element))}getBlissTemplate(n){try{return`\n ${n?.bannerDetails?.bannerImage?`

\n ${this.getContentTemplate(this.bannerData?.bannerDetails?.bannerImage[this.id])}\n

\n ${n?.bannerDetails?.bannerImage.map(((n,e)=>`\n \n `)).join("")}\n

\n \n `:"\x3c!----\x3e"}\n `}catch(n){return"\x3c!------\x3e"}}getEleganzaTemplate(n){return`\n

\n ${this.getContentTemplate(n?.bannerDetails)}\n

\n ${n?.bannerDetails?.cafeDetails?.length?`\n

`:""}\n

\n ${n?.bannerDetails?.cafeDetails.map(((n,e)=>`\n

`)).join("")}\n

\n ${n?.bannerDetails?.cafeDetails.map(((n,e)=>`\n `)).join("")}\n

\n \n `}getRadianceTemplate(n){return`\n

\n ${this.getContentTemplate(n?.bannerDetails)}\n

\n \n

\n ${n?.bannerDetails?.cafeDetails.map(((n,e)=>`

`)).join("")}\n

\n ${n?.bannerDetails?.cafeDetails.map(((n,e)=>`

\n \n

`)).join("")}\n

\n \n `}getAthenaTemplate(n){return`\n

\n ${n?.bannerDetails?.cafeDetails.map(((e,t)=>`\n

\n ${n?.bannerDetails?.bannerImage[0]?.bannerText}\n

\n ${n?.bannerDetails?.bannerImage[0]?.bannerSubText}\n

\n ${n?.bannerDetails?.bannerImage[0]?.customButton&&n?.bannerDetails?.bannerImage[0]?.customButton.buttonEnabled?""+(this.childRef?.sharedThemeCommonButton?.(n?.bannerDetails?.bannerImage[0]?.customButton)??"\x3c!------\x3e"):"\x3c!-------\x3e"}\n

`)).join("")}\n

\n ${n?.bannerDetails?.cafeDetails.map(((n,e)=>``)).join("")}\n

\n `}getSliderTemplates(n){return this.sliderInputData.width=null,this.sliderInputData.iconType="normal",this.sliderInputData.isManual=!n.bannerDetails||!n.bannerDetails.slideAutomatically,this.sliderInputData.timeInterval=n?.bannerDetails?.timeInterval?n?.bannerDetails?.timeInterval:0,`\n

\n ${this.getSlides(n,n?.bannerDetails?.bannerImage[this.id])}\n

\n ${this.sliderInputData?.isManual?'\n \n keyboard_arrow_left\n \n keyboard_arrow_right':"\x3c!-------\x3e"}\n

\n ${this.sliderInputData?.timeInterval&&!this.sliderInputData?.width?`

\n ${n?.bannerDetails?.pausebutton?`\n

\n ${this.pause}\n

\n `:"\x3c!-------\x3e"}\n

`:"\x3c!-------\x3e"}\n

\n `}getSlides(n,e){return`\n ${n?.isNoDocumentUploaded?"\x3c!-----\x3e":`\n

1280?"zoom-animation":""} ${"parallex"===e?.imageAnimation&&globalThis?.safeWindow?.innerWidth>1280?"parallax":""} ${"none"!=e?.overlay?"background-blend":""}">\n ${this.getContentTemplate(e)}\n

\n \n `}\n `}getJewelleryTemplate(n){return this.status=!1,`\n ${n?.bannerDetails?.bannerImage?`\n

\n ${this.getContentTemplate(n?.bannerDetails)}\n

\n \n arrow_back\n \n \n arrow_forward\n \n

\n `:"\x3c!---------\x3e"}\n `}getSportGoodsImage(n){return`\n No Image Found

\n `}getSportingGoodsTemplate(n){return`\n \n \n `}getPaintingThreeTemplate(n){return n?.bannerDetails?.bannerImage?`\n

\n ${this.getContentTemplate(n?.bannerDetails?.bannerImage[this.id])}\n

\n ${0==this.id?`\n

\n ${n?.bannerDetails?.bannerImage.map(((n,e)=>`\n ${0!==e?`\n

\n \n

`:"\x3c!----\x3e"}\n `)).join("")}\n

\n `:"\x3c!------------\x3e"}\n \n \n

\n \n `:"\x3c!----------\x3e"}getCarouselTemplate(n){return this.isArrow=!0,`\n

\n ${n?.bannerDetails?.bannerImage&&null!==n?.bannerDetails?.bannerImage[0]?.image||null!==n?.bannerDetails?.bannerImage[1]?.image||null!==n?.bannerDetails?.bannerImage[2]?.image?`\n

\n ${n?.bannerDetails?.bannerImage.map(((e,t)=>`\n

`)).join("")}\n

\n ${this.isArrow?'\n ':"\x3c!-----\x3e"}`:'

No Images Available

'}\n

\n \n `}insertContentTemplate(n){const e=n.querySelector("#textarea");if(e){e.innerHTML="\x3c!----\x3e";const n=this.innerHtmlContent(this.bannerData);e.innerHTML=n}}innerHtmlContent(n){return this.getContentTemplate(n?.bannerDetails?.bannerImage&&n?.bannerDetails?.bannerImage.length&&16!==n?.bannerProperty?n?.bannerDetails?.bannerImage[0]:n?.bannerDetails)}getContentTemplate(n){if(n)return`\n

\n ${n?.showFlower&&6===this.bannerData?.bannerProperty?`

\n
`:"\x3c!---\x3e"}\n

\n ${n.showSemiHeading?`\n

\n ${n?.semiHeadingText}\n

\n `:"\x3c!----------\x3e"}\n ${n.bannerText&&n?.animation?""+this[n?.animation](n):"\x3c!-----\x3e"}\n ${n.customButton&&n.customButton.buttonEnabled?`

\n ${this.childRef?.sharedThemeCommonButton?.(n.customButton)??"\x3c!------\x3e"}\n

`:"\x3c!-------\x3e"}\n

\n \n `}getTextAlignment(n){if(n?.animation&&"noAnimationTemplate"!==n?.animation)return"center";const e=n?.textAlign;switch(e){case"Center":case"Top Center":case"Bottom Center":default:return"center";case"Left":case"Top Left":case"Bottom Left":return"left";case"Right":case"Top Right":case"Bottom Right":return"right"}}getTextStyle(n,e){const t="text"===e,a=t?"textSize":"subtextSize",i=t?"textColor":"subTextColor",s=t?"textFontFamily":"subtextFontFamily",r=t?"textFontStyle":"subTextFontStyle",o=t?"gapBetweenTextandSubtext":"gapBetweenSubtextandButton";return`\n font-size: ${n?.[a]||0}px;\n color: ${n?.[i]||"inherit"};\n font-family: ${n?.[s]||"inherit"};\n font-weight: ${n?.[r]?.includes(this.fontStyleValues.bold)?"bold":"normal"};\n font-style: ${n?.[r]?.includes(this.fontStyleValues.italic)?"italic":"normal"};\n text-decoration: ${n?.[r]?.includes(this.fontStyleValues.underline)?"underline":"none"};\n margin-bottom: ${n?.[o]||0}px;\n text-align: ${this.getTextAlignment(n)};`}getBannerTextTemplate(n){return`\n ${n.bannerText?`

${n.bannerText}

\n \n `:"\x3c!-----\x3e"}\n `}getBannerSubtextTemplate(n){return`\n ${n.bannerSubText?`

${n.bannerSubText}

\n \n `:"\x3c!-----\x3e"}\n `}noAnimationTemplate(n){return`\n ${n?.bannerText?""+this.getBannerTextTemplate(n):"\x3c!-----\x3e"}\n ${n?.showDivider?`

`:"\x3c!------\x3e"}\n ${n?.bannerSubText?""+this.getBannerSubtextTemplate(n):"\x3c!------\x3e"}\n \n `}slideFromLine(n){return`\n

\n ${n?.bannerText?""+this.getBannerTextTemplate(n):"\x3c!-----\x3e"}\n

\n ${n?.bannerSubText?""+this.getBannerSubtextTemplate(n):"\x3c!------\x3e"}\n

\n \n `}boxTemplate(n){return`\n ${n?.bannerText?`\n

\n ${this.getBannerTextTemplate(n)}\n

\n `:"\x3c!-----\x3e"}\n ${n?.bannerSubText?`\n

\n ${this.getBannerSubtextTemplate(n)}\n

\n `:"\x3c!------\x3e"}\n \n `}slideInText(n){return`\n

\n ${this.getBannerTextTemplate(n)}\n

\n ${this.getBannerSubtextTemplate(n)}\n

\n \n `}shiningTemplate(n){return`\n

\n ${this.getBannerTextTemplate(n)}\n

\n `}flickerTemplate(n){return`\n

\n ${n?.bannerText.split(" ").map((n=>`\n

\n ${n.split("").map(((n,e)=>`\n

${n}

\n `)).join("")}\n

\n \n `}zbOnDestroy(){this.intervalId&&clearInterval(this.intervalId),this.eventHandlers&&(this.eventHandlers.forEach((({element:n,type:e,handler:t})=>{n.removeEventListener(e,t)})),this.eventHandlers=[])}};

Trending Collections

Trending Collections

TOP PICKS