https://www.gap.at/_next/static/chunks/8291-b69bea6d8cfd2a84.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8291],{20228:(e,t,r)=>{"use strict";r.d(t,{z:()=>o});let o=(e,t,r)=>{let o=e||(r?"#FFFFFF":"#000000"),l=parseInt(o.slice(1,3),16),i=parseInt(o.slice(3,5),16),n=parseInt(o.slice(5,7),16);return`rgba(${l}, ${i}, ${n}, ${(t??100)/100})`}},26134:(e,t,r)=>{"use strict";r.d(t,{I:()=>l});var o=r(75834);let l=(e,t={})=>{let{rootMargin:r="0px",threshold:l=0,once:i=!1}=t,[n,a]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{let t=e.current;if(!t)return;if(!window.IntersectionObserver)return void a(!0);let o=new IntersectionObserver(([e])=>{a(e.isIntersecting),i&&e.isIntersecting&&o.disconnect()},{rootMargin:r,threshold:l});return o.observe(t),()=>{o.disconnect()}},[e,r,l,i]),n}},32878:e=>{e.exports={box:"BannerBox_box__iJQ1K",title:"BannerBox_title__ZbcWQ",text:"BannerBox_text__PkkoP",couponRow:"BannerBox_couponRow__Mh3pi",couponLabel:"BannerBox_couponLabel__UKHCc",couponCode:"BannerBox_couponCode__6qTvO",copyButton:"BannerBox_copyButton__ZQmW_",copyAction:"BannerBox_copyAction__O_j4S",copyIcon:"BannerBox_copyIcon__c3Jpp",copyTooltip:"BannerBox_copyTooltip__PtRUD"}},45938:(e,t,r)=>{"use strict";r.d(t,{E:()=>u});var o=r(75834),l=r(46225),i=r.n(l),n=r(81586),a=r(97166),s=r(49898);let c=!1,u=({banner:e,box:t,placement:r,index:u})=>{let{dataLayer:d}=(0,n.Pj)(),p=(0,l.useRouter)()?.pathname??"",m=(0,o.useRef)(null),h=(0,o.useMemo)(()=>(0,a.il)({banner:e,box:t,page:(0,a.ju)(p),placement:r,index:u}),[e,t,p,r,u]),b=(0,o.useCallback)(e=>{m.current=e},[]);return(0,o.useEffect)(()=>{c||(c=!0,i().events?.on("routeChangeComplete",()=>{d.resetPromotionDedupe()}));let e=m.current;if(e)return(0,s.w0)(e,()=>{d.viewPromotion(h)})},[d,h]),{ref:b,onClick:(0,o.useCallback)(e=>{let t=e.target.closest("a[href], [role='button'], button");!t||!e.currentTarget.contains(t)||t.closest("[data-promotion-ignore]")||d.selectPromotion(h)},[d,h])}}},47267:(e,t,r)=>{"use strict";r.d(t,{H:()=>$});var o=r(26514),l=r(86750),i=r(75834),n=r(84615),a=r(26134),s=r(81586);let c=e=>parseInt(e??"",10)||1024,u=e=>{e.pause(),e.querySelectorAll("source").forEach(e=>{e.remove()}),e.removeAttribute("src"),e.load()},d=({item:e,thumb:t,slotBreakpoint:r,priority:d,className:p,controlsContainerClassName:m})=>{let{screens:h}=(0,s.Pj)(),b=(e=>{let[t,r]=(0,i.useState)(null);return(0,i.useEffect)(()=>{let t=window.matchMedia(`(min-width: ${e}px)`),o=e=>{r(e?"desktop":"mobile")};o(t.matches);let l=e=>{o(e.matches)};return t.addEventListener("change",l),()=>{t.removeEventListener("change",l)}},[e]),t})(c(h.lg)),g=b===r,x=(0,i.useRef)(null),[f,y]=(0,i.useState)(!0===d&&"mobile"===r),_=(0,a.I)(x,{rootMargin:"100% 0p

