@letscooee/web-sdk 10.2.0 → 11.0.0-rc.0

package/.release-it.json

@@ -0,0 +1,20 @@
+{
+    "$schema": "https://unpkg.com/release-it/schema/release-it.json",
+    "npm": {
+        "publish": false
+    },
+    "gitlab": {
+        "release": true
+    },
+    "plugins": {
+        "@release-it/conventional-changelog": {
+            "infile": "CHANGELOG.md",
+            "writerOpts": {
+                "groupBy": "scope"
+            }
+        }
+    },
+    "hooks": {
+        "after:bump": "npm run asset-sizes"
+    }
+}

package/dist/chunk-2PZEVGOB.js

@@ -0,0 +1,3 @@
+import{a as I,b as ye,d as Te,f as H,h as De,j as E,l as X,m as Z,q as be,s as Ee,t as ke,u as Me,w as Pe,x as Oe,y as Se,z as Ae}from"./chunk-5EYT2ZXX.js";import{$a as Ce,Aa as q,C as y,Cb as Ie,E as p,Ea as C,F as m,G as M,Ga as u,H as ie,Ia as a,K as oe,L as P,La as K,Ma as W,Na as G,Oa as ce,P as O,Pa as se,Qa as k,R as S,Ra as pe,S as T,T as r,Ua as h,Va as me,Xa as ue,Ya as ge,Za as _e,_a as ve,aa as f,ab as R,bb as he,eb as fe,ga as A,gb as D,ha as Q,hb as b,jb as we,la as F,ma as _,mb as L,na as v,nb as Y,oa as N,ob as z,pa as w,pb as xe,qa as x,qb as J,ra as s,sa as c,ta as d,ua as g,va as ne,wa as re,wb as B,xa as le,ya as ae,yb as Ve,za as de}from"./chunk-S6UU36F3.js";var Ne=i=>({active:i}),Re=(i,t)=>t.mID;function Le(i,t){if(i&1&&g(0,"img",9),i&2){let e=t.$implicit,n=a();s("src",e.url,T)("alt",n.item().name)}}function ze(i,t){if(i&1&&(g(0,"span",18),D(1,"cooeeCurrency"),D(2,"safeHtml")),i&2){a(2);let e=R(15);s("innerHTML",b(2,3,b(1,1,e.d)),S)}}function Be(i,t){if(i&1&&(g(0,"span",19),D(1,"cooeeCurrency"),D(2,"safeHtml")),i&2){a(2);let e=R(15);s("innerHTML",b(2,3,b(1,1,e.cmp)),S)}}function He(i,t){if(i&1&&(c(0,"div",12),_(1,ze,3,5,"span",18),_(2,Be,3,5,"span",19),d()),i&2){a();let e=R(15);r(),v(e.d?1:-1),r(),v(e.cmp?2:-1)}}function je(i,t){if(i&1){let e=C();c(0,"a",22),u("click",function(o){let l=p(e).$implicit,V=a(2);return m(V.changeItem(o,l))}),g(1,"img",23),d()}if(i&2){let e=t.$implicit,n=a(2);r(),s("src",e.firstImageURL,T)("alt",n.item().name)("ngClass",fe(3,Ne,e.mID===n.item().mID+""))}}function $e(i,t){if(i&1&&(c(0,"span",20),h(1,"Select product"),d(),c(2,"div",8),w(3,je,2,5,"a",21,Re),d()),i&2){let e=a();r(3),x(e.similarItems())}}function Ue(i,t){if(i&1&&(c(0,"span",24),h(1,"Select variant"),d(),g(2,"cooee-item-options-picker",25)),i&2){let e=a();r(2),s("item",e.item())}}function Qe(i,t){if(i&1&&(c(0,"div",26),h(1,"Description"),d(),g(2,"div",27),D(3,"safeHtml")),i&2){let e=a();r(2),s("innerHTML",b(3,1,e.item().desc),S)}}function qe(i,t){i&1&&h(0," Add To Cart ")}function Ke(i,t){i&1&&h(0," Out of stock ")}var j=class i{closeModel=new Q;performCTA=new Q;item=J.required();similarItems=J.required();closeDialog(){this.closeModel.emit()}clickAddToCart(){this.performCTA.emit({item:this.item(),cta:E.ADD_TO_CART})}openCart(){this.performCTA.emit({item:this.item(),cta:E.OPEN_CART})}changeItem(t,e){t.stopPropagation(),t.preventDefault(),this.item.set(e)}goToPDP(){this.performCTA.emit({item:this.item(),cta:E.GO_TO_PRODUCT})}static \u0275fac=function(e){return new(e||i)};static \u0275cmp=f({type:i,selectors:[["cooee-item-detail"]],hostAttrs:[1,"letscooee-widget"],inputs:{item:[1,"item"],similarItems:[1,"similarItems"]},outputs:{closeModel:"closeModel",performCTA:"performCTA",item:"itemChange",similarItems:"similarItemsChange"},decls:28,vars:8,consts:[[1,"lc-card-wrapper"],[1,"lc-card-header"],[1,"lc-header"],["type","button",1,"lc-close-button",3,"click"],["xmlns","http://www.w3.org/2000/svg","height","24px","viewBox","0 0 24 24","fill","#000"],["d","M0 0h24v24H0V0z","fill","none"],["d","M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"],[1,"lc-card-content"],[1,"lc-image-strip"],[1,"w-28","h-28","object-contain",3,"src","alt"],[1,"lc-inner-body"],[1,"lc-item-name"],[1,"lc-prices"],[1,"lc-card-footer"],["type","button",1,"lc-cta-button",3,"click","disabled"],["type","button",1,"lc-more-info-button",3,"click"],["type","button","title","View Cart",1,"view-cart-button",3,"click"],["width","32","height","32","src","https://img.icons8.com/material-sharp/48/shopping-cart.png","alt","shopping-cart"],[1,"lc-item-price",3,"innerHTML"],[1,"lc-item-cmp-price",3,"innerHTML"],[1,"lc-selected-product-title"],["href","#"],["href","#",3,"click"],[1,"product-selector",3,"src","alt","ngClass"],[1,"lc-selected-variant-title"],[3,"item"],[1,"lc-description-title"],[1,"lc-description",3,"innerHTML"]],template:function(e,n){if(e&1){let o=C();c(0,"div",0)(1,"div",1)(2,"div",2),h(3,"Shop Now"),d(),c(4,"button",3),u("click",function(){return p(o),m(n.closeDialog())}),M(),c(5,"svg",4),g(6,"path",5)(7,"path",6),d()()(),ie(),c(8,"div",7)(9,"div",8),w(10,Le,1,2,"img",9,N),d(),c(12,"div",10)(13,"div",11),h(14),d(),ve(15),_(16,He,3,2,"div",12),_(17,$e,5,0),_(18,Ue,3,1),_(19,Qe,4,3),d()(),c(20,"div",13)(21,"button",14),u("click",function(){return p(o),m(n.clickAddToCart())}),_(22,qe,1,0)(23,Ke,1,0),d(),c(24,"button",15),u("click",function(){return p(o),m(n.goToPDP())}),h(25," More Info "),d(),c(26,"button",16),u("click",function(){return p(o),m(n.openCart())}),g(27,"img",17),d()()()}if(e&2){let o=n.item().selectedOrFirstVariant.value;r(10),x(n.item().imgs),r(4),me(n.item().name),r();let l=Ce(o==null?null:o.price);r(),v(l?16:-1),r(),v(n.similarItems().length>1?17:-1),r(),v(n.item().hasVariants()?18:-1),r(),v(n.item().desc?19:-1),r(2),s("disabled",!o.isAvailable),r(),v(o.isAvailable?22:23)}},dependencies:[B,De,Ie,be],styles:["[_nghost-%COMP%]{display:block;background:#fff}.lc-card-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;height:100%;overflow:auto}.lc-card-header[_ngcontent-%COMP%]{display:var(--header-display, flex);flex-direction:row;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid var(--lc-color-gray-300)}.lc-header[_ngcontent-%COMP%]{font-size:24px;font-weight:500;color:#000}.lc-close-button[_ngcontent-%COMP%]{background:transparent;border:none;width:36px;height:36px}.lc-close-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{fill:#000000b3}.lc-card-content[_ngcontent-%COMP%]{flex:1;overflow-y:auto;overscroll-behavior:contain}.lc-inner-body[_ngcontent-%COMP%]{padding:16px;display:flex;flex-direction:column;gap:8px}.lc-image-strip[_ngcontent-%COMP%]{width:100%;display:flex;overflow-x:auto;gap:.5rem;flex-wrap:nowrap}.lc-image-strip[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:auto;height:200px}.lc-image-strip[_ngcontent-%COMP%]   .product-selector[_ngcontent-%COMP%]{height:100px;flex-shrink:0;padding:2px}.lc-image-strip[_ngcontent-%COMP%]   .product-selector.active[_ngcontent-%COMP%]{border:red solid 1px}.lc-item-name[_ngcontent-%COMP%]{font-size:20px;font-weight:600;line-height:normal;color:rgb(var(--lc-color-text))}.lc-item-price[_ngcontent-%COMP%]{font-size:18px;font-weight:500;color:rgb(var(--lc-color-text))}.lc-item-cmp-price[_ngcontent-%COMP%]{font-size:18px;font-weight:500;color:rgba(var(--lc-color-text),.75);margin-left:10px;text-decoration:line-through;display:none}.lc-description-title[_ngcontent-%COMP%], .lc-selected-product-title[_ngcontent-%COMP%], .lc-selected-variant-title[_ngcontent-%COMP%]{font-size:18px;font-weight:600;margin-top:8px;line-height:normal;color:#000}.lc-description[_ngcontent-%COMP%]{line-height:normal;color:#000}.lc-card-footer[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;padding:12px;background-color:#0000004d;box-shadow:0 4px 6px #52525b4d;gap:12px}.lc-cta-button[_ngcontent-%COMP%], .lc-more-info-button[_ngcontent-%COMP%]{width:50%;padding:12px;border:none;border-radius:.5rem;font-weight:600;display:flex;justify-content:center;align-items:center;font-size:16px}.lc-cta-button[_ngcontent-%COMP%]{background-color:#000;color:#fff}.lc-cta-button[_ngcontent-%COMP%]:disabled{opacity:.5;cursor:not-allowed}.lc-more-info-button[_ngcontent-%COMP%]{background-color:#fff;color:#000}.view-cart-button[_ngcontent-%COMP%]{background:transparent;border:none}"]})};var $=class i{video=z.required();progress=P(0);constructor(){L(t=>{let e=this.video(),n=()=>{this.progress.set(e.currentTime/e.duration*100)};e.addEventListener("timeupdate",n),t(()=>{e.removeEventListener("timeupdate",n)})})}static \u0275fac=function(e){return new(e||i)};static \u0275cmp=f({type:i,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,n){e&1&&(ne(0,"div",0)(1,"div",1),le(2,"div"),re()()),e&2&&(r(),pe("width",n.progress(),"%"),F("aria-valuenow",n.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%]{height:4px;background-color:#374151;width:100%;margin-bottom:2px}.video-tracked-path[_ngcontent-%COMP%]{height:4px;background-color:rgba(var(--lc-color-primary),.1);transition:width .5s ease-in-out}"]})};var We=["swiperContainer"],Ge=(i,t)=>t.id;function Ye(i,t){if(i&1){let e=C();c(0,"div",3)(1,"cooee-item-card",4),u("buttonClick",function(o){p(e);let l=a();return m(l.onButtonClick(o))})("click",function(){let o=p(e).$implicit,l=a();return m(l.cardClick.emit(o))}),d()()}if(i&2){let e=t.$implicit;r(),s("item",e)}}var U=class i{items=z.required();cardClick=Y();buttonClick=Y();destroyRef=y(oe);elementRef=y(O);swiperContainerRef=xe.required("swiperContainer");swiperInstance;constructor(){L(()=>{this.initSwiper()}),this.destroyRef.onDestroy(()=>{this.swiperInstance?.destroy()})}ngOnInit(){H(this.elementRef.nativeElement.shadowRoot)}onButtonClick(t){let e=Te.get().website?.canChangeVariantInCart;if(this.items()?.length>1||t.hasVariants()&&!e){this.cardClick.emit(t);return}this.buttonClick.emit(t)}initSwiper(){this.swiperInstance=new window.CooeeSDK.Swiper(this.swiperContainerRef().nativeElement,{direction:"horizontal",effect:"slide",slidesPerView:1.2,nested:!0,centeredSlides:!0,spaceBetween:12,mousewheel:{enabled:!0,thresholdDelta:10,thresholdTime:200}})}static \u0275fac=function(e){return new(e||i)};static \u0275cmp=f({type:i,selectors:[["cooee-video-promoted-items"]],viewQuery:function(e,n){e&1&&ce(n.swiperContainerRef,We,5),e&2&&se()},inputs:{items:[1,"items"]},outputs:{cardClick:"cardClick",buttonClick:"buttonClick"},decls:5,vars:0,consts:[["swiperContainer",""],[1,"swiper-container"],[1,"swiper-wrapper"],[1,"swiper-slide"],["tabindex","0",3,"buttonClick","click","item"]],template:function(e,n){e&1&&(c(0,"div",1,0)(2,"div",2),w(3,Ye,2,1,"div",3,Ge),d()()),e&2&&(r(3),x(n.items()))},dependencies:[Ae],styles:[`:host{display:block;width:100%}cooee-item-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffff80;border-radius:7px;cursor:pointer}
+`],encapsulation:3})};var Je=["swiperComp"],Xe=["videoEl"],Ze=(i,t)=>t.url;function et(i,t){if(i&1&&g(0,"source",12),i&2){let e=t.$implicit;s("type",he(e.mimeType))("src",e.url,T)}}function tt(i,t){i&1&&q(0)}function it(i,t){if(i&1){let e=C();c(0,"cooee-video-promoted-items",20),u("buttonClick",function(o){p(e);let l=a(2).$implicit,V=a();return m(V.itemButtonClicked(o,l))})("cardClick",function(o){p(e);let l=a(2).$implicit,V=a();return m(V.productCardClicked(o,l))}),d()}if(i&2){let e=a(2).$implicit;s("items",e.items)}}function ot(i,t){if(i&1&&g(0,"cooee-video-card",19),i&2){let e=a(2).$implicit;s("card",e.card)}}function nt(i,t){if(i&1){let e=C();g(0,"cooee-video-progress-bar",14),c(1,"div",15)(2,"cooee-mute-toggle",16),_e("mutedChange",function(o){p(e);let l=a(2);return ge(l.muted,o)||(l.muted=o),m(o)}),u("toggled",function(){p(e);let o=a(2);return m(o.muteToggled())}),d(),A(3,tt,1,0,"ng-container",8),d(),c(4,"div",17),_(5,it,1,1,"cooee-video-promoted-items",18)(6,ot,1,1,"cooee-video-card",19),d()}if(i&2){let e=a().$implicit,n=k(4),o=a(),l=k(9);s("video",n),r(2),ue("muted",o.muted),s("videoEl",n),r(),s("ngTemplateOutlet",l),r(2),v(e.items.length&&o.footerContent===o.VideoConfigFooterContent.FIRST_ITEM?5:e.card&&o.footerContent===o.VideoConfigFooterContent.CARD?6:-1)}}function rt(i,t){if(i&1){let e=C();c(0,"cooee-item-detail",21),u("performCTA",function(o){p(e);let l=a(2);return m(l.performClickToAction(o,l.selectedVideo))})("closeModel",function(){p(e);let o=a(2);return m(o.productModalClosed())}),d()}if(i&2){let e=a(2);s("item",e.selectedItem)("similarItems",e.selectedVideo.items)}}function lt(i,t){if(i&1){let e=C();c(0,"div",6)(1,"div",9)(2,"div",10)(3,"video",11,2),u("click",function(){let o=p(e).$index,l=a();return m(l.currentIndex===o&&l.toggleMute())})("ended",function(){p(e);let o=k(4),l=a();return m(l.onVideoEnded(o))}),w(5,et,1,3,"source",12,Ze),d(),_(7,nt,7,5),d(),_(8,rt,1,2,"cooee-item-detail",13),d()()}if(i&2){let e=t.$implicit,n=t.$index,o=a();r(3),s("ngClass",o.viewTemplateClassName)("poster",e.thumbnail,T),F("data-video-id",e.id)("autoplay",o.currentIndex===n||null)("muted",o.muted||null),r(2),x(e.sources),r(2),v(o.currentIndex===n?7:-1),r(),v(o.selectedItem&&o.currentIndex===n?8:-1)}}function at(i,t){i&1&&q(0)}function dt(i,t){if(i&1){let e=C();c(0,"button",22),u("click",function(){p(e);let o=a();return m(o.close())}),M(),c(1,"svg",23),g(2,"path",24)(3,"path",25),d()()}}var Fe=class i{swiperComponent;videoElements;data=y(Me);VideoConfigFooterContent=Ee;currentIndex=0;muted=P(!1);selectedItem=null;selectedVideo;swiperOptions;detailPopupTemplate;footerContent;viewTemplateClassName="lc-video-only-view";videos=[];elementRef=y(O);dialogRef=y(ke);triggerContext;engagementTrigger;isMobile=window.CooeeSDK.uaParser.getDevice().type==="mobile";constructor(){this.videos=this.data.videos,this.currentIndex=this.data.currentIndex,this.triggerContext=this.data.triggerContext,this.engagementTrigger=this.triggerContext.triggerData}async ngOnInit(){this.muted.set(await Z.get(X.MUTED,!1));let t=this.engagementTrigger?.content?.videoConfig;switch(this.detailPopupTemplate=t?.detailPopup.template??"VIDEO_ONLY_VIEW",this.footerContent=t?.footerContent??"FIRST_ITEM",H(this.elementRef.nativeElement.shadowRoot),this.detailPopupTemplate){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.initSwiperOptions(),queueMicrotask(()=>this.playActiveVideo())}close(t=this.videos[this.currentIndex],e=this.currentIndex){let n=this.getCurrentVideoElement();this.dialogRef.close({lastVideo:t,lastVideoIndex:e,lastVideoDuration:n?.currentTime})}itemButtonClicked(t,e){this.performClickToAction({cta:E.ADD_TO_CART,item:t},e)}performClickToAction(t,e){this.data.onCTAPerformed({cta:t.cta,item:t.item,video:e})}getCurrentVideoElement(){return this.videoElements.get(this.currentIndex)?.nativeElement}moveToNextVideo(){this.swiperComponent.swiper.slideTo(this.currentIndex+1)}productModalClosed(){this.selectedItem=null,this.selectedVideo=void 0}pauseAll(){this.videoElements.forEach(t=>t.nativeElement.pause())}toggleMute(){this.muted.update(t=>!t)}async muteToggled(){await Z.set(X.MUTED,this.muted());let e=[this.muted()?I.EVENT_VIDEO_MUTED:I.EVENT_VIDEO_UNMUTED,{current:this.currentVideoProps()},{triggerData:this.engagementTrigger}];window.CooeeSDK.events.push(e)}playActiveVideo(){this.pauseAll();let t=this.getCurrentVideoElement();t&&this.playVideo(t)}playVideo(t){t.currentTime=1,t.play().catch(e=>ye.error(e))}onVideoEnded(t){if(this.currentIndex<this.videos.length-1)this.selectedItem?this.playVideo(t):this.moveToNextVideo();else{let e=this.getPreviousVideoDataForEvent(),n=[I.EVENT_LAST_VIDEO_ENDED,{previous:e},{triggerData:this.engagementTrigger}];window.CooeeSDK.events.push(n),this.playVideo(t)}}onSlideChange(t){let e=this.getPreviousVideoDataForEvent();this.currentIndex=t.realIndex,this.playActiveVideo(),this.detailPopupTemplate==="PRODUCT_DETAIL_VIEW"?this.selectItemForDetailView():(this.selectedItem=null,delete this.selectedVideo);let n=this.currentVideoProps(),o={previous:e,current:n},l=[I.EVENT_VIDEO_CHANGE,o,{triggerData:this.engagementTrigger}];window.CooeeSDK.events.push(l)}productCardClicked(t,e){let n={videoID:e.id,videoIndex:this.currentIndex},o=[I.EVENT_MORE_ITEM_INFO_CLICKED,{current:n},{triggerData:this.engagementTrigger}];window.CooeeSDK.events.push(o),this.selectedItem=t,this.selectedVideo=e}initSwiperOptions(){let t=this.isMobile?1:"auto",e=0;this.detailPopupTemplate==="PRODUCT_DETAIL_VIEW"&&(t="auto",e=10),this.swiperOptions={direction:this.isMobile?"vertical":"horizontal",effect:this.isMobile?"slide":"coverflow",slidesPerView:t,initialSlide:this.currentIndex,centeredSlides:!0,spaceBetween:e,coverflowEffect:{rotate:0,stretch:0,depth:400,modifier:1,slideShadows:!1},mousewheel:{enabled:!this.isMobile,invert:!1,thresholdDelta:20}}}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 n=e?.duration*1e3;return t.playedTillPercent=+(t.playedTillMS/n).toFixed(4),t}selectItemForDetailView(){this.selectedVideo=this.videos[this.currentIndex],this.selectedItem=this.isMobile?null:this.selectedVideo?.items?.[0]??null}static \u0275fac=function(e){return new(e||i)};static \u0275cmp=f({type:i,selectors:[["cooee-video-detail-dialog"]],viewQuery:function(e,n){if(e&1&&(K(Je,7),K(Xe,5)),e&2){let o;W(o=G())&&(n.swiperComponent=o.first),W(o=G())&&(n.videoElements=o)}},hostAttrs:[1,"letscooee-widget"],decls:10,vars:3,consts:[["swiperComp",""],["closeButtonTemplate",""],["videoEl",""],[1,"lc-shadow-inner",3,"ngClass"],[1,"video-swiper",3,"slideChange","options"],["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"],["playsinline","","preload","metadata",1,"lc-video-el",3,"click","ended","ngClass","poster"],[3,"src","type"],[1,"swiper-no-swiping","swiper-no-mousewheel",3,"item","similarItems"],[3,"video"],[1,"lc-video-controls"],[3,"mutedChange","toggled","muted","videoEl"],[1,"lc-card-container"],[3,"items"],[3,"card"],[3,"buttonClick","cardClick","items"],[1,"swiper-no-swiping","swiper-no-mousewheel",3,"performCTA","closeModel","item","similarItems"],["type","button",1,"lc-close-button",3,"click"],["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 24 24","fill","#fff"],["d","M0 0h24v24H0V0z","fill","none"],["d","M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"]],template:function(e,n){if(e&1){let o=C();c(0,"div",3)(1,"cooee-swiper",4,0),u("slideChange",function(V){return p(o),m(n.onSlideChange(V))}),ae(3,5),w(4,lt,9,7,"div",6,N),de(),d(),c(6,"div",7),A(7,at,1,0,"ng-container",8),d()(),A(8,dt,4,0,"ng-template",null,1,we)}if(e&2){let o=k(9);s("ngClass",n.viewTemplateClassName),r(),s("options",n.swiperOptions),r(3),x(n.videos),r(3),s("ngTemplateOutlet",o)}},dependencies:[U,j,Se,$,Ve,B,Oe,Pe],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%}.lc-product-detail-view .video-swiper>.swiper-wrapper{align-items:center}@media (max-width: 768px){.video-swiper>.swiper-button-prev,.video-swiper>.swiper-button-next{display:none!important}}.video-slide{position:relative;display:flex;align-items:center;visibility:hidden}.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:12px;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}.lc-product-detail-view video{width:100%;object-fit:cover;z-index:-1}.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}.lc-video-controls .lc-close-button{display:block}@media (min-width: 768px){.lc-video-controls .lc-close-button{display:none}}.lc-close-button{border:none;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#00000080;border-radius:100%;cursor:pointer}.lc-close-button svg{width:100%;height:100%}@media (min-width: 768px){.lc-close-button{width:48px;height:48px}}.lc-product-detail-view .lc-video-container{height:100%;position:relative}@media (min-width: 768px){.lc-product-detail-view .lc-video-container{width:50%}}.lc-video-only-view .lc-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}
+`],encapsulation:3})};export{Fe as VideoDetailDialogComponent};