https://www.ozdilekteyim.com/chunk-JAOM7JEQ.js

1import{a as Ie}from"./chunk-VGCSYPXL.js";import{a as Te}from"./chunk-VLJU6X55.js";import{a as $e}from"./chunk-IE5I6CV6.js";import{d as Me,e as De}from"./chunk-QBVKGCRF.js";import"./chunk-MOVJOQ2P.js";import"./chunk-K5XRQOHL.js";import{e as ye}from"./chunk-GYZVTPAH.js";import"./chunk-FPRMMXBR.js";import{a as be}from"./chunk-WOU3OU5T.js";import"./chunk-MGCAC4TO.js";import"./chunk-LAIP6KE2.js";import{a as Se,b as Pe}from"./chunk-YQ242W4Y.js";import"./chunk-H76FBLVK.js";import"./chunk-FSQQRBNE.js";import"./chunk-KSLSNCCQ.js";import"./chunk-BTFSSCIJ.js";import"./chunk-W2F6WWIK.js";import"./chunk-L4ZEWT37.js";import"./chunk-RISCHKDK.js";import{a as H}from"./chunk-LXJFCHQ7.js";import"./chunk-6E6BIMAS.js";import{b as we}from"./chunk-4FRM4NZ2.js";import{a as Oe}from"./chunk-HVFVIHVC.js";import{c as ke}from"./chunk-NSAMYZ24.js";import"./chunk-5EHSVCUQ.js";import{Aa as fe,Ba as ve,Ea as xe,V as T,aa as Ce,ha as _e}from"./chunk-WB4ZKX5G.js";import{Va as A,Y as pe,_a as me,f as ce,h as se,i as le,ib as ue,ic as he,id as ge,k as de}from"./chunk-3IFILS7V.js";import{$ as X,Ac as V,Bc as z,Cc as l,Cd as re,Dc as d,Ec as p,F as Q,Fc as u,Fd as h,Gd as g,Ib as c,J as C,Jc as U,Kc as W,Oa as _,Pa as f,Pc as O,Qa as Z,Ra as ee,Ub as R,Vb as s,W as w,Xc as b,Zc as r,_b as ie,a as K,ac as ne,be as ae,d as q,ec as y,f as J,hb as te,hd as oe,id as G,md as I,na as Y,nd as M,o as D,ra as B,ta as E,tc as N,ua as k,vc as v,w as m,x as L,xc as x}from"./chunk-7U63JCID.js";import{a as P,b as j}from"./chunk-NCEQPEJE.js";var F=class n{constructor(t,e,i,o){this.el=t;this.renderer=e;this.preloadMediaService=i;this.winRef=o}ngOnInit(){!this.winRef.isBrowser()&&this.ozdPreloadImage&&this.preloadMediaService.createPreloadLinkTag(this.renderer,this.ozdPreloadImage)}static{this.\u0275fac=function(e){return new(e||n)(s(te),s(R),s(Ie),s(A))}}static{this.\u0275dir=ne({type:n,selectors:[["","ozdPreloadImage",""]],inputs:{ozdPreloadImage:"ozdPreloadImage"},standalone:!1})}};var ze=(n,t,e)=>({"--showcaseBgcolor":n,"--textColorCode":t,"--buttonTextColorCode":e}),Ae=(n,t)=>t.uid,Fe=(n,t)=>t==null?null:t.productCode,je=(n,t)=>t.name;function Ne(n,t){n&1&&u(0,"div",6)}function Ue(n,t){if(n&1&&(u(0,"cx-media",7),h(1,"async")),n&2){let e=r(),i=r();l("ozdPreloadImage",e==null||e.media==null?null:e.media.url)("alt",e.name)("format",g(1,6,i.format$))("container",e==null?null:e.platformMedias)("width",582)("height",582)}}function We(n,t){if(n&1&&(d(0,"cx-generic-link",8),u(1,"cx-media",7),h(2,"async"),p()),n&2){let e=r(),i=r();l("url",e.reviewAllLink==null?null:e.reviewAllLink.customUrl)("target",(e.reviewAllLink==null?null:e.reviewAllLink.external)===!0?"_blank":null),c(),l("ozdPreloadImage",e==null||e.media==null?null:e.media.url)("alt",e.name)("format",g(2,8,i.format$))("container",e==null?null:e.platformMedias)("width",582)("height",582)}}function Ge(n,t){if(n&1){let e=O();d(0,"div",26),b("click",function(o){let a=_(e).$implicit,$=r(3);return f($.onShowProductGrid(a,o))}),d(1,"div",27),I(2),p()()}if(n&2){let e=t.$implicit;G("top",e.top,"%")("left",e.left,"%"),c(2),M(e.productCode)}}function He(n,t){if(n&1&&u(0,"ozd-custom-product-grid-item",29),n&2){let e=r().ngIf,i=r(3);l("product",e)("itemList",i.item_list)}}function Ke(n,t){if(n&1&&(U(0),y(1,He,1,2,"ozd-custom-product-grid-item",28),W()),n&2){let e=t.ngIf,i=r(3);c(),l("ngIf",(e==null?null:e.code)&&i.showProductGrid)}}function qe(n,t){if(n&1&&(U(0),d(1,"div",23),V(2,Ge,3,5,"div",24,Fe),d(4,"div",25),y(5,Ke,2,1,"ng-container",9),h(6,"async"),p()(),W()),n&2){let e=t.ngIf,i=r(2);c(2),z(e),c(2),G("top",i.layerTop)("bottom",i.layerBottom)("left",i.layerLeft),c(),l("ngIf",g(6,7,i.selectedProduct$))}}function Je(n,t){if(n&1&&(d(0,"p",13),I(1),p()),n&2){let e=r();c(),M(e.content)}}function Qe(n,t){if(n&1&&u(0,"ozd-custom-product-grid-item",31),n&2){let e=r().$implicit,i=r(3);l("product",e)("stopLink",i.isDragging)("itemList",i.item_list),N("data-id",e.code)}}function Xe(n,t){if(n&1&&y(0,Qe,1,4,"ng-template",30),n&2){let e=r(3);l("width",e.itemProductWidth)}}function Ye(n,t){if(n&1){let e=O();d(0,"owl-carousel-o",21),b("dragging",function(o){_(e);let a=r(2);return f(a.isDragging=o.dragging)}),V(1,Xe,1,1,null,30,je),p()}if(n&2){let e=r(2);l("options",e.customOptions),c(),z(t)}}function Ze(n,t){if(n&1){let e=O();d(0,"div",32)(1,"cx-generic-link",33,0),b("click",function(){_(e);let o=oe(2),a=r().$implicit,$=r(2);return f(o.hasValidUrl?$.onClick(a):null)}),u(3,"cx-media",34),p()()}if(n&2){let e=r().$implicit;N("data-id",e.uid),c(),l("url",e.link==null?null:e.link.customUrl)("target",(e.link==null?null:e.link.external)===!0?"_blank":null),c(2),l("container",e.media)("alt",e.name)}}function et(n,t){n&1&&y(0,Ze,4,5,"ng-template",22)}function tt(n,t){if(n&1){let e=O();d(0,"div",3),b("childrenVisible",function(o){_(e);let a=r();return f(a.onChildrenVisible(o))}),d(1,"div",4)(2,"div",5),v(3,Ne,1,0,"div",6),v(4,Ue,2,8,"cx-media",7)(5,We,3,10,"cx-generic-link",8),y(6,qe,7,9,"ng-container",9),h(7,"async"),p(),d(8,"div",10)(9,"div",11),b("visible",function(){_(e);

1let o=r();return f(o.onComponentVisible())}),d(10,"div",12)(11,"h2"),I(12),p(),v(13,Je,2,1,"p",13),p(),d(14,"cx-generic-link",8)(15,"span",14),I(16),p(),Z(),d(17,"svg",15),u(18,"path",16),p()()(),ee(),d(19,"div",17)(20,"div",18),v(21,Ye,3,1,"owl-carousel-o",19),h(22,"async"),p()()()(),d(23,"div",20)(24,"owl-carousel-o",21),b("dragging",function(o){_(e);let a=r();return f(a.isDragging=o.dragging)}),V(25,et,1,0,null,22,Ae),h(27,"async"),p()()()}if(n&2){let e,i=t,o=r();l("threshold",.3)("visibilityDelay",2e3)("ngStyle",re(19,ze,i.showcaseBgcolor,i.textColorCode,i.buttonTextColorCode)),c(3),x(o.isGif(i)?3:-1),c(),x(i!=null&&i.productMaps?4:5),c(2),l("ngIf",g(7,13,o.productMaps$)),c(6),M(i.title),c(),x(i.content?13:-1),c(),l("url",i.reviewAllLink==null?null:i.reviewAllLink.customUrl)("target",(i.reviewAllLink==null?null:i.reviewAllLink.external)===!0?"_blank":null),c(2),M(i.reviewAllLink==null?null:i.reviewAllLink.linkName),c(5),x((e=g(22,15,o.items$))?21:-1,e),c(3),l("options",o.customBannerOptions),c(),z(g(27,17,o.banners$))}}function it(n,t){if(n&1&&u(0,"div",2),n&2){let e=r();l("ngClass",e.insiderClass)}}var Le=class n{constructor(t,e,i,o,a,$,nt,ot,rt,at,ct,st,lt){this.componentData=t;this.cmsService=e;this.baseStoreService=i;this.productService=o;this.breakpointService=a;this.renderer=$;this.cd=nt;this.winref=ot;this.router=rt;this.semanticPathService=at;this.analyticsService=ct;this.occConfig=st;this.launchDialogService=lt;this.destroy$=new q;this.fetchTrigger$=new J(1);this.ImageLoadingStrategy=xe;this.unique=new Date().getTime();this.isDragging=!1;this.item_list={};this.componentData$=this.componentData.data$.pipe(C(Boolean),k(t=>{this.item_list={item_list_name:t.title?.trim()}}));this.breakpoints=T;this.items$=this.fetchTrigger$.pipe(E(this.destroy$),B(()=>this.getProductsForCarousel()),Y({bufferSize:1,refCount:!0}));this.banners$=this.componentData$.pipe(k(t=>{this.insiderClass=t.styleClasses}),C(t=>!!t.banners),m(t=>t.banners?.trim().split(" ")),C(t=>!!t),B(t=>{let e=t?.map(i=>this.cmsService.getComponentData(i));return L(e).pipe(m(i=>i.filter(o=>o!==null)))}),m(t=>t.map(e=>j(P({},e),{showcaseComponent:"Promo Banner"}))));this.customOptions=P({},H);this.customBannerOptions=j(P({},H),{item:3,mergeFit:!0,responsive:{0:{items:1},768:{items:2}}});this.isMarket=this.baseStoreService.getActiveTyp()==="market";this.itemProductWidth=210;this.itemBrandWidth=110;this.breakpoint$=this.breakpointService.breakpoint$;this.format$=this.breakpoint$.pipe(m(t=>[T.xs,T.sm,T.md].includes(t)?"mobile":"desktop"),X(),k(()=>{this.customOptions=P({},this.customOptions)}));this.productMaps$=L([this.componentData$.pipe(m(t=>t?.productMaps?.productMap)),this.format$]).pipe(m(([t,e])=>t?.filter(i=>i.mediaFormat===e)));this.brands$=L([this.componentData$.pipe(m(t=>t?.brands?.brand)),this.format$]).pipe(m(([t,e])=>t?.filter(i=>i.mediaFormat===e)));this.selectedProduct$=D({});this.showProductGrid=!1;this.layerTop=null;this.layerBottom=null;this.layerLeft=null;this.currentFormat="desktop";this.subscription=new K;this.format$.pipe(E(this.destroy$)).subscribe(S=>{this.currentFormat=S}),this.breakpointService.breakpoint$.pipe(E(this.destroy$)).subscribe(S=>{["sm","xs"].includes(S)&&(this.itemProductWidth=this.isMarket?140:160,this.itemBrandWidth=76)}),this.renderer.listen("window","click",S=>{let Be=S.target.closest(".showcase-item, .showcase-item-layer");this.showProductGrid&&!Be&&(this.showProductGrid=!1,this.selectedProduct$=D({}),this.cd.markForCheck())})}onComponentVisible(){this.fetchTrigger$.next()}isGif(t){return[t?.media,...Object.values(t?.platformMedias??{})].some(i=>i?.mime?.toLowerCase()==="image/gif"||(i?.url??"").split("?")[0].toLowerCase().endsWith(".gif"))}getProducts(){return this.componentData$.pipe(m(t=>t.productCodes?.trim().split(" ")||[]),B(t=>Q(()=>t.length>0,this.productService.carousel(t),D(null))))}getProductsForCarousel(){return this.getProducts().pipe(C(me),m(t=>t.products))}onShowProductGrid(t,e){if(this.currentFormat==="mobile"){this.subscription.add(this.productService.get(t.productCode).pipe(C(Boolean),w(1)).subscribe(i=>this.openProductSheet(i)));return}this.layerTop=t.top>40?null:`${t.top+3}%`,this.layerBottom=t.top>40?"3%":null,this.layerLeft=`${t.left+3}

1%`,this.selectedProduct$=this.productService.get(t.productCode).pipe(C(Boolean),k(()=>{this.showProductGrid=!0,this.cd.markForCheck()}))}openProductSheet(t){let e=this.launchDialogService.openDialog(fe.SHOWCASE_PRODUCT_SHEET,void 0,void 0,{product:t});e&&e.pipe(w(1)).subscribe()}routerLink(t){if(this.analyticsService.sendEvent({event:"selectPromotion",banners:[{urlLink:t.plpUrl||"",uid:t.categoryCode,showcaseComponent:"Section Story",name:t.brandName}]}),t?.plpUrl){this.router.navigateByUrl(t.plpUrl);return}let e=this.semanticPathService.transform({cxRoute:"brand",params:{brandCode:t.brandName}});this.router.navigate(e)}getBaseUrl(){return this.occConfig.backend.media.baseUrl||this.occConfig.backend.occ.baseUrl||""}onClick(t){this.analyticsService.sendEvent({event:"selectPromotion",banners:[t]})}onChildrenVisible(t){let e=this.groupByKind(t);e.product?.size&&this.subscription.add(this.items$.pipe(w(1)).subscribe(i=>{let o=i.filter(a=>e.product.has(a.code));o.length!==0&&this.analyticsService.sendEvent({event:"viewList",productList:{products:o},params:this.item_list})})),e.banner?.size&&this.subscription.add(this.banners$.pipe(w(1)).subscribe(i=>{let o=i.filter(a=>e.banner.has(a.uid));o.length!==0&&this.analyticsService.sendEvent({event:"viewPromotion",banners:o})})),e.brand?.size&&this.subscription.add(this.brands$.pipe(w(1)).subscribe(i=>{let o=i.filter(a=>e.brand.has(a.brandName));o.length!==0&&this.analyticsService.sendEvent({event:"viewPromotion",banners:o.map(a=>({urlLink:a.plpUrl||"",uid:a.categoryCode,showcaseComponent:"Section Story",name:a.brandName}))})}))}groupByKind(t){return t.reduce((e,i)=>{let o=i.getAttribute("data-track-kind"),a=i.getAttribute("data-id");return!o||!a||(e[o]||(e[o]=new Set),e[o].add(a)),e},{})}ngOnDestroy(){this.subscription.unsubscribe(),this.destroy$.next(),this.destroy$.complete()}static{this.\u0275fac=function(e){return new(e||n)(s(Ce),s(ge),s(we),s(ye),s(_e),s(R),s(ae),s(A),s(pe),s(he),s(be),s(ue),s(ve))}}static{this.\u0275cmp=ie({type:n,selectors:[["ozd-showcase-product-carousel"]],standalone:!1,decls:3,vars:4,consts:[["link",""],["trackChildrenVisibility","",1,"showcase-product-carousel",3,"threshold","visibilityDelay","ngStyle"],[3,"ngClass"],["trackChildrenVisibility","",1,"showcase-product-carousel",3,"childrenVisible","threshold","visibilityDelay","ngStyle"],[1,"showcase-body"],[1,"showcase-container"],[1,"showcase-frame"],[3,"ozdPreloadImage","alt","format","container","width","height"],[1,"item-link",3,"url","target"],[4,"ngIf"],[1,"showcase-right"],["ozdVisibilityObserver","",1,"banner-product-carousel-header",3,"visible"],[1,"section-header-content"],[1,"carousel-description"],[1,"item-link-text"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true",1,"item-link-arrow"],["d","M7.5 4.16667L12.5 10L7.5 15.8333","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],[1,"showcase-carousel"],[1,"product-carousel-container"],[3,"options"],[1,"showcase-banner"],[3,"dragging","options"],["carouselSlide",""],[1,"showcase-layer"],[1,"showcase-item",3,"top","left"],[1,"showcase-item-layer"],[1,"showcase-item",3,"click"],[1,"showcase-item-get"],["class","carouselItem",3,"product","itemList",4,"ngIf"],[1,"carouselItem",3,"product","itemList"],["carouselSlide","",3,"width"],["data-track","false","data-track-kind","product",1,"carouselItem",3,"product","stopLink","itemList"],["data-track","false","data-track-kind","banner",1,"showcase-banner-wrapper"],[1,"item-link",3,"click","url","target"],[3,"container","alt"]],template:function(e,i){if(e&1&&(v(0,tt,28,23,"div",1),h(1,"async"),v(2,it,1,1,"div",2)),e&2){let o;x((o=g(1,2,i.componentData$))?0:-1,o),c(2),x(i.insiderClass?2:-1)}},dependencies:[ce,se,le,Oe,ke,Pe,Se,De,Te,$e,Me,F,de],styles:[`.santorini-updated[_ngcontent-%COMP%]{--cx-color-background: #f4f4f4;--cx-color-text: #14293a;--cx-color-inverse: #ffffff;--cx-color-transparent: transparent;--cx-color-primary: #055f9f;--cx-color-secondary: #556b82;--cx-color-success: #256f3a;--cx-color-info: #0064d8;--cx-color-warning: #b44f00;--cx-color-danger: #aa0808;--cx-color-light: #f1f1f1;--cx-color-dark: #77818b;--cx-color-primary-accent: #0f4880;--cx-color-success-accent: #f0fbe4;--cx-color-danger-accent: #fff1f1;--cx-color-warning-accent: #fff5df;--cx-color-info-accent: #deeffe;--cx-color-medium: #d3d6db;--cx-color-background-dark: #212738;--cx-color-visual-focus: #1f3a93;--cx-color-background-focus: rgba(80, 176, 244, .1);--cx-color-border-focus: rgba(166, 204, 232, .6);--cx-page-width-max: 1140px;--cx-font-weight-light: 300;--cx-font-weight-normal: 400;--cx-font-weight-semi: 600;--cx-font-weight-bold: 700;--cx-text-transform: capitalize;--cx-direction: ltr;--cx-transition-duration: .5s;--cx-animation-duration: 1s;--cx-border-radius: 1em;--cx-buttons-border-radius: 2rem;--cx-buttons-border-width: 3px;--cx-border-style: solid}

1.showcase-product-carousel[_ngcontent-%COMP%]{--default-space: 0rem;background-color:var(--showcaseBgcolor);padding-top:var(--default-space);padding-bottom:var(--default-space);--layout-padding: 2rem;--layout-max-width: 1440px;padding-left:var(--layout-padding);padding-right:var(--layout-padding);max-width:calc(var(--layout-max-width) + var(--layout-padding) * 2);margin:0 auto}@media(max-width:991.98px){.showcase-product-carousel[_ngcontent-%COMP%]{--layout-padding: 1rem}}.showcase-body[_ngcontent-%COMP%]{display:flex;column-gap:2.25rem;align-items:stretch}@media(max-width:991.98px){.showcase-body[_ngcontent-%COMP%]{flex-direction:column;align-items:stretch}.showcase-body[_ngcontent-%COMP%]   .banner-product-carousel-header[_ngcontent-%COMP%]{order:-1}}.showcase-body[_ngcontent-%COMP%]   .showcase-container[_ngcontent-%COMP%]{position:relative;flex:0 0 40%;align-self:flex-start}@media(max-width:991.98px){.showcase-body[_ngcontent-%COMP%]   .showcase-container[_ngcontent-%COMP%]{flex:1 1 auto;width:100%;margin-bottom:10px}}.showcase-body[_ngcontent-%COMP%]   .showcase-container[_ngcontent-%COMP%]   .showcase-frame[_ngcontent-%COMP%]{position:absolute;inset:30px -30px;border:2px solid var(--textColorCode, #000);z-index:2;pointer-events:none}@media(max-width:991.98px){.showcase-body[_ngcontent-%COMP%]   .showcase-container[_ngcontent-%COMP%]   .showcase-frame[_ngcontent-%COMP%]{inset:40px 0;border-width:1px}}.showcase-body[_ngcontent-%COMP%]   .showcase-container[_ngcontent-%COMP%]   cx-media[_ngcontent-%COMP%]{position:relative;z-index:1;display:block}@media(max-width:991.98px){.showcase-body[_ngcontent-%COMP%]   .showcase-container[_ngcontent-%COMP%]   cx-media[_ngcontent-%COMP%]{margin:10px}}.showcase-body[_ngcontent-%COMP%]   .showcase-right[_ngcontent-%COMP%]{flex:1 1 0%;min-width:0;display:flex;flex-direction:column}@media(max-width:991.98px){.showcase-body[_ngcontent-%COMP%]   .showcase-right[_ngcontent-%COMP%]{display:contents}}.showcase-body[_ngcontent-%COMP%]   .showcase-carousel[_ngcontent-%COMP%]{margin-top:auto;min-width:0;overflow:hidden}@media(max-width:991.98px){.showcase-body[_ngcontent-%COMP%]   .showcase-carousel[_ngcontent-%COMP%]{margin-top:0}}.showcase-item[_ngcontent-%COMP%]{position:absolute;z-index:100}.showcase-item-get[_ngcontent-%COMP%]{width:25px;height:25px;background-color:#00000080;border-radius:15px;text-indent:-99999px;position:relative;cursor:pointer}.showcase-item-get[_ngcontent-%COMP%]:before{content:"";background-color:#fff;position:absolute;width:15px;height:15px;border-radius:10px;top:5px;left:5px}.showcase-item-layer[_ngcontent-%COMP%]{width:170px;position:absolute;z-index:100}
2
3
4
5
6
7
8
9`],changeDetection:0})}};export{Le as ShowcaseProductCarouselComponent};