import{r as e,c as r,h as t}from"./p-d108bbcc.js";import{e as i,g as o}from"./p-5103709a.js";const d=class{constructor(o){e(this,o),this.lbUpsellProductPrevEvents=r(this,"lbUpsellProductPrevEvents",7),this.closeSvg=()=>t("div",{class:"lb-prod-prev-close-svg"},t("svg",{onClick:()=>{i({component:"lb-upsell-product-preview",name:"onCloseClick",src:this.src}),this.widget=void 0,this.src=void 0,this.isCloseIconReqd=void 0,this.product=void 0,document.body.classList.remove("lb-upsell-prevent-scroll")},width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",class:"lb-prod-prev-close-icon",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M19 5L5 19",stroke:"#333333","stroke-width":"3","stroke-linecap":"round"}),t("path",{d:"M5 5L19 19",stroke:"#333333","stroke-width":"3","stroke-linecap":"round"}))),this.product=void 0,this.widget=void 0,this.src=void 0,this.isCloseIconReqd=void 0,this.reRender=void 0,this.currentImgIndex=void 0}lbSharedVariantsOnChangeHandler(e){"lb-upsell-product-preview"===e.detail.src&&i({component:"lb-upsell-product-preview",name:"onVariantChange",src:this.src,payload:Object.assign(Object.assign({},e.detail.selectedVariant),{productId:this.product.id})})}handleImgNavOnClick(e){"previous"===e?this.currentImgIndex-=1:this.currentImgIndex+=1}backSvg(){return t("div",{class:"lb-prod-prev-back-svg",onClick:()=>{i({component:"lb-upsell-product-preview",name:"onBackClick",src:this.src})}},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"20",viewBox:"0 0 24 24"},t("path",{d:"M21 11H6.414l5.293-5.293-1.414-1.414L2.586 12l7.707 7.707 1.414-1.414L6.414 13H21z"})))}previousSvg(){const e=0===this.currentImgIndex;return t("div",{class:"lb-prod-prev-img-previous-svg "+(e?"lb-prod-prev-cursor-not-allowed":"lb-prod-prev-img-previous-svg-hover"),onClick:()=>!e&&this.handleImgNavOnClick("previous")},t("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M13 9L10 12L13 15M3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12Z",stroke:"#333333","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"})))}nextSvg(){const e=this.currentImgIndex+1===this.product.images.length;return t("div",{class:"lb-prod-prev-img-next-svg "+(e?"lb-prod-prev-cursor-not-allowed":"lb-prod-prev-img-next-svg-hover"),onClick:()=>!e&&this.handleImgNavOnClick("next")},t("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M11 9L14 12L11 15M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",stroke:"#333333","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"})))}watchPropHandler(){if(this.product&&this.product.selectedVariant.featuredImageSrc){let e=this.product.images.findIndex((e=>e.replace("https:","")===this.product.selectedVariant.featuredImageSrc.replace("https:","")));this.currentImgIndex=e}else if(this.product){let e=this.product.images.findIndex((e=>e.replace("https:","")===this.product.featured_image.replace("https:","")));this.currentImgIndex=e}}productImagesIndex(){const e=0===this.currentImgIndex,r=this.currentImgIndex+1===this.product.images.length;return t("div",{class:"lb-prod-prev-img-index"},t("div",{class:`lb-prod-prev-img-index-svg lb-tpae-cursor-pointer ${e&&"lb-prod-prev-visiblity-hidden"}`,onClick:()=>!e&&this.handleImgNavOnClick("previous")},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24"},t("path",{d:"M21 11H6.414l5.293-5.293-1.414-1.414L2.586 12l7.707 7.707 1.414-1.414L6.414 13H21z"}))),t("div",null,`${this.currentImgIndex+1} / ${this.product.images.length}`),t("div",{class:`lb-prod-prev-img-index-svg lb-tpae-cursor-pointer ${r&&"lb-prod-prev-visiblity-hidden"}`,onClick:()=>!r&&this.handleImgNavOnClick("next")},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24"},t("path",{transform:"rotate(180 12 12)",d:"M21 11H6.414l5.293-5.293-1.414-1.414L2.586 12l7.707 7.707 1.414-1.414L6.414 13H21z"}))))}render(){const e=this.product&&this.product.options.map((e=>e.name)).join(` ${this.widget.metadata.variantsGroupSeperator||"-"} `),r=this.product&&1===this.product.variants.length&&"Default Title"===this.product.variants[0].title;return t("div",{key:"38f3eabb0da45bbbde8b8b2a15ad6d05dd187899"},t("div",{key:"ba43d878a7d3b54e66bc9f71373b862789d3babb",class:"lb-prod-prev-bg",id:"lb-prod-prev-bg-id"},t("span",{key:"ba1cb74acee21da6602f2648063e0195eb8acf3f"})),t("div",{key:"a16ab02e127b7108fa298952e4186961c62742f8",class:`lb-prod-prev-cont ${"lb-upsell-addon-popup"===this.src&&"lb-prod-prev-cont-translate-override"} ${this.isCloseIconReqd&&"lb-prod-prev-cont-height"}`,id:"lb-prod-prev-cont-id"},this.product&&t("div",{key:"daf2ca9b2ecd61f8df80582fb8455a495cb0964a",class:"lb-prod-prev-body"},t("div",{key:"4faf219e52a5be555625c17e3948b74b38d6f46d",class:`${!this.isCloseIconReqd&&"lb-prod-prev-header-box-shadow"} lb-prod-prev-header`},!this.isCloseIconReqd&&this.backSvg(),this.isCloseIconReqd&&this.closeSvg()),t("div",{key:"2dfe5dd8b3a1658d69d1f0cc7750e0a2b17c234c",class:`lb-prod-prev-body-cont ${this.isCloseIconReqd&&"lb-prod-prev-body-cont-height"}`},t("div",{key:"fad725a9dc6f7155cadb66daebd91eb7c7aae657",class:"lb-prod-prev-img-wrap"},t("div",{key:"61cdc6f370d52302818e9e28e2a0bb29d39c2f05",class:"lb-prod-prev-img-cont"},this.product.images&&this.product.images.length>1&&this.previousSvg(),t("img",{key:"9b3165ddc22df12096b8c7f0ef642b36d365e1e4",class:"lb-prod-prev-img",src:o(this.product.images[this.currentImgIndex],this.widget.imageResolution||400)}),this.product.images&&this.product.images.length>1&&this.nextSvg()),this.productImagesIndex()),t("div",{key:"540debe28c996f867cf00dcddd613d79f245d9cd",class:"lb-prod-prev-details"},t("div",{key:"b4c7755c81751da9c08f806ae25bf2223984fa5f",class:"lb-prod-prev-title"},this.product.title),t("div",{key:"ca8434392854270d272269df5cedb343315b19ef",class:"lb-prod-prev-price-cont"},t("div",{key:"f74f694355668a4ee2156c0112aefeb0dd813822",class:"lb-prod-prev-price-wrap"},t("span",{key:"c3510e092ed4f1b4de1758bb00f5bf12fee92099",class:"lb-prod-prev-price "+(this.product.lbCmpPrice?"lb-prod-prev-sale-price":"")},this.product.lbPrice),t("span",{key:"e62fb2b9b3bdd2cd72cba3cd0a60736ca1bc48da",class:"lb-prod-prev-cmp-price"},this.product.lbCmpPrice))),t("div",{key:"4624135e63f31e5e8bca379e4cee053f39edf45b",class:"lb-prod-prev-variants-cont"},!r&&t("div",{key:"f586e86d296a275f7b9a56dd70f10ac74785d678",class:"lb-prod-prev-variants-label"},e),t("lb-shared-variants",{key:"ffa53a254c600c6ad99e712185d9922e1e5328d2",variants:this.product.variants,options:this.product.options,variantsGroupSeperator:this.widget.metadata.variantsGroupSeperator,selectedVariantId:this.product.selectedVariant.id,productId:`${this.product.id}`,src:"lb-upsell-product-preview"})),t("div",{key:"f1194a5fdf7058725578a64245c8a98adc0c108e",class:"lb-prod-preview-desc",innerHTML:this.product.description}))))||t("span",{key:"f04f7eea19af9f2dd68b5078498e2d34172bd6f5"})))}static get watchers(){return{product:["watchPropHandler"]}}};d.style=":root{--lb-prod-prev-border-radius:8px}.lb-prod-prev-bg,.lb-prod-prev-cont{display:none}.lb-prod-prev-body-cont::-webkit-scrollbar{display:unset !important}.lb-prod-prev-body-cont::-webkit-scrollbar-track{background-color:#fff;border-radius:8px}.lb-prod-prev-body-cont::-webkit-scrollbar-thumb{background-color:#c7c7c7;border-radius:16px;border:4px solid #fff}.lb-prod-prev-body-cont::-webkit-scrollbar-thumb:hover{background-color:gray}.lb-prod-prev-body-cont::-webkit-scrollbar-button{display:none}.lb-prod-prev-bg{position:fixed;z-index:999;top:0;left:0;height:100%;width:100%;opacity:0.4;background-color:black;overflow:hidden}.lb-prod-prev-cont{position:fixed;z-index:2147483647;left:50%;top:50%;transform:translate(-50%, -53%);min-height:250px;width:548px;background-color:white;color:black;border-radius:var(--lb-prod-prev-border-radius);height:var(--lb-prod-preview-height)}.lb-prod-prev-cont-translate-override{transform:translate(-50%, -50%)}.lb-prod-prev-body-cont{margin-left:24px;padding-right:24px;position:relative;top:44px;overflow-y:scroll;height:calc(var(--lb-prod-preview-height) - 68px)}.lb-prod-prev-body-cont-height{min-height:50vh;max-height:75vh;border-radius:8px;overflow-y:auto;background:white;margin-left:0px;padding-right:24px;padding-left:24px;padding:0 24px 24px 24px}.lb-prod-prev-header-box-shadow{box-shadow:rgb(0 0 0 / 18%) 0px 1px 4px !important}.lb-prod-prev-header{padding:12px;border-top-left-radius:var(--lb-prod-prev-border-radius);border-top-right-radius:var(--lb-prod-prev-border-radius);position:fixed;background:white;z-index:1000;width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.lb-prod-prev-back-svg{fill:gray;cursor:pointer;width:24px;height:20px}.lb-prod-prev-back-svg :hover{fill:black}.lb-prod-prev-img-wrap{margin:12px 0;border:1px solid lightgray;border-radius:var(--lb-prod-prev-border-radius)}.lb-prod-prev-img{width:220px;height:220px;object-fit:contain}.lb-prod-prev-img-cont{display:flex;align-items:center;justify-content:space-around;padding-top:12px}.lb-prod-prev-img-previous-svg,.lb-prod-prev-img-next-svg{height:28px;width:28px;cursor:pointer}.lb-prod-prev-img-previous-svg path,.lb-prod-prev-img-next-svg path{stroke:var(--lb-upsell-primary-text-color, #373737)}.lb-prod-prev-img-previous-svg-hover:hover path{opacity:0.6}.lb-prod-prev-img-next-svg-hover:hover path{opacity:0.6}.lb-prod-prev-img-index-svg{height:12px;width:12px;margin:0 4px;cursor:pointer;display:flex;align-items:center}.lb-prod-prev-img-index path{fill:var(--lb-upsell-primary-text-color, gray)}.lb-prod-prev-visiblity-hidden{visibility:hidden}.lb-prod-prev-img-index{font-size:12px;display:flex;margin:4px 0 4px 0;align-items:center;justify-content:center;color:var(--lb-upsell-primary-text-color, gray)}.lb-prod-prev-title{font-size:20px;color:var(--lb-upsell-primary-text-color)}.lb-prod-preview-desc{color:var(--lb-upsell-primary-text-color)}.lb-prod-prev-price-cont{margin-top:8px;display:flex;align-items:center;gap:4px}.lb-prod-prev-cmp-price{font-size:14px;margin-left:4px;text-decoration:line-through}.lb-prod-prev-sale-price{color:#c8493f}.lb-prod-prev-variants-cont{margin:12px 0}.lb-prod-prev-variants-cont .lb-shared-variants-select{width:100%;margin-top:2px;border-radius:var(--lb-prod-prev-border-radius) !important}.lb-prod-prev-variants-label{font-size:14px}.lb-prod-prev-cursor-not-allowed{cursor:not-allowed;opacity:0.6}.lb-prod-prev-close-svg{float:right}.lb-prod-prev-close-icon{height:16px;width:16px;cursor:pointer;margin-top:4px;margin-right:4px}.lb-prod-prev-close-icon path{stroke:gray}.lb-prod-prev-close-icon:hover path{stroke:black}@media (max-width: 480px){.lb-prod-prev-cont{width:96vw}.lb-prod-prev-body-cont-height{min-height:60vh;max-height:80vh}}";const p=class{async resetTimerHandler(){this.resetTimer()}constructor(t){e(this,t),this.timerElapsed=r(this,"timer-elapsed",7),this.elapsedMinutes=0,this.elapsedSeconds=0,this.intrevalTimer=0,this.minutes=void 0,this.seconds=void 0,this.isDiyCssPreview=void 0,this.countDown=this.countDown.bind(this)}countDown(e){let r=e-(new Date).getTime();r>0?(this.elapsedMinutes=Math.floor(r%36e5/6e4),this.elapsedSeconds=Math.floor(r%6e4/1e3)):this.isDiyCssPreview?this.resetTimer():(this.timerElapsed.emit({data:"Elapsed"}),clearInterval(this.intrevalTimer))}getCountDownTime(){return(new Date).getTime()+1e3*this.minutes*60+1e3*this.seconds}startTimer(){let e=this.getCountDownTime();this.intrevalTimer=setInterval((()=>this.countDown(e)),1e3)}resetTimer(){clearInterval(this.intrevalTimer),this.elapsedMinutes=0,this.elapsedSeconds=0,this.startTimer()}componentDidLoad(){this.startTimer()}render(){return t("span",{key:"036ab335df275b1412c199fc8bba5338f14d0593",class:"lb-upsell-timer-container"},t("span",{key:"be86da0486e11966823f8989f23474a4e0de3501"},`${this.elapsedMinutes>=0&&1===`${this.elapsedMinutes}`.length?`0${this.elapsedMinutes}`:this.elapsedMinutes}`),t("span",{key:"c8192577f1ce9a2d1e44d81da8ad1d2a0947dea2"},":"),t("span",{key:"462dfc1dbf3ffbd1b657a0a24cf1fe6b798c01ff"},`${this.elapsedSeconds>=0&&1===`${this.elapsedSeconds}`.length?`0${this.elapsedSeconds}`:this.elapsedSeconds}`))}};p.style=":host{display:block}.lb-upsell-timer-container span{color:var(--lb-upsell-timer-text-color, black);font-weight:bold;width:10px;background-color:white;margin:2px;padding:2px 5px}";export{d as lb_upsell_product_preview,p as lb_upsell_timer}