1x 100% 0px",once:!0});(0,i.useEffect)(()=>{if(null!==b&&!g){let e=x.current?.querySelector("video");e&&u(e),y(!1);return}g&&(d||_)&&y(!0)},[b,g,d,_]),(0,i.useEffect)(()=>{let e=x.current;return()=>{let t=e?.querySelector("video");t&&u(t)}},[]);let v=e.width&&e.height?e.width/e.height:void 0;return(0,o.jsx)("div",{ref:x,className:f?"contents":"w-full",style:f?void 0:{aspectRatio:v},children:f?(0,o.jsx)(n.y,{src:e.path,poster:t?.path,width:e.width,height:e.height,className:`mx-auto w-full${p?` ${p}`:""}`,controlsContainerClassName:m}):t&&(0,o.jsx)(l.$,{src:t.path,width:t.width,height:t.height,alt:"",className:"h-full w-full object-cover"})})},p=(e,t,r,i,n,a,s,c)=>"video"===e.type?(0,o.jsx)(d,{item:e,thumb:t,slotBreakpoint:c,priority:n,className:a,controlsContainerClassName:s}):(0,o.jsx)(l.$,{src:e.path,width:e.width,height:e.height,alt:i,sizes:r,priority:n,className:`w-full${a?` ${a}`:""}`}),m=({mobile:e,desktop:t,thumbMobile:r,thumbDesktop:l,sizes:i,alt:n,priority:a,className:s,controlsContainerClassName:c})=>(0,o.jsxs)(o.Fragment,{children:[e&&(0,o.jsx)("div",{className:"block lg:hidden",children:p(e,r,i,n,a,s,c,"mobile")}),t&&(0,o.jsx)("div",{className:"hidden lg:block",children:p(t,l,i,n,a,s,c,"desktop")})]});var h=r(24322),b=r.n(h),g=r(58245),x=r(41179),f=r(58770),y=r.n(f);let _=(e,t,r)=>{let o;return(0,g.getImageProps)({src:e.path,width:e.width,height:e.height,sizes:t,loader:(o=e.width/e.height,({src:e,width:t,quality:r})=>(0,x.T)({src:e,width:t,quality:r,height:o?Math.round(t/o):0})),quality:75,alt:r})},v=({mobile:e,desktop:t,sizes:r,alt:l,priority:i,className:n})=>{let{screens:a}=(0,s.Pj)(),u=((e,t)=>{if(e.custom)return e.custom;let r="";return Object.entries(t).forEach(([t,o])=>{let l=e[t];o&&l&&(r+=`(max-width: ${o}) ${l},`)}),e.default&&(r+=e.default),r||void 0})(r,a),d=l??"",p=c(a.lg),{props:m}=_(e,u,d),{props:h}=_(t,u,d),g={"--mobile-ratio":`${e.width} / ${e.height}`,"--desktop-ratio":`${t.width} / ${t.height}`},x=`(max-width: ${p-1}px)`,f=`(min-width: ${p}px)`;return(0,o.jsxs)(o.Fragment,{children:[i&&(0,o.jsxs)(b(),{children:[(0,o.jsx)("link",{rel:"preload",as:"image",imageSrcSet:m.srcSet,imageSizes:u,media:x,fetchPriority:"high"},`preload-mobile-${e.path}`),(0,o.jsx)("link",{rel:"preload",as:"image",imageSrcSet:h.srcSet,imageSizes:u,media:f,fetchPriority:"high"},`preload-desktop-${t.path}`)]}),(0,o.jsx)("div",{className:y().placeholder,style:g,children:(0,o.jsxs)("picture",{children:[(0,o.jsx)("source",{media:x,srcSet:m.srcSet,sizes:u}),(0,o.jsx)("img",{...h,alt:d,loading:i?"eager":"lazy",fetchPriority:i?"high":void 0,className:n})]})})]})},j={"4xl":"100vw",default:"1920px"},$=({media:e,alt:t,sizes:r,className:l,priority:i,controlsContainerClassName:n})=>{let{mobile:a,desktop:s,thumbnailMobile:c,thumbnailDesktop:u}=e;if(!a&&!s)return null;let d=r??j;return a&&s&&"image"===a.type&&"image"===s.type?(0,o.jsx)(v,{mobile:a,desktop:s,sizes:d,alt:t,priority:i,className:l}):(0,o.jsx)(m,{mobile:a,desktop:s,thumbMobile:c,thumbDesktop:u,sizes:d,alt:t,priority:i,className:l,controlsContainerClassName:n})}},49352:e=>{e.exports={button:"BannerButton_button__1AXHp"}},55195:(e,t,r)=>{"use strict";r.d(t,{Ve:()=>n,eq:()=>l,hb:()=>o,qX:()=>i});let o=e=>e.mobileDesignOn?null===e.contentInImageMobile?!0===e.contentInImage:!0===e.contentInImageMobile:!0===e.contentInImage,l=(e,t)=>{let r=e.textHorizontalAlign??"left";return t&&e.mobileDesignOn?e.textHorizontalAlignMobile??r:r},i=(e,t)=>{let r=e.textVerticalAlign??"bottom";return t&&e.mobileDesignOn?e.textVerticalAlignMobile??r:r},n=e=>"right"===e?"left":e??"left"},58770:e=>{e.exports={placeholder:"BannerMedia_placeholder__K1t0b"}},69300:(e,t,r)=>{"use strict";r.d(t,{p:()=>n,r:()=>i});var o,l,i=((o={}).Home="home",o.Category="category",o.Lp="lp",o.BannerPage="bannerpage",o.Pdp="pdp",o.Checkout="checkout",o.Search="search",o.Page="page",o),n=((l={}).Main="main",l.Row="row",l.Feed="feed",l.Header="header",l.Grid="grid",l)},73063:(e,t,r)=>{"use strict";r.d(t,{N:()=>n});var o=r(26514),l=r(96456),i=r.n(l);let n=({link:e,ariaLabel:t})=>e.startsWith("/")?(0,o.jsx)(i(),{href:e,className:"absolute inset-0 z-10 block","aria-label":t}):(0,o.jsx)("a",{href:e,className:"absolute inset-0 z-10 block","aria-label":t})},84615:(e,t,r)=>{"use strict";r.d(t,{y:()=>d});var o=r(26514),l=r(86750),i=r(75406),n=r(75834),a=r(26134),s=r(88316),c=r(55047);let u=({isMuted:e,isPlaying:t,onMuteToggle:r,onPlayToggle:l,className:n,controlsContainerClassName:a,...u})=>{let{t:d}=(0,c.Bd)("common"),p="rounded-full flex items-center justify-center focus:outline-none focus:ring-2 text-[--banner__play-button__icon-color,#000000]";return(0,o.jsxs)("div",{className:(0,i.cn)({"absolute flex gap-3 right-4 bottom-4 z-50":!0,[`${a}`]:!!a}),children:[(0,o.jsx)(s.J,{title:"Toggle play/pause",buttonSize:"2rem",iconSize:"2rem",onClick:e=>{e.stopPropagation(),e.preventDefault(),l&&l(!t)},className:(0,i.cn)({[`${p}`]:!0,[`${n}`]:n}),"aria-label":d(`media__video__${t?"pause":"play"}-aria`),type:"button",icon:`/images/icons/video-${t?"pause":"play"}.svg`,...u}),(0,o.jsx)(s.J,{title:"Toggle Sound",buttonSize:"2rem",iconSize:"2rem",onClick:t=>{t.stopPropagation(),t.preventDefault(),r(!e)},className:(0,i.cn)({[`${p}`]:!0,[`${n}`]:n}),"aria-label":d(`media__video__${e?"unmute":"mute"}-aria`),type:"button",icon:`/images/icons/video-${e?"mute":"unmute"}.svg`,...u})]})},d=({src:e,width:t,height:r,showControls:s=!0,controlsContainerClassName:c,onPlay:d,onPause:p,onSoundToggle:m,className:h,...b})=>

1{let{videoRef:g,isMuted:x,isPlaying:f,handleSoundToggle:y,handlePlayToggle:_}=(({src:e,scrollOffset:t=300,onPlay:r,onPause:o,onSoundToggle:l})=>{let[i,s]=(0,n.useState)(!0),[c,u]=(0,n.useState)(!0),[d,p]=(0,n.useState)(!1),[m,h]=(0,n.useState)(!0),b=(0,n.useRef)(null),g=(0,n.useRef)(!1),x=(0,n.useMemo)(()=>({rootMargin:`-${t}px 0px 0px 0px`,threshold:0}),[t]),f=(0,a.I)(b,x),y=(0,n.useCallback)(e=>{let t=b.current;t&&(t.muted=e,s(e),l?.(e))},[l]),_=(0,n.useCallback)(e=>{let t=b.current;t&&(e?(t.muted=!0,s(!0),t.play().catch(()=>{p(!0)})):t.pause(),g.current=!e,u(e))},[]);return(0,n.useEffect)(()=>{let t=b.current;if(t&&!d&&m&&e){if(!f){t.pause(),u(!1);return}g.current||(t.muted=!0,s(!0),t.play().catch(()=>{p(!0)}),u(!0))}},[f,d,m,e]),(0,n.useEffect)(()=>{let e=b.current;if(!e)return;let t=()=>{r?.()},l=()=>{o?.()},i=()=>{p(!0),h(!1)};return e.addEventListener("play",t),e.addEventListener("pause",l),e.addEventListener("error",i),()=>{e.removeEventListener("play",t),e.removeEventListener("pause",l),e.removeEventListener("error",i)}},[r,o]),{videoRef:b,isMuted:i,isPlaying:c,hasError:d,autoplaySupported:m,handleSoundToggle:y,handlePlayToggle:_}})({src:e,scrollOffset:300,onPlay:d,onPause:p,onSoundToggle:m}),v=t&&r?t/r:void 0;return e?(0,o.jsxs)("div",{className:(0,i.cn)({relative:!0,[`${h}`]:h}),style:void 0!==v?{aspectRatio:v}:void 0,children:[(0,o.jsx)(l.C,{ref:g,src:e,width:t,className:"w-full",...b}),s&&(0,o.jsx)(u,{isMuted:x,isPlaying:f,onPlayToggle:_,onMuteToggle:y,controlsContainerClassName:c})]}):null}},97166:(e,t,r)=>{"use strict";r.d(t,{il:()=>n,ju:()=>l});var o=r(69300);let l=e=>"/"===e?o.r.Home:e.includes("banner-page")?o.r.BannerPage:e.includes("landing-pages")?o.r.Lp:e.includes("catalog")?o.r.Category:e.includes("product-detail")?o.r.Pdp:e.includes("search")?o.r.Search:e.includes("checkout")?o.r.Checkout:o.r.Page,i=e=>e?.trim()??"",n=({banner:e,box:t,page:r,placement:l,index:n})=>{var a;let s,c,u=(s=i(e.internalName)||i(e.title)||`${e.type}#${e.id}`,(c=i(t.internalName)||i(t.title))&&c!==s?`${s}_${c}`:s);return{promotion_id:`${e.id}_${t.ecomId??t.position}`,promotion_name:u,creative_name:u,creative_slot:(a=e.position,l===o.p.Header?`${r}_${l}`:`${r}_${l}_${a}`),index:n}}},98808:(e,t,r)=>{"use strict";r.d(t,{C:()=>$});var o=r(26514),l=r(75834),i=r(55047),n=r(93090),a=r(75406),s=r(39285),c=r(20228),u=r(96456),d=r.n(u),p=r(49352),m=r.n(p);let h={0:"0rem",1:"0.063rem",2:"0.125rem",3:"0.188rem"},b=(e,t)=>"string"==typeof e&&""!==e.trim()?e:t??null,g=({button:e,className:t})=>{if(!e.text)return null;let r=(e=>{let t=e.textColor??"#000000",r=(0,c.z)(e.color,e.colorOpacity,!0),o=(0,c.z)(e.color,100,!0),l=e.borderColor??"transparent",i=h[e.borderWidth??0],n={"--btn-text-color":t,"--btn-bg":r,"--btn-text-color-hover":o,"--btn-bg-hover":t,"--btn-border":`${i} solid ${l}`};if(!e.mobileDesignOn)return n;let a=b(e.textColorMobile,t),s=b(e.colorMobile,e.color),u=e.colorOpacityMobile??e.colorOpacity??100,d=null!=e.colorMobile||null!=e.colorOpacityMobile?(0,c.z)(s,u,!0):r,p=b(e.borderColorMobile,l),m=h[e.borderWidthMobile??e.borderWidth??0];return{...n,"--btn-text-color-mobile":a,"--btn-bg-mobile":d,"--btn-border-mobile":`${m} solid ${p??"transparent"}`}})(e),l=e.link?.trim()??"",i=(0,a.cn)({[m().button]:!0,[`${t}`]:!!t});return l.startsWith("/")?(0,o.jsx)(d(),{href:l,className:i,style:r,children:e.text}):l?(0,o.jsx)("a",{href:l,className:i,style:r,children:e.text}):(0,o.jsx)("span",{className:i,style:r,children:e.text})};var x=r(32878),f=r.n(x);let y={"-2":"2rem","-1":"2.25rem",0:"2.5rem",1:"2.75rem",2:"3rem"},_={"-2":"1.5rem","-1":"1.75rem",0:"2rem",1:"2.25rem",2:"2.5rem"},v={0:"1rem",1:"1.063rem",2:"1.125rem"},j=(e,t)=>"string"==typeof e&&""!==e.trim()?e:t,$=({data:e,className:t,couponCopyIconColor:r,desktopPaddingVariant:u="default"})=>{let{t:d}=(0,i.Bd)("common"),p=(e=>{let t=y[e.titleSize??0]??"2.5rem",r=v[e.textSize??0]??"1rem",o=e.mobileDesignOn?e.titleSizeMobile??e.titleSize??0:e.titleSize??0,l=e.mobileDesignOn?e.textSizeMobile??e.textSize??0:e.textSize??0,i={"--box-text-color-desktop":(0,c.z)(e.textColor,e.textColorOpacity,!1),"--box-bg-color-desktop":(0,c.z)(e.backgroundColor,e.backgroundColorOpacity,!0),"--box-title-size-desktop":t,"--box-title-size-mobile":_[o]??"2rem","--box-text-size-desktop":r,"--box-text-size-mobile":v[l]??"1rem"};if(!e.mobileDesignOn)return i;let n=j(e.textColorMobile,e.textColor),a=j(e.backgroundColorMobile,e.backgroundColor),s=e.textOpacityMobile??e.textColorOpacity,u=e.backgroundColorOpacityMobile??e.backgroundColorOpacity;return{...i,"--box-text-color-mobile":(0,c.z)(n,s,!1),"--box-bg-color-mobile":(0,c.z)(a,u,!0)}})(e),m=r?{...p,"--coupon-copy-icon-color":r}:p,h=e.buttons??[],b=e.text?.trim()??"",x=b.length>0,$=e.couponCode?.trim()??"",k=$.length>0,[C,w]=(0,l.useState)(!1),z=(0,l.useRef)(null),N=e.textHorizontalAlign??"left",S=e.mobileDesignOn?e.textHorizontalAlignMobile??N:N,O=e.mobileDesignOn?e.verticalOffsetMobile??e.verticalOffset??!0:e.verticalOffset??!0,M=e.mobileDesignOn?e.horizontalOffsetMobile??e.horizontalOffset??!0:e.horizontalOffset??!0,B=e.verticalOffset??!0,I=e.horizontalOffset??!0,P=(0,s.H)({base:O?"py-6":"py-0"}),E=(0,s.H)({base:M?"px-6":"px-0"}),D=(0,l.useCallback)(()=>{z.current&&(clearTimeout(z.current),z.current=null)},[]),H=(0,l.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),$)try{await navigator.clipboard.writeText($),w(!0),D(),z.current=setTimeout(()=>{w(!1),z.current=null},1600)}catch{w(!1)}},[D,$]),L=(0,l.useCallback)(e=>{("Enter"===e.key||" "===e.key)&&H(e)},[H]);(0,l.useEffect)(()=>()=>{D()},[D]);let T=(0,s.H)({orsay:"font-serif"});return(0,o.jsxs)("div",{className:(0,a.cn)({[f().box]:!0,"text-left":"left"===S,"text-center":"center"===S,"text-right":"right"===S,"lg:text-left":"left"===N,"lg:text-center":"center"===N,"lg:text-right":"right"===N,"lg:py-6":B&&"default"===u,"lg:py-9":B&&"large"===u,"lg:py-0":!B,"lg:px-6":I&&"default"===u,"lg:px-9":I&&"large"===u,"lg:px-0":!I,[`${t}`]:t,...P,...E}),style:m,children:[e.title&&(0,o.jsx)("h3",{className:(0,a.cn)({[f().title]:!0,...T}),children:e.title}),x&&(0,o.jsx)("div",{className:f().text,dangerouslySetInnerHTML:{__html:b}}),k&&(0,o.jsxs)("div",{className:(0,a.cn)({[f().couponRow]:!0,"mt-8":!!e.title||x,"justify-start":"left"===S,"justify-center":"center"===S,"justify-end":"right"===S,"lg:justify-start":"left"===N,"lg:justify-center":"center"===N,"lg:justify-end":"right"===N}),children:[(0,o.jsx)("span",{className:f().couponLabel,children:d("banner-box__coupon-code__with-code")}),(0,o.jsx)("span",{onClick:H,onKeyDown:L,className:f().couponCode,role:"button",tabIndex:0,"aria-label":`${d("banner-box__coupon-code__copy-code")}: ${$}`,"data-coupon-interactive":"true",children:$}),(0,o.jsxs)("div",{className:f().copyAction,children:[(0,o.jsxs)("button",{type:"button",className:f().copyButton,onClick:H,"data-coupon-interactive":"true",children:[(0,o.jsx)(n.k,{src:"/images/icons/copy.svg",className:f().copyIcon,"aria-hidden":!0}),(0,o.jsx)("span",{children:d("banner-box__coupon-code__copy-code")})]}),C&&(0,o.jsx)("span",{className:f().copyTooltip,role:"status",children:d("banner-box__coupon-code__copied")})]})]}),h.length>0&&(0,o.jsx)("div",{className:(0,a.cn)({"flex w-full flex-wrap gap-4":!0,"mt-8":!!e.title||x||k,"justify-start":"left"===S,"justify-center":"center"===S,"justify-end":"right"===S,"lg:justify-start":"left"===N,"lg:justify-center":"center"===N,"lg:justify-end":"right"===N}),children:h.map(e=>(0,o.jsx)(g,{button:e,className:1===h.length?"w-full max-w-[15.5rem] justify-center":void 0},e.id))})]})}}}]);