@letscooee/web-sdk 13.1.12 → 13.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.release-it.json +1 -1
- package/dist/chunk-BIEFC1bG-O9o-0wf6.js +15 -0
- package/dist/debugger.component-BNl5T8Oq-CCsu6jm4.js +12 -0
- package/dist/esm-DKhFdjmg-vxI_Qn9S.js +23 -0
- package/dist/main.min.js +68 -5
- package/dist/renderer-BZ_aYsz_-DBEn5kf6.js +6 -0
- package/dist/share-dialog.component-C0AjtP26-CmZTeB2B.js +8 -0
- package/dist/{widget.min.css → styles.min.css} +1 -1
- package/dist/video-detail-dialog.component-mG6ikv4x-DowKli6K.js +15 -0
- package/dist/widgets-B3EF6aEn-B8-8vMIl.js +45 -0
- package/package.json +26 -27
- package/dist/chunk-6XVC72KV.js +0 -10
- package/dist/chunk-CAFWCDWI.js +0 -1
- package/dist/chunk-HC6OE5XR.js +0 -4
- package/dist/chunk-ILIYCRW5.js +0 -2
- package/dist/chunk-KWG3YKM4.js +0 -6
- package/dist/chunk-NOZTSVSX.js +0 -8
- package/dist/chunk-RF2WNRIW.js +0 -39
- package/dist/chunk-U4XWPFUW.js +0 -1
- package/dist/chunk-WQK746ER.js +0 -1
- package/dist/debugger.component-XOR6S75S.js +0 -7
- package/dist/esm-EYV26LOR.js +0 -498
- package/dist/renderer-TBPM7OV3.js +0 -1
- package/dist/sdk-debug-logs-XNSWT65Q.js +0 -1
- package/dist/share-dialog.component-KYYLRKQ6.js +0 -1
- package/dist/video-detail-dialog.component-E3IQ3CUB.js +0 -2
- package/dist/widget.min.js +0 -20
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { U as Ue, M as Me, z as zr, Y, r, s, D as Dn, N as Nn } from './chunk-BIEFC1bG-O9o-0wf6.js';
|
|
2
|
+
import { X, c as H$1, e as Ve, M, W, m as mt, w as we, I as Ir, f as Wr, g as Hr, h as yt, $ as $r, i as it, j as $t, F as Fr, k as Vr, A as A$1, S as S$1, o as nt, p as We, q as Ai, r as f$1, U as Ur, s as He, t as ki } from './main.js';
|
|
3
|
+
|
|
4
|
+
var L=class{loadedFonts=[];async loadAllFonts(e){e.elems?.forEach(t=>{t instanceof We&&this.loadFamily(t.typography?.fam);});}async loadFamily(e){if(!e?.fonts||this.loadedFonts.indexOf(e.name)>-1)return;let t=[];e.fonts.forEach(n=>{if(n.url){let l=new FontFace(`cooee`+e.name,n.getURL(),n.getFontDescriptor());t.push(l.load());}}),this.loadedFonts.push(e.name),(await Promise.all(t)).forEach(n=>{document.fonts.add(n);});}};var S=class{static updateIdentity(e){if(!this.isInstalled())return;let t={};e.email&&(t.email=e.email),e.mobile&&(t.phone_number=e.mobile),Y.verbose(`Sending email/mobile to Klaviyo`),window.klaviyo.push([`identify`,t]);}static isInstalled(){return window.klaviyo&&typeof window.klaviyo==`object`}};var H=class{action;triggerContext;constructor(e,t){this.action=e,this.triggerContext=t;}async execute(){let e=this.containsCTA()?`CE Trigger Clicked`:`CE Trigger Closed`;switch(this.action.at!==He.SUBMIT_FORM&&await this.closeTriggerAndSendEvent(e),this.action.at){case He.ACCEPT_POPUP:break;case He.GO_TO_URL:this.gotoURLAction();break;case He.SHARE:this.shareAction();break;case He.SUBMIT_FORM:await this.collectFormData();break;case void 0:case He.OPEN_CART:break;default:Y.error(`Received an invalid ClickActionType: `,this.action.at);return}}externalAction(){this.action.ext?.u&&window.open(this.action.ext.u,`_blank`)?.focus();}gotoURLAction(){if(this.action.gu?.u){let e=this.action.gu.u;Dn(e)||(e=`//${e}`),window.open(e,`_self`);}}async closeTriggerAndSendEvent(e,t){this.triggerContext.closeInApp(e,t),await this.dispatchEvent();}shareAction(){if(!this.action.share)return;if(!navigator.share){Y.warn(`Navigator.share is not compatible with this browser`);return}navigator.share({text:this.action.share.text,title:`Share`}).then(t=>console.log(t)).catch(t=>console.error(t));}containsCTA(){return this.action.at&&this.action.at!==He.REJECT_POPUP?true:!(this.isEmpty(this.action.custKV)&&this.isEmpty(this.action.up))}isEmpty(e){return e?Object.keys(e).length===0:true}async collectFormData(){let e={};for(let t of this.triggerContext.inputs){if(!t.isValid)return;let n=document.getElementById(t.id).value;t.type===51?e.email=n:t.type===52&&(e.mobile=n);}await this.closeTriggerAndSendEvent(`CE Form Submitted`,{form:e}),this.action.applyDiscount&&Nn(`Coupon applied on cart`),S.updateIdentity(e);}async dispatchEvent(){let e=this.triggerContext.triggerData,t={clickAction:this.action,items:this.triggerContext.selectedEmbeddedItems??e.embeddedItems??e.items,collections:e.collections,triggerData:e};await new ki().process(t);let r={action:this.containsCTA()?`CLICKED`:`CLOSED`};document.dispatchEvent(new CustomEvent(`letscooee:outbound:popup-activities`,{detail:r}));}};var a=class{renderer=I.get();parentHTMLEl;inappElement;inappHTMLEl;triggerContext;stylesConverter;scalingFactor;constructor(e,t,r){this.parentHTMLEl=e,this.inappElement=t,this.triggerContext=r,this.stylesConverter=new Ai(this.renderer.getScalingFactor());}getHTMLElement(){return this.inappHTMLEl}insertElement(){this.parentHTMLEl.appendChild(this.inappHTMLEl);}processCommonBlocks(){this.processWidthAndHeight(),this.processPositionBlock(),this.processTransformBlock(),this.processTransparency(),this.processShadow(),this.registerAction();let e=s(r(r(r(r({},this.getDisplayStyles()),this.getSpaceStyles()),this.getBorderStyles()),this.getBackgroundStyles()),{boxSizing:`border-box`,outline:`none`});S$1(this.inappHTMLEl,e);}getDisplayStyles(){return {display:`block`}}processWidthAndHeight(){this.inappElement.w&&H$1(this.inappHTMLEl,`width`,this.stylesConverter.getSizePx(this.inappElement.w)),this.inappElement.h&&H$1(this.inappHTMLEl,`height`,this.stylesConverter.getSizePx(this.inappElement.h));}processPositionBlock(){let e={position:`absolute`,left:this.stylesConverter.getSizePx(this.inappElement.x),top:this.stylesConverter.getSizePx(this.inappElement.y)};S$1(this.inappHTMLEl,e);}getBorderStyles(){return this.stylesConverter.getBorderStyles(this.inappElement.br)}getSpaceStyles(){return this.stylesConverter.getSpaceStyles(this.inappElement.spc)}processTransparency(){let e=this.inappElement.alpha;if(!isNaN(e)){let t=(e/100).toFixed(2);H$1(this.inappHTMLEl,`opacity`,t);}}processShadow(){let e=this.inappElement.shd;e?H$1(this.inappHTMLEl,`box-shadow`,e.getStyle(this.scalingFactor)):H$1(this.inappHTMLEl,`box-shadow`,`unset`);}processTransformBlock(){let e=new f$1(this.inappElement.trf);e&&e.rotate&&H$1(this.inappHTMLEl,`transform`,`rotate(${e.rotate}deg)`);}registerAction(){let e=this.inappElement.clc;!e||Object.keys(e).length===0||(this.inappHTMLEl.addEventListener(`click`,t=>{t.stopPropagation(),new H(e,this.triggerContext).execute();}),H$1(this.inappHTMLEl,`cursor`,`pointer`));}getBackgroundStyles(){return this.stylesConverter.getBackgroundStyles(this.inappElement.bg)}};var p=class extends a{constructor(e,t,r){super(e,t,r);}processCommonBlocks(){super.processCommonBlocks(),this.processFontBlock(),this.processAlignment();}processFontBlock(){let e={},t=this.inappElement.typography;return t&&(e.fontSize=this.stylesConverter.getSizePx(t.fs),e.fontFamily=`cooee`+t.fam?.name,e.lineHeight=`${t.lh}`,e.letterSpacing=t.letterSpacing),this.stylesConverter.getColourStyles(this.inappElement.color,`color`,e),S$1(this.inappHTMLEl,e),e}processPart(e,t){let r=[];t.u&&r.push(`underline`),t.st&&r.push(`line-through`),r.length||r.push(`normal`),H$1(e,`font-weight`,t.b?`bold`:`normal`),H$1(e,`font-style`,t.i?`italic`:`normal`),H$1(e,`text-decoration`,r.join(` `)),H$1(e,`color`,t.c??`inherit`),H$1(e,`font-family`,`inherit`);}processAlignment(){let e=this.inappElement.typography.ta,t=e?Ur[e]?.toLowerCase():this.inappElement.typography.alignment;t||(t=`start`),H$1(this.inappHTMLEl,`text-align`,t);}};var u=class extends p{constructor(e,t,r){super(e,t,r),this.inappHTMLEl=document.createElement(`div`),this.insertElement();}render(){this.inappElement.parts?.forEach(e=>{let t=document.createElement(`span`);t.innerHTML=e.txt?.toString()?.replace(/\n/g,`<br />`),this.processPart(t,e),this.inappHTMLEl.appendChild(t);}),this.processCommonBlocks();}};var f=class extends a{constructor(e,t,r){super(e,t,r),this.inappHTMLEl=document.createElement(`div`),this.insertElement();}render(){this.processCommonBlocks();}};var E=class extends a{constructor(e,t,r){super(e,t,r),this.inappHTMLEl=document.createElement(`img`),this.insertElement();}render(){this.inappHTMLEl.setAttribute(`src`,this.inappElement.src),H$1(this.inappHTMLEl,`max-width`,`none`),H$1(this.inappHTMLEl,`max-height`,`none`),H$1(this.inappHTMLEl,`margin`,`0 auto`),this.processCommonBlocks();}};var v=class o extends a{constructor(t,r,n){super(t,r,n);this.parent=t;this.inappHTMLEl=document.createElement(`div`);}static MAX_Z_INDEX=`2147483647`;render(){return this.parent||this.renderer.removeInApp(),this.insertElement(),this.processCommonBlocks(),this.inappHTMLEl.classList.add(`cooee-wrapper`),this.inappHTMLEl.classList.add(this.triggerContext.rootClassName),H$1(this.inappHTMLEl,`z-index`,o.MAX_Z_INDEX),this.inappHTMLEl}getBackgroundStyles(){return this.inappElement.cover?super.getBackgroundStyles():{}}processWidthAndHeight(){let t=this.inappElement.cont;if(this.inappElement.cover)this.renderer.isParentNotBody()?(H$1(this.inappHTMLEl,`width`,`100%`),H$1(this.inappHTMLEl,`height`,`100%`)):(H$1(this.inappHTMLEl,`width`,`100vw`),H$1(this.inappHTMLEl,`height`,`100vh`)),H$1(this.inappHTMLEl,`top`,`0`),H$1(this.inappHTMLEl,`left`,`0`);else {let r=this.inappElement.spc,n=this.stylesConverter.getScaledSize(t.w)+r.getHorizontal(),l=this.stylesConverter.getScaledSize(t.h)+r.getVertical();H$1(this.inappHTMLEl,`width`,n+`px`),H$1(this.inappHTMLEl,`height`,l+`px`);}}getSpaceStyles(){return {padding:this.inappElement.spc.getPaddingCSS()}}getDisplayStyles(){return r(r({display:`flex`},this.inappElement.getStylesForWrapper()),this.inappElement.getFlexStylesForContainer())}processPositionBlock(){this.renderer.isParentNotBody()?H$1(this.inappHTMLEl,`position`,`absolute`):H$1(this.inappHTMLEl,`position`,`fixed`);}getBorderStyles(){return {}}processTransparency(){}processTransformBlock(){}processShadow(){}};var se=`cooee-container`,w=class extends a{constructor(e,t,r){super(e,t,r),this.inappHTMLEl=document.createElement(`div`),this.insertElement();}render(){return this.processCommonBlocks(),H$1(this.inappHTMLEl,`position`,`relative`),H$1(this.inappHTMLEl,`overflow`,`hidden`),this.inappHTMLEl.classList.add(se),this}};var A=class o extends p{static DAYS=`Days`;static HOURS=`Hours`;static MINUTES=`Minutes`;static SECONDS=`Seconds`;elements;spans=[];constructor(e,t,r){super(e,t,r),this.inappHTMLEl=document.createElement(`div`),this.insertElement();}render(){this.addTimerChildren(),this.processAndStartTimer(),this.processCommonBlocks();let e=s(r(r(r({flex:`1 1 0`},this.stylesConverter.getBackgroundStyles(this.inappElement.bg)),this.stylesConverter.getBorderStyles(this.inappElement.br)),this.stylesConverter.getSpaceStyles(this.inappElement.spc)),{marginLeft:this.stylesConverter.getSizePx(this.inappElement.gap),marginRight:this.stylesConverter.getSizePx(this.inappElement.gap)});this.addStylesToTimer(e);}getBackgroundStyles(){return {}}processFontBlock(){let e=super.processFontBlock();return this.stylesConverter.getColourStyles(this.inappElement.color,`color`,e),this.addStylesToTimer(e),e}getSpaceStyles(){return {}}getBorderStyles(){return {}}getDisplayStyles(){return {display:`flex`,flexWrap:`nowrap`,justifyContent:`center`}}addStylesToTimer(e){this.elements.forEach(t=>S$1(t,e));}addTimerChildren(){let e=this.inappElement.show;this.elements=[],e.day&&this.elements.push(this.getChild(o.DAYS)),e.hour&&this.elements.push(this.getChild(o.HOURS)),e.minute&&this.elements.push(this.getChild(o.MINUTES)),e.second&&this.elements.push(this.getChild(o.SECONDS)),this.elements.forEach(t=>this.inappHTMLEl.appendChild(t));}getChild(e){let t=document.createElement(`div`),r=document.createElement(`span`),n=document.createElement(`span`);return n.innerText=e,r.innerText=`00`,r.id=`lc-${e}`,H$1(n,`font-size`,`0.5em`),H$1(n,`text-align`,`center`),H$1(n,`font-family`,`inherit`),H$1(r,`text-align`,`center`),H$1(r,`font-family`,`inherit`),this.inappElement.lblPos===`start`?(t.appendChild(n),t.appendChild(r)):(t.appendChild(r),t.appendChild(n)),H$1(t,`display`,`flex`),H$1(t,`flex-direction`,this.inappElement.horizontal?``:`column`),H$1(t,`justify-content`,`center`),H$1(t,`align-items`,`center`),H$1(t,`gap`,`5px`),this.spans.push(r),t}processAndStartTimer(){let e=this.inappElement.timer.start(this.inappElement.timerType,t=>{this.spans.forEach(r=>{r.id===`lc-${o.DAYS}`?r.innerText=String(t.days).padStart(2,`0`):r.id===`lc-${o.HOURS}`?r.innerText=String(t.hours).padStart(2,`0`):r.id===`lc-${o.MINUTES}`?r.innerText=String(t.minutes).padStart(2,`0`):r.id===`lc-${o.SECONDS}`&&(r.innerText=String(t.seconds).padStart(2,`0`));});});this.triggerContext.intervals.push(e);}};var b=class extends p{constructor(e,t,r){super(e,t,r),this.inappHTMLEl=document.createElement(`select`),this.insertElement();}render(){H$1(this.inappHTMLEl,`background`,`#ffffff00`),H$1(this.inappHTMLEl,`outline`,`none`),this.processCommonBlocks(),this.addListener(this.inappHTMLEl),this.addOptions();}addListener(e){this.triggerContext.selectedEmbeddedItems?.length||this.updateItems(this.triggerContext.triggerData.items[0].vars[0]),e.addEventListener(`click`,t=>{t.stopPropagation();}),e.addEventListener(`change`,()=>{let t=new nt(JSON.parse(e.value));this.updateItems(t);});}updateItems(e){let t=this.triggerContext.triggerData.items[0];this.triggerContext.selectedEmbeddedItems=[t.toEmbed(e)];let r=this.parentHTMLEl.querySelector(`#coo-13`);if(!r)return;let n=e.imgs[0]??t.imgs?.at(0);n?.url&&r.setAttribute(`src`,n.url);}addOptions(){let e=this.triggerContext.triggerData.items,t=this.inappHTMLEl;if(!e?.length){t.add(this.createOption(this.inappElement.placeholderText));return}let r=this.triggerContext.selectedEmbeddedItems?.at(0);e[0].vars.forEach(n=>{t.add(this.createOption(n.name??`Default`,n,n.mID===r?.vID));});}createOption(e,t,r){let n=document.createElement(`option`);return n.text=e,n.value=JSON.stringify(t),r&&(n.selected=true),t||(n.disabled=true),n}};var T=class extends p{borderColor=``;constructor(e,t,r){super(e,t,r),this.inappHTMLEl=document.createElement(`input`),this.insertElement();}render(){let e=this.setInputType();this.inappHTMLEl.setAttribute(`placeholder`,this.inappElement.placeholderText),H$1(this.inappHTMLEl,`background`,`#ffffff00`),H$1(this.inappHTMLEl,`outline`,`none`),this.inappHTMLEl.addEventListener(`click`,t=>{t.stopPropagation();}),this.processCommonBlocks(),this.addListener(this.inappHTMLEl,e),this.triggerContext.addInputField(e,this.inappElement.t);}};var R=class o extends T{static EMAIL_REGEX=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;constructor(e,t,r){super(e,t,r);}setInputType(){let e=`coo-${this.inappElement.t}`;return this.inappHTMLEl.setAttribute(`type`,`email`),this.inappHTMLEl.setAttribute(`id`,e),e}addListener(e,t){e.addEventListener(`keydown`,r=>{this.borderColor||(this.borderColor=this.inappHTMLEl.style.borderColor),e.value.match(o.EMAIL_REGEX)?(H$1(this.inappHTMLEl,`border-color`,this.borderColor),this.triggerContext.updateValidation(t,true)):(H$1(this.inappHTMLEl,`border-color`,`red`),this.triggerContext.updateValidation(t,false)),r.stopPropagation();});}};var D=class o extends T{static MOBILE_REGEX=/^\d+$/;constructor(e,t,r){super(e,t,r);}setInputType(){let e=`coo-${this.inappElement.t}`;return this.inappHTMLEl.setAttribute(`type`,`tel`),this.inappHTMLEl.setAttribute(`id`,e),e}addListener(e,t){e.addEventListener(`keydown`,r=>{this.borderColor||(this.borderColor=this.inappHTMLEl.style.borderColor),e.value.match(o.MOBILE_REGEX)?(H$1(this.inappHTMLEl,`border-color`,this.borderColor),this.triggerContext.updateValidation(t,true)):(H$1(this.inappHTMLEl,`border-color`,`red`),this.triggerContext.updateValidation(t,false)),r.stopPropagation();});}};var P=class extends E{constructor(e,t,r){super(e,t,r);}render(){super.render(),this.inappHTMLEl.setAttribute(`id`,`coo-${this.inappElement.type}`);}};var I=class o{static DOCUMENT_STANDARD_MODE=`CSS1Compat`;static ACTIVE_TRIGGER_DATA;static _instance;parent;rootContainer;containerHTMLElement;ian;scalingFactor=1;triggerContext;resizeListener;cartDrawerToggleSubscription;constructor(e){this.resizeListener=()=>this.screenResized(),this.setParentContainer(e);}static get(){return o._instance}render(e){this.renderEngagement(new X(e));}getScalingFactor(){return this.scalingFactor}calculateScalingFactor(e){let t=e.max,r=e.cont.w,n=e.cont.h,l=e.spc,c=this.getWidth(),h=this.getHeight();t&&(c=c?Math.min(c,t):t,h=h?Math.min(h,t):t),h&&(c-=l.getHorizontal(),h-=l.getVertical(),c/h<r/n?this.scalingFactor=c/r:this.scalingFactor=h/n,this.scalingFactor=Math.min(this.scalingFactor,1));}setParentContainer(e){this.parent=e||document.body,this.isParentNotBody()&&H$1(this.parent,`position`,`relative`);}isParentNotBody(){return this.parent&&this.parent!==document.body}getWidth(){return this.isParentNotBody()?this.parent.clientWidth:document.compatMode===o.DOCUMENT_STANDARD_MODE?document.documentElement.clientWidth:window.innerWidth}getHeight(){return this.isParentNotBody()?this.parent.clientHeight:document.compatMode===o.DOCUMENT_STANDARD_MODE?document.documentElement.clientHeight:window.innerHeight}async renderEngagement(e){this.triggerContext=new Ve(new Date,e),this.triggerContext.onClose(t=>{this.closeInApp(t);}),this.ian=e.ian,(M()||e.previewType===`mobile`)&&this.ian.overrideForMobileView(),await this.preloadImages(e),e.shouldDelay()?window.setTimeout(()=>{this.withCartDrawerClosed();},e.getDelaySeconds()):this.withCartDrawerClosed();}withCartDrawerClosed(){if(!W.get().isOpen()){this.startRenderingOnce();return}this.cartDrawerToggleSubscription=window.CooeeSDK.cartDrawerToggle$.subscribe(({open:t})=>{!t&&this.startRenderingOnce();});}startRenderingOnce(){if(!this.shouldSkipCampaign()){o.ACTIVE_TRIGGER_DATA=this.triggerContext.triggerData,o._instance=this;try{this.startRendering();}catch(e){Ue(e,`render-popup`,{triggerContext:this.triggerContext});return}this.sendTriggerDisplayed(),M()||window.addEventListener(`resize`,this.resizeListener),this.cartDrawerToggleSubscription?.unsubscribe();}}shouldSkipCampaign(){let e=this.triggerContext.triggerData;if(!e.previewType&&o.ACTIVE_TRIGGER_DATA){let r={triggerShown:new mt(o.ACTIVE_TRIGGER_DATA??{})};return this.skipTrigger(e,r),true}if(Me().isGoKwikPopupOpen)return this.skipTrigger(e,{reason:`GoKwik popup is open`}),true;let t=zr.find(r=>!!document.querySelector(r.identifier));return t?(this.skipTrigger(e,{reason:`${t.gateway} modal is open`}),true):false}startRendering(){this.calculateScalingFactor(this.ian),this.rootContainer=new v(this.parent,this.ian,this.triggerContext).render();try{this.renderContainer(this.triggerContext);}catch(e){throw Y.error(e),e}}sendTriggerDisplayed(){let e={};this.triggerContext.triggerData.items?.length&&(e.promotedMIDs=this.triggerContext.triggerData.items?.map(n=>n.mID));we(new Ir(`CE Trigger Displayed`,e,this.triggerContext.triggerData));document.dispatchEvent(new CustomEvent(`letscooee:outbound:popup-activities`,{detail:{action:`DISPLAYED`}}));}sendTriggerClosed(e){let t=e.eventName;delete e.eventName;let r=new Ir(t,e,this.triggerContext.triggerData);r.name===`CE Trigger Clicked`&&(r.items=this.triggerContext.selectedEmbeddedItems??this.triggerContext.triggerData.items?.map(n=>n.toEmbed())),we(r);}addEnterAnimation(e){this.containerHTMLElement.animate(e.getEnterAnimation(),{duration:500});}renderElement(e,t,r){t instanceof Wr?new R(e,t,r).render():t instanceof Hr?new D(e,t,r).render():t instanceof yt?new u(e,t,r).render():t instanceof $r?new P(e,t,r).render():t instanceof it?new E(e,t,r).render():t instanceof $t?new f(e,t,r).render():t instanceof Fr?new A(e,t,r).render():t instanceof Vr?new b(e,t,r).render():Y.error(`Unsupported element type- `+t.type);}renderContainer(e){let t=this.ian?.cont;t&&(this.containerHTMLElement=new w(this.rootContainer,t,e).render().getHTMLElement(),new L().loadAllFonts(this.ian),this.ian.elems?.forEach(async r=>{await this.renderElement(this.containerHTMLElement,r,e);}),this.addEnterAnimation(this.ian.anim));}closeInApp(e){let t=this.ian.anim.getExitAnimation();this.sendTriggerClosed(e),o.ACTIVE_TRIGGER_DATA=void 0;let r=this.containerHTMLElement.animate(t,{duration:500,easing:`ease-in-out`});r.onfinish=()=>{this.removeInApp(),window.removeEventListener(`resize`,this.resizeListener);};}screenResized(){this.removeInApp(),this.startRendering();}removeInApp(){let e=document.querySelector(`.${this.triggerContext.rootClassName}`);e&&e.parentElement.removeChild(e);}skipTrigger(e,t){we(new Ir(`CE Campaign Rejected`,t,e));}async preloadImages(e){let t=e.ian;if(!t)return;let r=[];t.elems.forEach(n=>{let l=n.bg?.img?.src;if(l&&r.push(l),n.t===1){let c=n.src;if(!c)return;r.push(c);}}),t.bg?.img?.src&&r.push(t.bg.img.src),t.cont.bg?.img?.src&&r.push(t.cont.bg.img.src),await Promise.all(r.map(n=>A$1(n)));}};
|
|
5
|
+
|
|
6
|
+
export { I as FreeformRenderer };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import './chunk-BIEFC1bG-O9o-0wf6.js';
|
|
2
|
+
import './main.js';
|
|
3
|
+
import { h as g, j as W, G as Ge, K as Ke, o as of, y as ye, k as Ka, u as uv, J as Ja, S as Sf, D as Df } from './widgets-B3EF6aEn-B8-8vMIl.js';
|
|
4
|
+
import { l, f } from './video-detail-dialog.component-mG6ikv4x-DowKli6K.js';
|
|
5
|
+
|
|
6
|
+
var _=class d{dialogRef=g(W);eventData=g(Ge);triggerData=g(Ke)().triggerData;onShareAndClose(p,o){p.stopPropagation();let{url:t,text:a}=l(this.triggerData,this.eventData.video,o!==`Clipboard`);switch(o){case `Whatsapp`:window.open(`https://wa.me/?text=${a}%20${t}`,`_blank`,`noopener,noreferrer`);break;case `X(Twitter)`:window.open(`https://x.com/intent/post?text=${a}&url=${t}`,`_blank`,`noopener,noreferrer`);break;case `Clipboard`:navigator.clipboard.writeText(t).catch(()=>{let e=document.createElement(`textarea`);e.value=t,document.body.appendChild(e),e.select(),document.execCommand(`copy`),document.body.removeChild(e);});break;}o&&f(this.triggerData,this.eventData.video,this.eventData.index,o),this.dialogRef.close();}static ɵfac=function(o){return new(o||d)};static ɵcmp=of({type:d,selectors:[[`cooee-share-dialog`]],decls:19,vars:0,consts:[[1,`share-dialog`],[1,`share-dialog-header`],[`type`,`button`,`aria-label`,`Close`,1,`close-button`,3,`click`],[`name`,`close`,`aria-hidden`,`true`],[1,`share-options`],[`type`,`button`,`aria-label`,`Share on WhatsApp`,1,`share-option`,3,`click`],[`name`,`whatsapp`,`aria-hidden`,`true`],[`type`,`button`,`aria-label`,`Share on X`,1,`share-option`,3,`click`],[`name`,`x-twitter`,`aria-hidden`,`true`],[`type`,`button`,`aria-label`,`Copy link`,1,`share-option`,3,`click`],[`name`,`copy`,`aria-hidden`,`true`]],template:function(o,t){o&1&&(Ka(0,`div`,0)(1,`div`,1)(2,`h3`),uv(3,`Share`),Ja(),Ka(4,`button`,2),Sf(`click`,function(e){return t.onShareAndClose(e)}),Df(5,`cooee-icon`,3),Ja()(),Ka(6,`div`,4)(7,`button`,5),Sf(`click`,function(e){return t.onShareAndClose(e,`Whatsapp`)}),Df(8,`cooee-icon`,6),Ka(9,`span`),uv(10,`Whatsapp`),Ja()(),Ka(11,`button`,7),Sf(`click`,function(e){return t.onShareAndClose(e,`X(Twitter)`)}),Df(12,`cooee-icon`,8),Ka(13,`span`),uv(14,`X`),Ja()(),Ka(15,`button`,9),Sf(`click`,function(e){return t.onShareAndClose(e,`Clipboard`)}),Df(16,`cooee-icon`,10),Ka(17,`span`),uv(18,`Copy link`),Ja()()()());},dependencies:[ye],styles:[`@keyframes _ngcontent-%COMP%_slideInScale{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-dialog[_ngcontent-%COMP%]{background:#fff;border-radius:12px;padding:20px;min-width:280px;box-shadow:0 8px 32px #00000026;color:#333;animation:_ngcontent-%COMP%_slideInScale .25s ease-out}.share-dialog-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.share-dialog-header[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-family:var(--lc-heading-family),serif;margin:0;font-size:18px;font-weight:600}.share-options[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:12px;font-family:var(--lc-text-family),serif}.share-option[_ngcontent-%COMP%]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0002;border:1px solid #e9ecef;border-radius:8px;color:#333;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-option[_ngcontent-%COMP%]:hover{background:#0004;border-color:#dee2e6;transform:translateY(-1px)}.share-option[_ngcontent-%COMP%]:active{transform:translateY(0)}.share-option[_ngcontent-%COMP%] cooee-icon[_ngcontent-%COMP%]{width:24px;height:24px}.share-option[_ngcontent-%COMP%] cooee-icon[name=whatsapp][_ngcontent-%COMP%]{color:#25d366}.share-option[_ngcontent-%COMP%] cooee-icon[name=x-twitter][_ngcontent-%COMP%], .share-option[_ngcontent-%COMP%] cooee-icon[name=copy][_ngcontent-%COMP%]{color:#000}.share-option[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{flex:1;text-align:left}button.close-button[_ngcontent-%COMP%]{background-color:transparent;border:none}button.close-button[_ngcontent-%COMP%] cooee-icon[name=close][_ngcontent-%COMP%]{border-radius:100%;color:#000}`]})};
|
|
7
|
+
|
|
8
|
+
export { _ as ShareDialogComponent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cooee.base{:is(.letscooee-widget,:host(.letscooee-widget)) *,:is(.letscooee-widget,:host(.letscooee-widget)) :after,:is(.letscooee-widget,:host(.letscooee-widget)) :before,:is(.letscooee-widget,:host(.letscooee-widget)) ::backdrop,:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}:is(.letscooee-widget,:host(.letscooee-widget)) *{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--lc-text-family),serif;font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}:is(.letscooee-widget,:host(.letscooee-widget)) hr{height:0;color:inherit;border-top-width:1px}:is(.letscooee-widget,:host(.letscooee-widget)) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:is(.letscooee-widget,:host(.letscooee-widget)) h1,:is(.letscooee-widget,:host(.letscooee-widget)) h2,:is(.letscooee-widget,:host(.letscooee-widget)) h3,:is(.letscooee-widget,:host(.letscooee-widget)) h4,:is(.letscooee-widget,:host(.letscooee-widget)) h5,:is(.letscooee-widget,:host(.letscooee-widget)) h6{font-size:inherit;font-weight:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) b,:is(.letscooee-widget,:host(.letscooee-widget)) strong{font-weight:bolder}:is(.letscooee-widget,:host(.letscooee-widget)) small{font-size:80%}:is(.letscooee-widget,:host(.letscooee-widget)) sub,:is(.letscooee-widget,:host(.letscooee-widget)) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}:is(.letscooee-widget,:host(.letscooee-widget)) sub{bottom:-.25em}:is(.letscooee-widget,:host(.letscooee-widget)) sup{top:-.5em}:is(.letscooee-widget,:host(.letscooee-widget)) table{text-indent:0;border-color:inherit;border-collapse:collapse}:is(.letscooee-widget,:host(.letscooee-widget)) :-moz-focusring{outline:auto}:is(.letscooee-widget,:host(.letscooee-widget)) progress{vertical-align:baseline}:is(.letscooee-widget,:host(.letscooee-widget)) summary{display:list-item}:is(.letscooee-widget,:host(.letscooee-widget)) ol,:is(.letscooee-widget,:host(.letscooee-widget)) ul,:is(.letscooee-widget,:host(.letscooee-widget)) menu{list-style:none}:is(.letscooee-widget,:host(.letscooee-widget)) img,:is(.letscooee-widget,:host(.letscooee-widget)) svg,:is(.letscooee-widget,:host(.letscooee-widget)) video,:is(.letscooee-widget,:host(.letscooee-widget)) canvas,:is(.letscooee-widget,:host(.letscooee-widget)) audio,:is(.letscooee-widget,:host(.letscooee-widget)) iframe,:is(.letscooee-widget,:host(.letscooee-widget)) embed,:is(.letscooee-widget,:host(.letscooee-widget)) object{display:block;vertical-align:middle}:is(.letscooee-widget,:host(.letscooee-widget)) img,:is(.letscooee-widget,:host(.letscooee-widget)) video{max-width:100%;height:auto}:is(.letscooee-widget,:host(.letscooee-widget)) button,:is(.letscooee-widget,:host(.letscooee-widget)) input,:is(.letscooee-widget,:host(.letscooee-widget)) select,:is(.letscooee-widget,:host(.letscooee-widget)) optgroup,:is(.letscooee-widget,:host(.letscooee-widget)) textarea,:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:is(.letscooee-widget,:host(.letscooee-widget)) :where(select:is([multiple],[size])) optgroup{font-weight:bolder}:is(.letscooee-widget,:host(.letscooee-widget)) :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{margin-inline-end:4px}:is(.letscooee-widget,:host(.letscooee-widget)) ::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}:is(.letscooee-widget,:host(.letscooee-widget)) textarea{resize:vertical}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-search-decoration{-webkit-appearance:none}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit{display:inline-flex}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-fields-wrapper{padding:0}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-year-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-month-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-day-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-hour-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-minute-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-second-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-millisecond-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-meridiem-field{padding-block:0}:is(.letscooee-widget,:host(.letscooee-widget)) :-moz-ui-invalid{box-shadow:none}:is(.letscooee-widget,:host(.letscooee-widget)) button,:is(.letscooee-widget,:host(.letscooee-widget)) input:where([type=button],[type=reset],[type=submit]),:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{appearance:button}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-inner-spin-button,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-outer-spin-button{height:auto}:is(.letscooee-widget,:host(.letscooee-widget)) [hidden]:where(:not([hidden=until-found])){display:none!important}:is(.letscooee-widget,:host(.letscooee-widget)) a[href],:is(.letscooee-widget,:host(.letscooee-widget)) a[role=button],:is(.letscooee-widget,:host(.letscooee-widget)) button:not(:disabled):not([aria-disabled=true]){cursor:pointer}:is(.letscooee-widget,:host(.letscooee-widget)) button:disabled,:is(.letscooee-widget,:host(.letscooee-widget)) [aria-disabled=true],:is(.letscooee-widget,:host(.letscooee-widget)) a[aria-disabled=true]{cursor:not-allowed}}@layer cooee.utilities;@layer cooee.theme{:root{--lc-media-radius: var(--media-radius, 8px);--lc-primary-color: var(--color-primary, var(--color-foreground, 245 28 143));--lc-text-color: var(--color-foreground, 0 0 0);--lc-text-weight: var(--font-body-weight, 400);--lc-text-size: var(--font-size-regular, 16px);--lc-text-family: var(--font-family-body, inherit);--lc-video-card-width: 300px;--lc-video-card-height: 100%;--lc-button-radius: var(--buttons-radius, 8px);--lc-button-size: var(--buttons-size, 16px);--lc-button-family: inherit;--lc-button-letter-spacing: normal;--lc-button-height: auto;--lc-button-icon-display: none;--lc-button-icon-size: 20px;--lc-primary-button-bg-color: var(--color-button, 18 18 18);--lc-primary-button-color: var(--color-button-text, 255 255 255);--lc-primary-button-weight: var(--font-body-weight, 500);--lc-primary-button-transform: initial;--lc-primary-button-border-color: var(--lc-primary-color);--lc-secondary-button-bg-color: var(--color-button-text, 18 18 18);--lc-secondary-button-color: var(--color-button, 255 255 255);--lc-secondary-button-weight: var(--font-body-weight, 500);--lc-secondary-button-transform: initial;--lc-secondary-button-border-color: var(--lc-primary-color);--lc-heading-color: var(--color-foreground, 0 0 0);--lc-heading-family: var(--font-heading-family, var(--font-family-heading, inherit));--lc-heading-weight: var(--font-heading-weight, var(--font-weight-heading, 600));--lc-heading-size: var(--font-heading-size, var(--font-size-heading, 24px));--lc-heading-transform: initial;--lc-heading-letter-spacing: normal;--lc-heading-align: center;--lc-subheading-color: var(--color-foreground, 0 0 0);--lc-subheading-weight: var(--font-heading-weight, var(--font-weight-heading, 600));--lc-subheading-size: 18px;--lc-card-bg-color: 255, 255, 255, .5;--lc-card-radius: var(--media-radius, 8px);--lc-item-text-family: var(--lc-text-family);--lc-item-text-transform: initial;--lc-item-text-letter-spacing: inherit;--lc-item-text-color: var(--lc-text-color, 0 0 0);--lc-item-text-size: var(--lc-text-size, 16px);--lc-item-text-weight: var(--font-body-weight, 600);--lc-item-price-color: var(--lc-text-color, 0 0 0);--lc-item-price-size: var(--lc-text-size, 16px);--lc-item-price-weight: var(--font-body-weight, 500);--lc-item-cmp-price-color: var(--lc-text-color, 0, 0, 0, .75);--lc-item-cmp-price-size: var(--lc-text-size, 16px);--lc-item-cmp-price-weight: var(--font-body-weight, 500);--lc-item-cmp-price-display: none;--lc-description-size: inherit;--lc-description-weight: inherit;--lc-icon-button-size: 44px;--lc-icon-button-bg-color: 255, 255, 255, 1;--lc-icon-button-color: 0, 0, 0, 1;--lc-video-progress-bar-bg-color: 55, 65, 81, 1;--lc-video-progress-bar-color: var(--lc-primary-color);--lc-video-progress-bar-radius: 0;--lc-item-detail-footer-bg-color: 0, 0, 0, .3;--lc-item-detail-footer-box-shadow: 0 4px 6px rgba(82, 82, 91, .3);--lc-item-detail-footer-padding: 12px;--lc-next-video-button-display: none}@media (max-width: 768px){:root{--lc-button-icon-size: 16px}}}@-webkit-keyframes cooeeFadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes cooeeFadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes cooeeFadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes cooeeFadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.lc-slide_in_top{animation:enterFromTop var(--lc-animation-duration, 1s) ease-out}@keyframes cooeeSlideInTop{0%{top:-100%;opacity:0}to{top:0;opacity:1}}.lc_slide_in_bottom{animation:cooeeSlideInBottom var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_left{animation:cooeeSlideInLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_right{animation:cooeeSlideInRight var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_top_left{animation:cooeeSlideInTopLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_top_right{animation:cooeeSlideInTopRight var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_bottom_left{animation:cooeeSlideInBottomLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_bottom_right{animation:cooeeSlideInBottomRight var(--lc-animation-duration, 1s) ease-out}.lc_enter-pop-in{animation:popIn .3s ease-out}@keyframes cooeeSlideInBottom{0%{bottom:-100%;opacity:0}to{bottom:0;opacity:1}}@keyframes cooeeSlideInLeft{0%{left:-100%;opacity:0}to{left:0;opacity:1}}@keyframes cooeeSlideInRight{0%{right:-100%;opacity:0}to{right:0;opacity:1}}@keyframes cooeeSlideInTopLeft{0%{top:-100%;left:-100%;opacity:0}to{top:0;left:0;opacity:1}}@keyframes cooeeSlideInTopRight{0%{top:-100%;right:-100%;opacity:0}to{top:0;right:0;opacity:1}}@keyframes cooeeSlideInBottomLeft{0%{bottom:-100%;left:-100%;opacity:0}to{bottom:0;left:0;opacity:1}}@keyframes cooeeSlideInBottomRight{0%{bottom:-100%;right:-100%;opacity:0}to{bottom:0;right:0;opacity:1}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cooeeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");font-weight:400;font-style:normal}.letscooee-engagement{z-index:0;position:relative!important;width:100%;flex-shrink:0}.letscooee-engagement.sticky-atc{position:fixed;bottom:0;left:0;width:100%;z-index:100}.letscooee-engagement button{cursor:pointer}.letscooee-engagement .lc-product-list,.letscooee-engagement .lc-product-swiper-list,:host(.letscooee-engagement) .lc-product-list,:host(.letscooee-engagement) .lc-product-swiper-list{scrollbar-width:none}.letscooee-engagement .lc-product-list::-webkit-scrollbar,.letscooee-engagement .lc-product-swiper-list::-webkit-scrollbar,:host(.letscooee-engagement) .lc-product-list::-webkit-scrollbar,:host(.letscooee-engagement) .lc-product-swiper-list::-webkit-scrollbar{display:none}cooee-icon{display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;height:24px;width:24px;overflow:hidden;color:#fff}:host(.letscooee-widget) .heading-text{color:rgba(var(--lc-heading-color));font-size:var(--lc-heading-size);font-weight:var(--lc-heading-weight);font-family:var(--lc-heading-family);text-transform:var(--lc-heading-transform);letter-spacing:var(--lc-heading-letter-spacing);text-align:var(--lc-heading-align);margin-bottom:.5rem}.letscooee-backdrop{display:block!important;background-color:#000000b3;background-color:color-mix(in oklab,#000 70%,transparent)}:host(.letscooee-widget) .item-name,:host(.letscooee-widget) .item-price,:host(.letscooee-widget) .item-cmp-price{font-family:var(--lc-item-text-family);text-transform:var(--lc-item-text-transform);letter-spacing:var(--lc-item-text-letter-spacing)}:host(.letscooee-widget) .item-name{font-size:var(--lc-item-text-size);font-weight:var(--lc-item-text-weight);color:rgba(var(--lc-item-text-color));line-height:normal}:host(.letscooee-widget) .item-price{font-size:var(--lc-item-price-size);font-weight:var(--lc-item-price-weight);color:rgba(var(--lc-item-price-color))}:host(.letscooee-widget) .item-cmp-price{display:var(--lc-item-cmp-price-display);font-size:var(--lc-item-cmp-price-size);font-weight:var(--lc-item-cmp-price-weight);color:rgba(var(--lc-item-cmp-price-color));text-decoration:line-through;margin-left:10px}:host(.letscooee-widget) .cta-button{background-color:rgba(var(--lc-primary-button-bg-color));color:rgba(var(--lc-primary-button-color));font-weight:var(--lc-primary-button-weight);text-transform:var(--lc-primary-button-transform);border-radius:var(--lc-button-radius);font-size:var(--lc-button-size);font-family:var(--lc-button-family),serif;height:var(--lc-button-height);letter-spacing:var(--lc-button-letter-spacing);transition:filter .12s ease,background-color .2s ease,color .2s ease;border-width:1px;border-style:solid;border-color:rgba(var(--lc-primary-button-border-color));display:flex;align-items:center;justify-content:center;gap:8px}:host(.letscooee-widget) .cta-button cooee-icon{display:var(--lc-button-icon-display);width:var(--lc-button-icon-size, 20px)!important;height:var(--lc-button-icon-size, 20px)!important;color:inherit}:host(.letscooee-widget) .cta-button:hover{filter:brightness(.95)}:host(.letscooee-widget) .cta-button:active{filter:brightness(.9)}:host(.letscooee-widget) .cta-button:focus-visible{outline:2px solid rgba(var(--lc-primary-color, 0, 0, 0));outline-offset:2px}:host(.letscooee-widget) .cta-button[aria-busy=true],:host(.letscooee-widget) .cta-button:disabled{opacity:.5}:host(.letscooee-widget) .view-cart-button{justify-content:center;align-items:center;flex-shrink:0;background:transparent;border:none}:host(.letscooee-widget) .video-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:0}:host(.letscooee-widget) .video-loading-overlay .loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:cooeeSpin 1s linear infinite}.letscooee-preview{border-radius:8px;overflow:hidden}.letscooee-preview:after{content:"";position:absolute;inset:0;border:2px dashed #f51c8f;z-index:1;border-radius:8px;pointer-events:none}.letscooee-preview-badge{position:absolute;top:4px;right:4px;padding:2px 8px;background:#f51c8f;color:#fff;border-radius:4px;font-size:12px;opacity:.8;line-height:1.2}#snackbar{visibility:hidden;color:#fff;background-color:#333;min-width:250px;margin-left:-125px;border-radius:2px;padding:16px;text-align:center;left:50%;bottom:30px;z-index:2147483647;position:fixed}#snackbar.show{visibility:visible;-webkit-animation:cooeeFadein .5s,cooeeFadeout .5s 2.5s;animation:cooeeFadein .5s,cooeeFadeout .5s 2.5s}
|
|
1
|
+
@layer cooee.base{:is(.letscooee-widget,:host(.letscooee-widget)) *,:is(.letscooee-widget,:host(.letscooee-widget)) :after,:is(.letscooee-widget,:host(.letscooee-widget)) :before,:is(.letscooee-widget,:host(.letscooee-widget)) ::backdrop,:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}:is(.letscooee-widget,:host(.letscooee-widget)) *{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--lc-text-family),serif;font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}:is(.letscooee-widget,:host(.letscooee-widget)) hr{height:0;color:inherit;border-top-width:1px}:is(.letscooee-widget,:host(.letscooee-widget)) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:is(.letscooee-widget,:host(.letscooee-widget)) h1,:is(.letscooee-widget,:host(.letscooee-widget)) h2,:is(.letscooee-widget,:host(.letscooee-widget)) h3,:is(.letscooee-widget,:host(.letscooee-widget)) h4,:is(.letscooee-widget,:host(.letscooee-widget)) h5,:is(.letscooee-widget,:host(.letscooee-widget)) h6{font-size:inherit;font-weight:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) b,:is(.letscooee-widget,:host(.letscooee-widget)) strong{font-weight:bolder}:is(.letscooee-widget,:host(.letscooee-widget)) small{font-size:80%}:is(.letscooee-widget,:host(.letscooee-widget)) sub,:is(.letscooee-widget,:host(.letscooee-widget)) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}:is(.letscooee-widget,:host(.letscooee-widget)) sub{bottom:-.25em}:is(.letscooee-widget,:host(.letscooee-widget)) sup{top:-.5em}:is(.letscooee-widget,:host(.letscooee-widget)) table{text-indent:0;border-color:inherit;border-collapse:collapse}:is(.letscooee-widget,:host(.letscooee-widget)) :-moz-focusring{outline:auto}:is(.letscooee-widget,:host(.letscooee-widget)) progress{vertical-align:baseline}:is(.letscooee-widget,:host(.letscooee-widget)) summary{display:list-item}:is(.letscooee-widget,:host(.letscooee-widget)) ol,:is(.letscooee-widget,:host(.letscooee-widget)) ul,:is(.letscooee-widget,:host(.letscooee-widget)) menu{list-style:none}:is(.letscooee-widget,:host(.letscooee-widget)) img,:is(.letscooee-widget,:host(.letscooee-widget)) svg,:is(.letscooee-widget,:host(.letscooee-widget)) video,:is(.letscooee-widget,:host(.letscooee-widget)) canvas,:is(.letscooee-widget,:host(.letscooee-widget)) audio,:is(.letscooee-widget,:host(.letscooee-widget)) iframe,:is(.letscooee-widget,:host(.letscooee-widget)) embed,:is(.letscooee-widget,:host(.letscooee-widget)) object{display:block;vertical-align:middle}:is(.letscooee-widget,:host(.letscooee-widget)) img,:is(.letscooee-widget,:host(.letscooee-widget)) video{max-width:100%;height:auto}:is(.letscooee-widget,:host(.letscooee-widget)) button,:is(.letscooee-widget,:host(.letscooee-widget)) input,:is(.letscooee-widget,:host(.letscooee-widget)) select,:is(.letscooee-widget,:host(.letscooee-widget)) optgroup,:is(.letscooee-widget,:host(.letscooee-widget)) textarea,:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:is(.letscooee-widget,:host(.letscooee-widget)) :where(select:is([multiple],[size])) optgroup{font-weight:bolder}:is(.letscooee-widget,:host(.letscooee-widget)) :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{margin-inline-end:4px}:is(.letscooee-widget,:host(.letscooee-widget)) ::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}:is(.letscooee-widget,:host(.letscooee-widget)) textarea{resize:vertical}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-search-decoration{-webkit-appearance:none}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit{display:inline-flex}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-fields-wrapper{padding:0}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-year-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-month-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-day-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-hour-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-minute-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-second-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-millisecond-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-meridiem-field{padding-block:0}:is(.letscooee-widget,:host(.letscooee-widget)) :-moz-ui-invalid{box-shadow:none}:is(.letscooee-widget,:host(.letscooee-widget)) button,:is(.letscooee-widget,:host(.letscooee-widget)) input:where([type=button],[type=reset],[type=submit]),:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{appearance:button}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-inner-spin-button,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-outer-spin-button{height:auto}:is(.letscooee-widget,:host(.letscooee-widget)) [hidden]:where(:not([hidden=until-found])){display:none!important}:is(.letscooee-widget,:host(.letscooee-widget)) a[href],:is(.letscooee-widget,:host(.letscooee-widget)) a[role=button],:is(.letscooee-widget,:host(.letscooee-widget)) button:not(:disabled):not([aria-disabled=true]){cursor:pointer}:is(.letscooee-widget,:host(.letscooee-widget)) button:disabled,:is(.letscooee-widget,:host(.letscooee-widget)) [aria-disabled=true],:is(.letscooee-widget,:host(.letscooee-widget)) a[aria-disabled=true]{cursor:not-allowed}}@layer cooee.utilities;@layer cooee.theme{:root{--lc-media-radius: var(--media-radius, 8px);--lc-primary-color: var(--color-primary, var(--color-foreground, 245 28 143));--lc-text-color: var(--color-foreground, 0 0 0);--lc-text-weight: var(--font-body-weight, 400);--lc-text-size: var(--font-size-regular, 16px);--lc-text-family: var(--font-family-body, inherit);--lc-video-card-width: 300px;--lc-video-card-height: 100%;--lc-button-radius: var(--buttons-radius, 8px);--lc-button-size: var(--buttons-size, 16px);--lc-button-family: inherit;--lc-button-letter-spacing: normal;--lc-button-height: auto;--lc-button-icon-display: none;--lc-button-icon-size: 20px;--lc-primary-button-bg-color: var(--color-button, 18 18 18);--lc-primary-button-color: var(--color-button-text, 255 255 255);--lc-primary-button-weight: var(--font-body-weight, 500);--lc-primary-button-transform: initial;--lc-primary-button-border-color: var(--lc-primary-color);--lc-secondary-button-bg-color: var(--color-button-text, 18 18 18);--lc-secondary-button-color: var(--color-button, 255 255 255);--lc-secondary-button-weight: var(--font-body-weight, 500);--lc-secondary-button-transform: initial;--lc-secondary-button-border-color: var(--lc-primary-color);--lc-heading-color: var(--color-foreground, 0 0 0);--lc-heading-family: var(--font-heading-family, var(--font-family-heading, inherit));--lc-heading-weight: var(--font-heading-weight, var(--font-weight-heading, 600));--lc-heading-size: var(--font-heading-size, var(--font-size-heading, 24px));--lc-heading-transform: initial;--lc-heading-letter-spacing: normal;--lc-heading-align: center;--lc-subheading-color: var(--color-foreground, 0 0 0);--lc-subheading-weight: var(--font-heading-weight, var(--font-weight-heading, 600));--lc-subheading-size: 18px;--lc-card-bg-color: 255, 255, 255, .5;--lc-card-radius: var(--media-radius, 8px);--lc-item-text-family: var(--lc-text-family);--lc-item-text-transform: initial;--lc-item-text-letter-spacing: inherit;--lc-item-text-color: var(--lc-text-color, 0 0 0);--lc-item-text-size: var(--lc-text-size, 16px);--lc-item-text-weight: var(--font-body-weight, 600);--lc-item-price-color: var(--lc-text-color, 0 0 0);--lc-item-price-size: var(--lc-text-size, 16px);--lc-item-price-weight: var(--font-body-weight, 500);--lc-item-cmp-price-color: var(--lc-text-color, 0, 0, 0, .75);--lc-item-cmp-price-size: var(--lc-text-size, 16px);--lc-item-cmp-price-weight: var(--font-body-weight, 500);--lc-item-cmp-price-display: none;--lc-description-size: inherit;--lc-description-weight: inherit;--lc-icon-button-size: 44px;--lc-icon-button-bg-color: 255, 255, 255, 1;--lc-icon-button-color: 0, 0, 0, 1;--lc-video-progress-bar-bg-color: 55, 65, 81, 1;--lc-video-progress-bar-color: var(--lc-primary-color);--lc-video-progress-bar-radius: 0;--lc-item-detail-footer-bg-color: 0, 0, 0, .3;--lc-item-detail-footer-box-shadow: 0 4px 6px rgba(82, 82, 91, .3);--lc-item-detail-footer-padding: 12px;--lc-next-video-button-display: none}@media(max-width:768px){:root{--lc-button-icon-size: 16px}}}@-webkit-keyframes cooeeFadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes cooeeFadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes cooeeFadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes cooeeFadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.lc-slide_in_top{animation:enterFromTop var(--lc-animation-duration, 1s) ease-out}@keyframes cooeeSlideInTop{0%{top:-100%;opacity:0}to{top:0;opacity:1}}.lc_slide_in_bottom{animation:cooeeSlideInBottom var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_left{animation:cooeeSlideInLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_right{animation:cooeeSlideInRight var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_top_left{animation:cooeeSlideInTopLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_top_right{animation:cooeeSlideInTopRight var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_bottom_left{animation:cooeeSlideInBottomLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_bottom_right{animation:cooeeSlideInBottomRight var(--lc-animation-duration, 1s) ease-out}.lc_enter-pop-in{animation:popIn .3s ease-out}@keyframes cooeeSlideInBottom{0%{bottom:-100%;opacity:0}to{bottom:0;opacity:1}}@keyframes cooeeSlideInLeft{0%{left:-100%;opacity:0}to{left:0;opacity:1}}@keyframes cooeeSlideInRight{0%{right:-100%;opacity:0}to{right:0;opacity:1}}@keyframes cooeeSlideInTopLeft{0%{top:-100%;left:-100%;opacity:0}to{top:0;left:0;opacity:1}}@keyframes cooeeSlideInTopRight{0%{top:-100%;right:-100%;opacity:0}to{top:0;right:0;opacity:1}}@keyframes cooeeSlideInBottomLeft{0%{bottom:-100%;left:-100%;opacity:0}to{bottom:0;left:0;opacity:1}}@keyframes cooeeSlideInBottomRight{0%{bottom:-100%;right:-100%;opacity:0}to{bottom:0;right:0;opacity:1}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cooeeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");font-weight:400;font-style:normal}.letscooee-engagement{z-index:0;position:relative!important;width:100%;flex-shrink:0}.letscooee-engagement.sticky-atc{position:fixed;bottom:0;left:0;width:100%;z-index:100}.letscooee-engagement button{cursor:pointer}.letscooee-engagement .lc-product-list,.letscooee-engagement .lc-product-swiper-list,:host(.letscooee-engagement) .lc-product-list,:host(.letscooee-engagement) .lc-product-swiper-list{scrollbar-width:none}.letscooee-engagement .lc-product-list::-webkit-scrollbar,.letscooee-engagement .lc-product-swiper-list::-webkit-scrollbar,:host(.letscooee-engagement) .lc-product-list::-webkit-scrollbar,:host(.letscooee-engagement) .lc-product-swiper-list::-webkit-scrollbar{display:none}cooee-icon{display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;height:24px;width:24px;overflow:hidden;color:#fff}:host(.letscooee-widget) .heading-text{color:rgba(var(--lc-heading-color));font-size:var(--lc-heading-size);font-weight:var(--lc-heading-weight);font-family:var(--lc-heading-family);text-transform:var(--lc-heading-transform);letter-spacing:var(--lc-heading-letter-spacing);text-align:var(--lc-heading-align);margin-bottom:.5rem}.letscooee-backdrop{display:block!important;background-color:#000000b3;background-color:color-mix(in oklab,#000 70%,transparent)}:host(.letscooee-widget) .item-name,:host(.letscooee-widget) .item-price,:host(.letscooee-widget) .item-cmp-price{font-family:var(--lc-item-text-family);text-transform:var(--lc-item-text-transform);letter-spacing:var(--lc-item-text-letter-spacing)}:host(.letscooee-widget) .item-name{font-size:var(--lc-item-text-size);font-weight:var(--lc-item-text-weight);color:rgba(var(--lc-item-text-color));line-height:normal}:host(.letscooee-widget) .item-price{font-size:var(--lc-item-price-size);font-weight:var(--lc-item-price-weight);color:rgba(var(--lc-item-price-color))}:host(.letscooee-widget) .item-cmp-price{display:var(--lc-item-cmp-price-display);font-size:var(--lc-item-cmp-price-size);font-weight:var(--lc-item-cmp-price-weight);color:rgba(var(--lc-item-cmp-price-color));text-decoration:line-through;margin-left:10px}:host(.letscooee-widget) .cta-button{background-color:rgba(var(--lc-primary-button-bg-color));color:rgba(var(--lc-primary-button-color));font-weight:var(--lc-primary-button-weight);text-transform:var(--lc-primary-button-transform);border-radius:var(--lc-button-radius);font-size:var(--lc-button-size);font-family:var(--lc-button-family),serif;height:var(--lc-button-height);letter-spacing:var(--lc-button-letter-spacing);transition:filter .12s ease,background-color .2s ease,color .2s ease;border-width:1px;border-style:solid;border-color:rgba(var(--lc-primary-button-border-color));display:flex;align-items:center;justify-content:center;gap:8px}:host(.letscooee-widget) .cta-button cooee-icon{display:var(--lc-button-icon-display);width:var(--lc-button-icon-size, 20px)!important;height:var(--lc-button-icon-size, 20px)!important;color:inherit}:host(.letscooee-widget) .cta-button:hover{filter:brightness(.95)}:host(.letscooee-widget) .cta-button:active{filter:brightness(.9)}:host(.letscooee-widget) .cta-button:focus-visible{outline:2px solid rgba(var(--lc-primary-color, 0, 0, 0));outline-offset:2px}:host(.letscooee-widget) .cta-button[aria-busy=true],:host(.letscooee-widget) .cta-button:disabled{opacity:.5}:host(.letscooee-widget) .view-cart-button{justify-content:center;align-items:center;flex-shrink:0;background:transparent;border:none}:host(.letscooee-widget) .video-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:0}:host(.letscooee-widget) .video-loading-overlay .loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:cooeeSpin 1s linear infinite}.letscooee-preview{border-radius:8px;overflow:hidden}.letscooee-preview:after{content:"";position:absolute;inset:0;border:2px dashed #f51c8f;z-index:1;border-radius:8px;pointer-events:none}.letscooee-preview-badge{position:absolute;top:4px;right:4px;padding:2px 8px;background:#f51c8f;color:#fff;border-radius:4px;font-size:12px;opacity:.8;line-height:1.2}#snackbar{visibility:hidden;color:#fff;background-color:#333;min-width:250px;margin-left:-125px;border-radius:2px;padding:16px;text-align:center;left:50%;bottom:30px;z-index:2147483647;position:fixed}#snackbar.show{visibility:visible;-webkit-animation:cooeeFadein .5s,cooeeFadeout .5s 2.5s;animation:cooeeFadein .5s,cooeeFadeout .5s 2.5s}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { f as fe, Y } from './chunk-BIEFC1bG-O9o-0wf6.js';
|
|
2
|
+
import { I as Ir, V as Ve, H as He, y as ye, M, l as le, u as ue, d, n, a as Mi, b as V } from './main.js';
|
|
3
|
+
import { l as Mt, h as g, m as Ye, n as Se$1, G as Ge, j as W, o as of, p as ht, q as ut, r as ft, s as TE, t as wE, v as mt, x as pt, y as ye$1, k as Ka, S as Sf, z as ec, w as wD, I as ID, H as Ho, J as Ja, A as lf, C as jD, E as yf, c as ud, _ as _D, F as nc, R as Rf, L as xf, N as Hb, O as Ro, K as Ke, P as Ft, D as Df, $ as $b, Q as Es, B as Bo, X as Xa, V as Vo, U as rc, Z as mf, a0 as ND, a1 as vD, a2 as fu, a3 as pu, a4 as kD, a5 as ED, a6 as Ef, a7 as gv, a8 as Zf, a9 as qf, aa as fv, ab as Sv, ac as Kg } from './widgets-B3EF6aEn-B8-8vMIl.js';
|
|
4
|
+
|
|
5
|
+
var f=(t,e,o,r)=>{if(!e)return;let i=new Ir(`CE Video Shared`,{current:{videoID:e.id,videoIndex:o},platform:r},t);window.CooeeSDK.sendEvent(i);},l=(t,e,o=true)=>{let r=o?encodeURIComponent(m(t,e)):m(t,e),n=`Hey! Check out this video for an amazing product -`;return {url:r,text:o?encodeURIComponent(n):n}},m=(t,e)=>{return Ve(He(window.location.href,t),e)};
|
|
6
|
+
|
|
7
|
+
var S=class n{video=$b.required();progress=Mt(0);constructor(){Es(t=>{let e=this.video(),i=()=>{this.progress.set(e.currentTime/e.duration*100);};e.addEventListener(`timeupdate`,i),t(()=>{e.removeEventListener(`timeupdate`,i);});});}static ɵfac=function(e){return new(e||n)};static ɵcmp=of({type:n,selectors:[[`cooee-video-progress-bar`]],inputs:{video:[1,`video`]},decls:3,vars:3,consts:[[1,`video-untracked-path`],[`role`,`progressbar`,1,`video-tracked-path`]],template:function(e,i){e&1&&(Bo(0,`div`,0)(1,`div`,1),Xa(2,`div`),Vo()()),e&2&&(ud(),rc(`width`,i.progress(),`%`),mf(`aria-valuenow`,i.progress()));},styles:[`[_nghost-%COMP%]{display:block;width:100%;position:absolute;z-index:10;top:4px;padding-inline:8px;box-sizing:border-box}.video-untracked-path[_ngcontent-%COMP%], .video-tracked-path[_ngcontent-%COMP%]{height:4px;border-radius:var(--lc-video-progress-bar-radius)}.video-untracked-path[_ngcontent-%COMP%]{background-color:rgba(var(--lc-video-progress-bar-bg-color));width:100%;margin-bottom:2px}.video-tracked-path[_ngcontent-%COMP%]{background-color:rgba(var(--lc-video-progress-bar-color));transition:width .5s ease-in-out}@media(prefers-reduced-motion:reduce){.video-tracked-path[_ngcontent-%COMP%]{transition:none}}`]})};var P=class n{dialogState=Hb();dialog=g(Ro);triggerData=g(Ke)().triggerData;eventData=g(Ge);containerRef=g(Ft);async share(t){t.stopPropagation(),t.preventDefault(),M()&&V()?await this.shareNative():await this.shareWithDialog();}async shareNative(){let t=l(this.triggerData,this.eventData.video,false);await navigator.share(t),f(this.triggerData,this.eventData.video,this.eventData.index,`Native`);}async shareWithDialog(){let t=await import('./share-dialog.component-C0AjtP26-CmZTeB2B.js');this.dialogState.emit(true),this.dialog.open(t.ShareDialogComponent,{viewContainerRef:this.containerRef}).closed.subscribe(()=>this.dialogState.emit(false));}static ɵfac=function(e){return new(e||n)};static ɵcmp=of({type:n,selectors:[[`cooee-share-button`]],outputs:{dialogState:`dialogState`},decls:2,vars:0,consts:[[`type`,`button`,`aria-label`,`Share video`,3,`click`],[`name`,`share`]],template:function(e,i){e&1&&(Ka(0,`button`,0),Sf(`click`,function(r){return i.share(r)}),Df(1,`cooee-icon`,1),Ja());},dependencies:[ye$1],styles:[`button[_ngcontent-%COMP%]{width:var(--lc-icon-button-size, 44px);height:var(--lc-icon-button-size, 44px);display:flex;justify-content:center;align-items:center;border:none;border-radius:100%;background:#00000080;background:color-mix(in oklab,#000 50%,transparent)}button[_ngcontent-%COMP%] cooee-icon[name=share][_ngcontent-%COMP%]{color:#fff}`]})};var Ie=[`swiperComp`],Se=[`videoEl`],Pe=(n,t)=>t.url;function ke(n,t){n&1&&(Ka(0,`div`,11),Df(1,`div`,15),Ja());}function Me(n,t){if(n&1&&Df(0,`source`,13),n&2){let e=t.$implicit;yf(`type`,gv(e.mimeType))(`src`,e.url);}}function Oe(n,t){n&1&&Ef(0);}function Ne(n,t){if(n&1){let e=ND();Ka(0,`cooee-video-promoted-items`,24),Sf(`cardClick`,function(o){fu(e);let r=kD(2).$implicit;return pu(kD().productCardClicked(o,r))}),Ja();}if(n&2){let e=kD(2).$implicit;yf(`items`,e.items);}}function ze(n,t){if(n&1&&Df(0,`cooee-video-card`,23),n&2){let e=kD(2).$implicit;yf(`card`,e.card);}}function Fe(n,t){if(n&1){let e=ND();Df(0,`cooee-video-progress-bar`,16),Ka(1,`div`,17)(2,`cooee-mute-toggle`,18),Zf(`mutedChange`,function(o){fu(e);let r=kD(2);return fv(r.muted,o)||(r.muted=o),pu(o)}),Sf(`toggled`,function(){fu(e);return pu(kD(2).muteToggled())}),Ja(),lf(3,Oe,1,0,`ng-container`,8),Ja(),Ka(4,`div`,19)(5,`cooee-share-button`,20),Sf(`dialogState`,function(o){fu(e);return pu(kD(2).shareDialogOpen.set(o))}),Ja()(),Ka(6,`div`,21),vD(7,Ne,1,1,`cooee-video-promoted-items`,22)(8,ze,1,1,`cooee-video-card`,23),Ja();}if(n&2){let e=kD().$implicit,i=jD(5),o=kD(),r=jD(9);yf(`video`,i),ud(2),qf(`muted`,o.muted),yf(`videoEl`,i),ud(),yf(`ngTemplateOutlet`,r),ud(4),ED(e.items.length&&o.videoConfig.showItems()?7:e.card&&o.videoConfig.footerContent===o.VideoConfigFooterContent.CARD?8:-1);}}function Le(n,t){if(n&1){let e=ND();Ka(0,`cooee-item-detail`,25),Sf(`closeClick`,function(){fu(e);return pu(kD(2).productModalClosed())}),Ja();}if(n&2){let e=kD(2);yf(`item`,e.selectedItem)(`similarItems`,e.selectedVideo.items)(`template`,e.videoConfig.itemDetailConfig.template);}}function Re(n,t){if(n&1){let e=ND();Ka(0,`div`,6)(1,`div`,9)(2,`div`,10),vD(3,ke,2,0,`div`,11),Ka(4,`video`,12,2),Sf(`click`,function(){let o=fu(e).$index,r=kD();return pu(r.currentIndex===o&&r.toggleMute())})(`ended`,function(){fu(e);let o=jD(5);return pu(kD().onVideoEnded(o))})(`loadstart`,function(){let o=fu(e).$index;return pu(kD().onVideoLoadStart(o))})(`canplay`,function(){let o=fu(e).$index;return pu(kD().onVideoCanPlay(o))}),wD(6,Me,1,3,`source`,13,Pe),Ja(),vD(8,Fe,9,5),Ja(),vD(9,Le,1,3,`cooee-item-detail`,14),Ja()();}if(n&2){let e=t.$implicit,i=t.$index,o=kD();ud(2),rc(`background-image`,e.thumbnail?`url(`+e.thumbnail+`)`:null),ud(),ED(o.shouldShowVideoSpinner(i)?3:-1),ud(),yf(`ngClass`,o.viewTemplateClassName)(`muted`,true),mf(`preload`,o.isVideoVisible(i)?`metadata`:`none`)(`data-video-id`,e.id)(`autoplay`,null),ud(2),_D(e.sources),ud(2),ED(o.currentIndex===i?8:-1),ud(),ED(o.selectedItem&&o.currentIndex===i?9:-1);}}function Ae(n,t){n&1&&Ef(0);}function Be(n,t){if(n&1){let e=ND();Ka(0,`button`,26),Sf(`click`,function(){fu(e);return pu(kD().close())}),Df(1,`cooee-icon`,27),Ja();}}var Te=class n$1{swiperComponent;videoElements;VideoConfigFooterContent=ye;currentIndex=0;muted=Mt(false);selectedItem=null;selectedVideo;detailPopupTemplate;viewTemplateClassName=`lc-video-only-view`;shareDialogOpen=Mt(false);data=g(Ye);elementRef=g(Se$1);eventData=g(Ge);dialogRef=g(W);swiperInitialized=Mt(false);swiperOptions=Mt(null);videos=[];videoConfig;triggerContext;engagementTrigger;isMobile=M();navigationConfig;cssLoadedPromise;resizeDebouncer=new le(this.onResize.bind(this));videoLoadingStates=new Map;constructor(){this.videos=this.data.videos,this.currentIndex=this.data.currentIndex,this.selectedItem=this.data.selectedItem??null,this.selectedVideo=this.videos[this.currentIndex],this.triggerContext=this.data.triggerContext,this.engagementTrigger=this.triggerContext.triggerData,this.videoConfig=this.engagementTrigger?.content?.videoConfig??new ue,this.navigationConfig=new d({enabled:true,size:50,color:new n({h:`#000000`})}),this.cssLoadedPromise=Mi(this.elementRef.nativeElement.shadowRoot);}onKeyDown(t){t.preventDefault(),t.stopPropagation(),this.close();}async ngOnInit(){switch(this.muted.set(await fe.get(`muted`,false)),this.videoConfig.detailPopup.template){case `PRODUCT_DETAIL_VIEW`:this.selectItemForDetailView(),this.viewTemplateClassName=`lc-product-detail-view`;break;case `VIDEO_ONLY_VIEW`:this.viewTemplateClassName=`lc-video-only-view`;break}}ngAfterViewInit(){this.initializeSwiperWithVideoDimensions();}ngOnDestroy(){this.resizeDebouncer?.destroy();}initializeSwiperWithVideoDimensions(){this.applyOptimalVideoDimensions(),this.initSwiperOptions(),this.playActiveVideo(false);}close(){let t=this.getCurrentVideoElement();this.dialogRef.close({lastVideo:this.videos[this.currentIndex],lastVideoIndex:this.currentIndex,lastVideoDuration:t?.currentTime});}getCurrentVideoElement(){return this.videoElements.get(this.currentIndex)?.nativeElement}moveToNextVideo(){this.swiperComponent.swiper.slideTo(this.currentIndex+1);}productModalClosed(){this.selectedItem=null;}pauseAll(){this.videoElements.forEach(t=>t.nativeElement.pause());}toggleMute(){this.muted.update(t=>!t);}async muteToggled(){await fe.set(`muted`,this.muted());let e=[this.muted()?`CE Video Muted`:`CE Video Unmuted`,{current:this.currentVideoProps()},{triggerData:this.engagementTrigger}];window.CooeeSDK.events.push(e);}playActiveVideo(t=true){t&&this.pauseAll();let e=this.getCurrentVideoElement();e&&this.playVideo(e);}playVideo(t){t.currentTime=0,t.play().catch(e=>Y.error(e));}onVideoEnded(t){if(this.currentIndex<this.videos.length-1)this.selectedItem||this.shareDialogOpen()?this.playVideo(t):this.moveToNextVideo();else {let i=[`CE Last Video Ended`,{previous:this.getPreviousVideoDataForEvent()},{triggerData:this.engagementTrigger}];window.CooeeSDK.events.push(i),this.playVideo(t);}}onSlideChange(t){let e=this.getPreviousVideoDataForEvent();this.currentIndex=t.realIndex,this.selectedVideo=this.videos[this.currentIndex],this.eventData.video=this.selectedVideo,this.eventData.index=this.currentIndex,this.playActiveVideo(),this.isProductDetailView()?this.selectItemForDetailView():this.selectedItem=null;let r=new Ir(`CE Video Changed`,{previous:e,current:this.currentVideoProps()},this.engagementTrigger);r.setVideos(this.videos[this.currentIndex]),window.CooeeSDK.sendEvent(r);}productCardClicked(t,e){let o=new Ir(`CE More Item Info Clicked`,{current:{videoID:e.id,videoIndex:this.currentIndex}},this.engagementTrigger);o.setVideos(e),window.CooeeSDK.sendEvent(o),this.selectedItem=t;}onVideoLoadStart(t){this.videoLoadingStates.set(t,true);}onVideoCanPlay(t){this.videoLoadingStates.set(t,false);}shouldShowVideoSpinner(t){return this.swiperInitialized()?this.videoLoadingStates.get(t)===true&&this.isVideoVisible(t):this.isVideoVisible(t)}isVideoVisible(t){let e=this.currentIndex-1,i=this.currentIndex+1;return t===this.currentIndex||t===e||t===i}async initSwiperOptions(){await this.cssLoadedPromise;let t=this.isMobile?1:`auto`,e=0;this.isProductDetailView()&&(t=`auto`,e=10),this.swiperOptions.set({direction:this.isMobile?`vertical`:`horizontal`,effect:this.isMobile?`slide`:`coverflow`,slidesPerView:t,initialSlide:this.currentIndex,centeredSlides:true,spaceBetween:e,coverflowEffect:{rotate:0,stretch:0,depth:400,modifier:1,slideShadows:false},on:{init:i=>{this.swiperInitialized.set(true),setTimeout(()=>{i.update();},100);}},mousewheel:{enabled:!this.isMobile,invert:false,thresholdDelta:20}});}isProductDetailView(){return this.videoConfig.detailPopup.template===`PRODUCT_DETAIL_VIEW`}currentVideoProps(){return {videoID:this.videos[this.currentIndex].id,videoIndex:this.currentIndex}}getPreviousVideoDataForEvent(){let t=this.currentVideoProps(),e=this.videoElements.find(o=>o.nativeElement.dataset.videoId===this.videos[this.currentIndex].id)?.nativeElement;t.playedTillMS=Math.ceil(e?.currentTime*1e3);let i=e?.duration*1e3;return t.playedTillPercent=+(t.playedTillMS/i).toFixed(4),t}selectItemForDetailView(){this.selectedItem=this.isMobile?null:this.selectedVideo?.items?.[0]??null;}applyOptimalVideoDimensions(){if(this.isMobile||this.isProductDetailView())return;let t=this.calculateOptimalVideoDimensions();t&&this.setVideoContainerDimensions(t.width,t.height);}calculateOptimalVideoDimensions(){let t=this.videos.map(h=>h.sources?.[0]).filter(h=>h?.width&&h?.height).map(h=>({width:h.width,height:h.height,aspectRatio:h.width/h.height}));if(t.length===0)return null;let e=t[0],i=window.innerWidth*.9,o=window.innerHeight*.9,r=i/e.width,k=o/e.height,A=Math.min(r,k);return {width:Math.floor(e.width*A),height:Math.floor(e.height*A)}}setVideoContainerDimensions(t,e){let i=this.elementRef.nativeElement;i.style.setProperty(`--video-container-width`,`${t}px`),i.style.setProperty(`--video-container-height`,`${e}px`);}onResize(){this.applyOptimalVideoDimensions();}static ɵfac=function(e){return new(e||n$1)};static ɵcmp=of({type:n$1,selectors:[[`cooee-video-detail-dialog`]],viewQuery:function(e,i){if(e&1&&nc(Ie,7)(Se,5),e&2){let o;Rf(o=xf())&&(i.swiperComponent=o.first),Rf(o=xf())&&(i.videoElements=o);}},hostAttrs:[1,`letscooee-widget`],hostBindings:function(e,i){e&1&&Sf(`keydown.escape`,function(r){return i.onKeyDown(r)},Kg);},decls:10,vars:4,consts:[[`swiperComp`,``],[`closeButtonTemplate`,``],[`videoEl`,``],[1,`lc-shadow-inner`,3,`ngClass`],[1,`video-swiper`,3,`slideChange`,`options`,`navigationConfig`],[`ngProjectAs`,`swiper-slides`,5,[`swiper-slides`]],[1,`swiper-slide`,`video-slide`],[1,`lc-desktop-controls`],[4,`ngTemplateOutlet`],[1,`lc-video-modal-row`],[1,`lc-video-container`],[1,`video-loading-overlay`],[`playsinline`,``,1,`lc-video-el`,3,`click`,`ended`,`loadstart`,`canplay`,`ngClass`,`muted`],[3,`src`,`type`],[1,`swiper-no-swiping`,`swiper-no-mousewheel`,3,`item`,`similarItems`,`template`],[1,`loading-spinner`],[3,`video`],[1,`lc-video-controls`],[3,`mutedChange`,`toggled`,`muted`,`videoEl`],[1,`share-controls`],[3,`dialogState`],[1,`lc-card-container`],[3,`items`],[3,`card`],[3,`cardClick`,`items`],[1,`swiper-no-swiping`,`swiper-no-mousewheel`,3,`closeClick`,`item`,`similarItems`,`template`],[`type`,`button`,`aria-label`,`Close`,1,`lc-close-button`,3,`click`],[`name`,`close`,`aria-hidden`,`true`]],template:function(e,i){if(e&1&&(Ka(0,`div`,3)(1,`cooee-swiper`,4,0),Sf(`slideChange`,function(r){return i.onSlideChange(r)}),ec(3,5),wD(4,Re,10,10,`div`,6,ID),Ho(),Ja(),Ka(6,`div`,7),lf(7,Ae,1,0,`ng-container`,8),Ja()(),lf(8,Be,2,0,`ng-template`,null,1,Sv)),e&2){let o=jD(9);yf(`ngClass`,i.viewTemplateClassName),ud(),yf(`options`,i.swiperOptions())(`navigationConfig`,i.navigationConfig),ud(3),_D(i.videos),ud(3),yf(`ngTemplateOutlet`,o);}},dependencies:[ht,ut,ft,P,S,TE,wE,mt,pt,ye$1],styles:[`:host{display:flex}.lc-shadow-inner{position:relative;width:100vw;height:100vh;display:flex}@media(min-width:768px){.lc-shadow-inner{background-color:color-mix(in oklab,#000 70%,transparent);justify-content:center;align-items:center}}.video-swiper{--swiper-navigation-size: 50px;--swiper-navigation-color: white;width:100dvw;height:100dvh}.lc-product-detail-view .video-swiper{align-items:center}@media(min-width:768px){.video-swiper{width:100%;height:100%;max-width:90vw;max-height:90vh}}.video-swiper>.swiper-wrapper{max-height:100%;pointer-events:none}.lc-product-detail-view .video-swiper>.swiper-wrapper{align-items:center}@media(max-width:768px){.video-swiper>.swiper-button-prev{display:none!important}}@media(max-width:768px){.video-swiper>.swiper-button-next{display:var(--lc-next-video-button-display)!important;width:var(--lc-icon-button-size, 44px);height:var(--lc-icon-button-size, 44px);display:flex;justify-content:center;align-items:center;border:none;border-radius:100%;background:#00000080;background:color-mix(in oklab,#000 50%,transparent);color:#fff;inset:auto auto 12px 50%;transform:translate(-50%) rotate(90deg)}.video-swiper>.swiper-button-next:after{color:#fff;font-weight:900}}.video-swiper:has(cooee-item-detail)>.swiper-button-next{display:none!important}.video-slide{position:relative;display:flex;align-items:center;visibility:hidden;pointer-events:auto}.lc-product-detail-view .video-slide{width:40vw!important;height:70vh!important}@media(min-width:768px){.lc-product-detail-view .video-slide{min-width:650px!important}}@media(max-width:768px){.lc-product-detail-view .video-slide{width:100%!important;height:100%!important}}@media(min-width:768px){.lc-video-only-view .video-slide{width:fit-content!important}}@media(min-width:768px){.video-slide{border-radius:var(--lc-media-radius);overflow:hidden}}.video-slide.swiper-slide-active,.video-slide.swiper-slide-prev,.video-slide.swiper-slide-next{visibility:visible}video{width:100%;height:100%;object-fit:cover;position:relative;z-index:3}.lc-desktop-controls{position:absolute;top:2rem;right:4rem;z-index:10;display:flex;gap:.5rem}@media(max-width:768px){.lc-desktop-controls{display:none}}.lc-video-controls{position:absolute;top:1rem;z-index:10;right:.5rem;display:flex;gap:.25rem}@media(min-width:768px){.lc-video-controls .lc-close-button{display:none}}.share-controls{position:absolute;bottom:30%;right:.5rem;z-index:10;display:flex;gap:.25rem;flex-direction:column;justify-content:center;align-items:center}.lc-close-button{width:var(--lc-icon-button-size, 44px);height:var(--lc-icon-button-size, 44px);display:flex;justify-content:center;align-items:center;border:none;border-radius:100%;background:#00000080;background:color-mix(in oklab,#000 50%,transparent)}.lc-video-container{position:relative;height:100%;width:100%;background:#000000b3 no-repeat center;background-size:cover}@media(min-width:768px){.lc-product-detail-view .lc-video-container{width:50%}}@media(min-width:768px){.lc-video-only-view .lc-video-container{width:var(--video-container-width, 100%);height:var(--video-container-height, 100%)}}.lc-card-container{position:absolute;bottom:12px;z-index:10;width:100%;padding-inline:12px;box-sizing:border-box}.lc-product-detail-view .lc-card-container{display:none}@media(max-width:768px){.lc-product-detail-view .lc-card-container{display:block}}.lc-product-detail-view .lc-video-modal-row{display:flex;justify-content:center;height:100%;width:100%}.lc-video-only-view .lc-video-modal-row{display:block;height:100%}.lc-product-detail-view cooee-item-detail{--header-display: none;width:50%;flex:1}@media(max-width:768px){.lc-product-detail-view cooee-item-detail{--header-display: flex;width:100%;height:70dvh;position:absolute;bottom:0;z-index:2147483646}}.lc-video-only-view cooee-item-detail{width:100%;height:70dvh;z-index:2147483646;bottom:0;position:absolute;border-radius:var(--lc-card-radius) var(--lc-card-radius) 0 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0000004d;z-index:2}.video-loading-overlay .loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}
|
|
8
|
+
`],encapsulation:3})};
|
|
9
|
+
|
|
10
|
+
var videoDetailDialog_componentMG6ikv4x = /*#__PURE__*/Object.freeze({
|
|
11
|
+
__proto__: null,
|
|
12
|
+
VideoDetailDialogComponent: Te
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
export { f, l, videoDetailDialog_componentMG6ikv4x as v };
|