https://www.obs.no/assets/7415.chunk.a8c660bf0f205a36f672.js

1/*! For license information please see 7415.chunk.a8c660bf0f205a36f672.js.LICENSE.txt */
2"use strict";(globalThis.webpackChunknitro5_app=globalThis.webpackChunknitro5_app||[]).push([[7415],{2653:(e,t,o)=>{o.d(t,{sr:()=>wt,vd:()=>Pt,WI:()=>Ct,DO:()=>jt,yR:()=>kt,jy:()=>St,Ay:()=>lt,e4:()=>rt});var n=o(6166),r=o(3696),i=o(774),l=o(3071),a=o(667),s=o(4702),c=o(7458),d=o(2312),u=o(9803),p=o(8353),m=o(3782),g=o(7045);function h(e){var t;if(!(e.indexOf("?")<0))return(t=e,t.replace(/#.*$/,"")).split("?")[1].split("&").reduce((e,t)=>{const o=t.split("=");return Object.assign({},e,{[o[0]]:o[1]})},{})}function f(e){return Object.keys(e).reduce((t,o)=>`${t}${t.length?"&":"?"}${o}=${encodeURIComponent(e[o])}`,"")}var b=o(62),y=o(9412),v=o(2833);function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},E.apply(null,arguments)}const x=(0,i.I4)(function({color:{cssColorCode:e,colorNumber:t,colorName:o,ncsNumber:n},onClick:i}){const l=(0,r.useCallback)(e=>{(0,u.XW)({buttonText:`${(0,a.TlY)("/Product/Choices/PickColor")} ${t}, ${o}, ${n?`ncs: ${n}`:""} `,context:"Color swatch button",eventType:u.LU.Select,eventGroup:u._B.PDP}),i(e)},[o,t,n,i]);return r.createElement(C,E({"aria-label":`${(0,a.TlY)("/Product/Choices/PickColor")} ${t}, ${o}, ${n?`ncs: ${n}`:""} `,onClick:e=>l(e)},m.GB.SwatchColor),r.createElement(S,{css:{backgroundColor:e}}),r.createElement("div",null,t),r.createElement(k,null,o),r.createElement("div",null,n))}),C=i.I4.button((0,v.k)({borderRadius:l.nU9,offset:l.q$c}),{fontSize:l.NiS,lineHeight:1,height:"100%",display:"flex",justifyContent:"flex-start",alignItems:"center",flexDirection:"column",verticalAlign:"top",width:"88px",whiteSpace:"normal",textAlign:"center",backgroundColor:"transparent",border:{xy:{width:0}},padding:{xy:0},":active":{transform:"translateY(1px)"},":disabled":{opacity:"0.5",cursor:"not-allowed"}}),k=i.I4.div({wordWrap:"break-word"}),S=i.I4.div({":before":{content:'""',display:"block",paddingTop:"100%"},display:"inline-block",width:"60%",margin:{top:"13%",right:0,bottom:"3%",left:0},border:{xy:{color:"gray",width:"thin",style:"solid"}},borderRadius:"15%",boxShadow:"inset 0 -1px 1px 0 #fff,0 4px 16px -8px rgba(0, 0, 0, 0.85)"}),I=(0,i.I4)(e=>{const t=(0,b.c)(32),{colors:o,setSelectedColor:n,searchPhrase:i,resetSearchPhrase:l,closeResult:s,toggleFocus:c,toggleShowResults:d}=e;let p;t[0]!==s?(p=()=>{(0,u.XW)({buttonText:"Close",context:"Close paint picker search result",eventType:u.LU.Close,eventGroup:u._B.PDP}),s()},t[0]=s,t[1]=p):p=t[1];const m=p;let g,h,f,v,E,C,k,S,I,$,D;if(t[2]===Symbol.for("react.memo_cache_sentinel")?(g=(0,a.TlY)("/Product/PaintPicker/Search"),t[2]=g):g=t[2],t[3]!==i?(h=r.createElement(O,null,g," ",r.createElement(_,null,i)),t[3]=i,t[4]=h):h=t[4],t[5]!==m||t[6]!==l||t[7]!==d?(f=()=>{m(),d(!1),l("")},t[5]=m,t[6]=l,t[7]=d,t[8]=f):f=t[8],t[9]===Symbol.for("react.memo_cache_sentinel")?(v=r.createElement(y.bm,null),t[9]=v):v=t[9],t[10]!==f?(E=r.createElement(P,{onClick:f},v),t[10]=f,t[11]=E):E=t[11],t[12]!==h||t[13]!==E?(C=r.createElement(Y,null,h,E),t[12]=h,t[13]=E,t[14]=C):C=t[14],t[15]!==o?(k=Array.isArray(o)&&o||[],t[15]=o,t[16]=k):k=t[16],t[17]!==n||t[18]!==k||t[19]!==c){let e;t[21]!==n||t[22]!==c?(e=e=>r.createElement(x,{key:e.colorKey,color:e,onClick:()=>{n(e),c(void 0,e)}}),t[21]=n,t[22]=c,t[23]=e):e=t[23],S=k.map(e),t[17]=n,t[18]=k,t[19]=c,t[20]=S}else S=t[20];return t[24]!==o.length?(I=!o.length&&r.createElement(T,null,(0,a.TlY)("/Product/PaintPicker/NothingFound")),t[24]=o.length,t[25]=I):I=t[25],t[26]!==I||t[27]!==S?($=r.createElement(j,null,S,I),t[26]=I,t[27]=S,t[28]=$):$=t[28],t[29]!==$||t[30]!==C?(D=r.createElement(w,{onMouseDown:R},C,$),t[29]=$,t[30]=C,t[31]=D):D=t[31],D}),w=i.I4.div({backgroundColor:l.ONy,zIndex:2,border:{xy:{width:l.yLY,style:"solid",color:"gray"}},padding:{x:l.YaY,bottom:l.EXj},marginRight:l.EXj,width:"100%",maxHeight:"500px",overflowY:"auto"}),P=i.I4.button((0,v.k)({offset:-3,borderRadius:l.q$c}),{backgroundColor:"transparent",border:{xy:{width:0}},padding:{xy:l.nU9}}),j=i.I4.div({padding:{x:l.EXj},display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(88px, 1fr))",gridAutoRows:"1fr"}),T=i.I4.div({display:"flex",justifyContent:"center",padding:{y:l.EXj}}),Y=i.I4.div({display:"flex",justifyContent:"space-between",marginBottom:0}),O=i.I4.span({padding:{x:l.EXj,y:l.nU9},alignSelf:"center"}),_=i.I4.em();function R(e){e.preventDefault()}var $=o(9540);const D=(0,i.I4)(e=>{const t=(0,b.c)(10),{color:o}=e,{cssColorCode:n,colorNumber:i,colorName:l,ncsNumber:s}=o,c=(0,$.tO)();let d;t[0]===Symbol.for("react.memo_cache_sentinel")?(d=(0,a.TlY)("/Product/Choices/PickedColor"),t[0]=d):d=t[0];const u=`${d} ${l} - ${i}`;let p,m,g;return t[1]!==n?(p=r.createElement(X,{css:{backgroundColor:n}}),t[1]=n,t[2]=p):p=t[2],t[3]!==c||t[4]!==s?(m=c?r.createElement(L,null,(0,a.TlY)("/Product/Choices/PickedColor"),": ",s):r.createElement(A,null,r.createElement("div",null,(0,a.TlY)("/Product/Choices/PickedColor"),":"),r.createElement("div",null,s)),t[3]=c,t[4]=s,t[5]=m):m=t[5],t[6]!==u||t[7]!==p||t[8]!==m?(g=r.createElement(B,{tabIndex:0,"aria-label":u},p,m),t[6]=u,t[7]=p,t[8]=m,t[9]=g):g=t[9],g}),B=i.I4.div((0,v.k)({offset:l.q$c,borderRadius:l.q$c}),{fontSize:l.NiS,lineHeight:1,display:"inline-flex",alignItems:"flex-end",verticalAlign:"top",whiteSpace:"normal",textAlign:"center",backgroundColor:"transparent",border:{xy:{width:0}},padding:{right:l.nU9}}),A=i.I4.div({display:"flex",flexDirection:"column",lineHeight:1.2,justifyContent:"center",textAlign:"center",marginLeft:l.EXj}),L=i.I4.div({display:"flex",flexDirection:"row",lineHeight:1.2,justifyContent:"center",textAlign:"center",marginLeft:l.EXj}

2),X=i.I4.div(Object.assign({":before":{content:'""',display:"block",paddingTop:"100%"},display:"inline-block",width:28,height:28,border:{xy:{color:"gray",width:"thin",style:"solid"}},borderRadius:"15%"},(0,s.$_)(l._fM,{width:32,height:32})));var N=o(7097),M=o(4721);const G=e=>{const t=(0,b.c)(56),{selectedColor:o,colorsResult:n,updateSelectedColor:i,showResult:l,isLoading:s,onInputSearch:c,focus:d,submitSearch:p,searchPhrase:g,resetSearchPhrase:h,toggleShowResults:f,paintColor:v}=e,[E,x]=(0,r.useState)(!1),C=(0,r.useRef)(null);let k;t[0]!==d?(k=e=>{d(e),x(!0)},t[0]=d,t[1]=k):k=t[1];const S=k;let w;t[2]!==o?(w=(e,t)=>{x(!1),((null==o?void 0:o.cssColorCode)||(null==t?void 0:t.colorName))&&document.activeElement===C.current&&C.current.blur()},t[2]=o,t[3]=w):w=t[3];const P=w,j=oe;let T,Y,O,_;var R;let $,D,B,A,L,X,N,G,ne;t[4]===Symbol.for("react.memo_cache_sentinel")?(T=r.createElement(F,null,r.createElement("span",null,(0,a.TlY)("/Product/PaintPicker/Search")),r.createElement("span",null,` ${(0,a.TlY)("/Product/PaintPicker/SearchHint")}`)),t[4]=T):T=t[4],t[5]!==p?(Y=e=>{e.preventDefault(),p()},t[5]=p,t[6]=Y):Y=t[6],t[7]!==o?(O=!!(null==o?void 0:o.cssColorCode)&&r.createElement(J,{css:{backgroundColor:o.cssColorCode}}),t[7]=o,t[8]=O):O=t[8],t[9]!==E||t[10]!==o||t[11]!==l?(_=!!(null==o?void 0:o.cssColorCode)&&!E&&!l&&r.createElement(ee,null,!!o&&[(R=o).colorNumber,R.colorName,R.ncsNumber].filter(e=>!!e).join(", ")),t[9]=E,t[10]=o,t[11]=l,t[12]=_):_=t[12],t[13]!==o?($=!!(null==o?void 0:o.cssColorCode)&&{paddingLeft:"38px"},t[13]=o,t[14]=$):$=t[14],t[15]!==P||t[16]!==S||t[17]!==c||t[18]!==g||t[19]!==$?(D=r.createElement(Z,{type:"search",name:"colorSearch",maxLength:20,onFocus:S,onBlur:P,value:g,onChange:c,css:$,ref:C}),t[15]=P,t[16]=S,t[17]=c,t[18]=g,t[19]=$,t[20]=D):D=t[20],t[21]===Symbol.for("react.memo_cache_sentinel")?(B=(0,a.TlY)("/Product/PaintPicker/SearchColor"),A={buttonText:(0,a.TlY)("/Product/PaintPicker/SearchColor"),context:"Search color",eventType:u.LU.Search,eventGroup:u._B.PDP},t[21]=B,t[22]=A):(B=t[21],A=t[22]),t[23]!==s?(L=s?r.createElement(y.y$,null):r.createElement(Q,null),t[23]=s,t[24]=L):L=t[24],t[25]!==s||t[26]!==L?(X=r.createElement(K,{onClick:j,type:"submit",disabled:s,"aria-label":B,gtmButtonData:A},L),t[25]=s,t[26]=L,t[27]=X):X=t[27],t[28]!==X||t[29]!==D?(N=r.createElement(q,m.GB.ColorSearchPdp,D,X),t[28]=X,t[29]=D,t[30]=N):N=t[30],t[31]!==N||t[32]!==O||t[33]!==_?(G=r.createElement(H,null,O,_,N),t[31]=N,t[32]=O,t[33]=_,t[34]=G):G=t[34],t[35]!==G||t[36]!==Y?(ne=r.createElement(U,{onSubmit:Y},G),t[35]=G,t[36]=Y,t[37]=ne):ne=t[37];const re=!!v&&v;let ie,le,ae,se,ce;return t[38]!==re?(ie=r.createElement(z,{color:re}),t[38]=re,t[39]=ie):ie=t[39],t[40]!==ne||t[41]!==ie?(le=r.createElement(V,null,ne,ie),t[40]=ne,t[41]=ie,t[42]=le):le=t[42],t[43]!==n||t[44]!==P||t[45]!==h||t[46]!==g||t[47]!==l||t[48]!==f||t[49]!==i?(ae=!!l&&r.createElement(I,{colors:n,searchPhrase:g,resetSearchPhrase:h,setSelectedColor:i,closeResult:()=>f(!1),toggleFocus:P,showResult:l,toggleShowResults:f}),t[43]=n,t[44]=P,t[45]=h,t[46]=g,t[47]=l,t[48]=f,t[49]=i,t[50]=ae):ae=t[50],t[51]===Symbol.for("react.memo_cache_sentinel")?(se=r.createElement(te,null,(0,a.TlY)("/Product/PaintPicker/PaintMixedInShop")),t[51]=se):se=t[51],t[52]!==l||t[53]!==le||t[54]!==ae?(ce=r.createElement(W,null,r.createElement(M.N,{enabled:l},T,le,ae,se)),t[52]=l,t[53]=le,t[54]=ae,t[55]=ce):ce=t[55],ce},W=i.I4.div({marginBottom:l.YaY}),V=i.I4.div(Object.assign({display:"flex",flexDirection:"column"},(0,s.$_)(l._fM,{flexDirection:"row"}))),z=(0,i.I4)(D,Object.assign({margin:{left:l.EXj,top:l.YaY,bottom:l.EXj},alignItems:"center"},(0,s.$_)(l._fM,{margin:{left:"auto",y:0}}))),U=i.I4.form({position:"relative",display:"flex",flexGrow:1,zIndex:2,margin:{right:l.asY}}),H=i.I4.label({width:"100%",marginBottom:0}),F=i.I4.div({marginBottom:l.EXj}),K=(0,i.I4)(c.SX,(0,v.k)({offset:-l.q$c}),{backgroundColor:"transparent",color:l.Ql9,height:42,":hover":{backgroundColor:"inherit"}}),q=i.I4.div({display:"flex",border:{xy:{width:l.yLY,style:"solid",color:l.clV}},borderRadius:l.nU9,backgroundColor:l.ONy,paddingLeft:l.EXj}),Q=(0,i.I4)(y.vj,{display:"block"}),Z=(0,i.I4)(N.zq,(0,N.XN)(),(0,v.k)({width:0}),{width:"100%",paddingRight:l.wmU,paddingLeft:l.asY}),J=i.I4.div({position:"absolute",width:"36px",height:"36px",margin:{xy:"3px"},borderRadius:"15%",border:{xy:{width:"1px",style:"solid",color:"#76767694"}}}),ee=i.I4.div((0,l.GGP)(),{position:"absolute",height:l.asY,left:44,marginTop:10,maxWidth:"70%"}),te=i.I4.div(Object.assign({lineHeight:(0,l.De1)(20),margin:{top:0,left:l.EXj,bottom:l.EXj},color:l.vkn,fontSize:l.NiS},(0,s.$_)(l._fM,{margin:{top:12,left:0,bottom:0}})));function oe(){(0,u.XW)({buttonText:(0,a.TlY)("/Product/PaintPicker/SearchColor"),context:"Submit c

2olor search button click",eventType:u.LU.Search,eventGroup:u._B.PDP})}var ne=o(7539);function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},re.apply(null,arguments)}const ie=e=>{const t=(0,b.c)(21),{colors:o,setSelectedColor:n,popularPaintColorType:i}=e,l=(0,ne.d)(ue),s=(null==o?void 0:o.length)||0,c=function(e){switch(e){case a.EA.Init:return 2;case a.EA.Micro:return 3;case a.EA.Tiny:return 4;case a.EA.Small:return 7;case a.EA.Medium:case a.EA.Large:return 4;default:return 5}}(l),d=s>=c,p="Exterior"===i,[g,h]=(0,r.useState)(d);if(!s)return null;const f=ae;let y,v;t[0]!==p?(y=p?(0,a.TlY)("/Product/PaintPicker/PopularExteriorPaintColors"):(0,a.TlY)("/Product/PaintPicker/PopularInteriorPaintColors"),t[0]=p,t[1]=y):y=t[1],t[2]!==y?(v=r.createElement(se,null,y),t[2]=y,t[3]=v):v=t[3];const E=le,x=`repeat(${c}, 1fr)`;let C,k;t[4]!==x?(C={gridTemplateColumns:x},t[4]=x,t[5]=C):C=t[5],t[6]!==n?(k=e=>r.createElement(ce,{key:e.colorKey,color:e,onClick:()=>n(e)}),t[6]=n,t[7]=k):k=t[7];const S=(Array.isArray(o)&&o||[]).slice(0,g?c:s).map(k);let I,w,P;return t[8]!==E||t[9]!==C||t[10]!==S?(I=r.createElement(E,{css:C},S),t[8]=E,t[9]=C,t[10]=S,t[11]=I):I=t[11],t[12]!==d||t[13]!==h||t[14]!==g?(w=!!d&&r.createElement(de,re({gtmButtonData:{buttonText:g?(0,a.TlY)("/Facets/ShowMore"):(0,a.TlY)("/Facets/ShowLess"),context:"View more colors in swatches list",eventType:u.LU.Open,eventGroup:u._B.PDP},onClick:()=>h(!g)},m.GB.SwatchColorMore),g?(0,a.TlY)("/Facets/ShowMore"):(0,a.TlY)("/Facets/ShowLess")),t[12]=d,t[13]=h,t[14]=g,t[15]=w):w=t[15],t[16]!==f||t[17]!==v||t[18]!==I||t[19]!==w?(P=r.createElement(f,null,v,I,w),t[16]=f,t[17]=v,t[18]=I,t[19]=w,t[20]=P):P=t[20],P},le=i.I4.div({display:"grid",gridColumnGap:0,gridRowGap:0,gridAutoRows:"1fr"}),ae=i.I4.div({marginBottom:l.EXj,backgroundColor:l.t6h,borderRadius:l.EXj}),se=i.I4.h5({fontSize:l.NiS,paddingTop:l.EXj,padding:{x:l.EXj}}),ce=(0,i.I4)(x,{placeSelf:"center",scrollSnapAlign:"end end",flexGrow:0,flexShrink:0,alignSelf:"baseline",textAlign:"center",maxWidth:80}),de=(0,i.I4)(c.z9,(0,v.k)({borderRadius:l.q$c}),{width:"100%",textAlign:"right",textDecoration:"none",padding:{x:l.EXj},margin:{y:l.EXj}});function ue(e){return e.currentBreakpoint}let pe;const me=e=>{var t;const[o,i]=(0,r.useState)(""),[l,s]=(0,r.useState)(!1),[c,d]=(0,r.useState)(null),[u,p]=(0,r.useState)([]),[b,y]=(0,r.useState)(!1);function v(e){y(!1),d(e),i("");const t=h((0,a.bSK)().toString()),o=f(Object.assign({},t,{colorKey:e.colorKey}));(0,a.g5r)(`${(0,a.bSK)().pathname}${o}`,{skipAppInsightsPageviewEvent:!0})}function E(t){return(0,n.__awaiter)(this,void 0,void 0,function*(){(0,a.TtD)(`/api/colorpicker/searchcolors?productCode=${e.productCode}&searchPhrase=${t}`).then(e=>{p(e),y(!0),s(!1)})})}return(0,r.useEffect)(()=>{d(e.paintColor),o||y(!1)},[e.paintColor,o]),r.createElement(he,m.GB.PdpPaintColorSwatchesWrapper,r.createElement(ge,null,r.createElement(G,{selectedColor:c,colorsResult:u,updateSelectedColor:v,showResult:b,searchPhrase:o,focus:function(e){o&&y(!0)},submitSearch:function(){o&&(E(o),s(!0)),o||y(!0)},isLoading:l,onInputSearch:function(e){return(0,n.__awaiter)(this,void 0,void 0,function*(){const t=e.currentTarget.value;i(t),t||function(){d(null);const e=h((0,a.bSK)().toString()),t=f(Object.keys(e).filter(e=>"colorKey"!==e).reduce((t,o)=>Object.assign({},t,{[o]:e[o]}),{}));(0,a.g5r)(`${(0,a.bSK)().pathname}${t}`,{skipAppInsightsPageviewEvent:!0})}(),t.length>2&&(pe||(pe=setTimeout(()=>{E(t),s(!0)},g.cS)),pe&&(clearTimeout(pe),pe=setTimeout(()=>{E(t),s(!0)},g.cS)))})},resetSearchPhrase:i,toggleShowResults:y,paintColor:e.paintColor})),r.createElement(fe,null,(null===(t=e.popularPaintColors)||void 0===t?void 0:t.length)>0&&r.createElement(ie,{colors:e.popularPaintColors,setSelectedColor:v,popularPaintColorType:e.popularPaintColorType})))},ge=i.I4.div({width:"100%",display:"flex",flexDirection:"column"}),he=i.I4.div(Object.assign({},(0,s.$_)(l._fM,{marginLeft:l.asY}))),fe=i.I4.div({minHeight:210});var be=o(5127),ye=o(5900),ve=o(6276),Ee=o(8085),xe=o(5234),Ce=o(7876),ke=o(3505),Se=o(1794),Ie=o(2432),we=o(659),Pe=o(1155),je=

2o(4929),Te=o(4519),Ye=o(4072);const Oe=function(e){const t=(0,b.c)(17),{content:o,children:n}=e,[i,l]=(0,r.useState)(!1),a=(0,$.tO)();let s;t[0]!==a?(s=()=>{a||l(!0)},t[0]=a,t[1]=s):s=t[1];const c=s;let d;t[2]!==a?(d=()=>{a||l(!1)},t[2]=a,t[3]=d):d=t[3];const u=d;let p,m,g,h,f;return t[4]!==i?(p=!!i&&{opacity:1,pointerEvents:"auto"},t[4]=i,t[5]=p):p=t[5],t[6]!==o?(m=r.createElement($e,null,o),t[6]=o,t[7]=m):m=t[7],t[8]===Symbol.for("react.memo_cache_sentinel")?(g=r.createElement(De,null),t[8]=g):g=t[8],t[9]!==p||t[10]!==m?(h=r.createElement(Re,{css:p},m,g),t[9]=p,t[10]=m,t[11]=h):h=t[11],t[12]!==n||t[13]!==u||t[14]!==c||t[15]!==h?(f=r.createElement(_e,{onMouseEnter:c,onMouseLeave:u,onFocus:c,onBlur:u},n,h),t[12]=n,t[13]=u,t[14]=c,t[15]=h,t[16]=f):f=t[16],f},_e=i.I4.div({position:"relative",display:"inline-block"}),Re=i.I4.div({display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",backgroundColor:e=>e.tokens.color.support1.surface.tinted,borderRadius:e=>e.tokens.borderRadius.md,boxShadow:e=>e.tokens.shadow.floatingDefault,padding:{xy:e=>e.tokens.spacing.dimension4.small},opacity:0,pointerEvents:"none",bottom:"calc(100% + 10px)",left:"50%",transform:"translateX(-50%)"}),$e=i.I4.div((0,Ye.L)("bodyShortReduced",{desktop:"small"}),{color:e=>e.tokens.color.neutral.text.default,width:"max-content",maxWidth:200}),De=i.I4.div({position:"absolute",width:8,height:8,backgroundColor:e=>e.tokens.color.support1.surface.tinted,transform:"rotate(45deg)",left:"50%",marginLeft:-4,bottom:-4});var Be=o(1245);var Ae=o(6215);function Le(){return Le=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},Le.apply(null,arguments)}const Xe=function({selectorKey:e,selectedVariantCode:t,bundleItem:{variations:o,title:n,subTitle:i}}){const l=function(e){switch(e){case a.EA.Init:return 2;case a.EA.Micro:return 3;case a.EA.Tiny:return 4;case a.EA.Small:return 8;case a.EA.Medium:return 4;case a.EA.Large:return 5;case a.EA.Huge:case a.EA.Gigantic:return 7;default:return 1}}((0,ne.d)(e=>e.currentBreakpoint)),s=o.find(e=>e.code===t),{visibleItems:c,showMoreButton:d,handleExpand:p}=function({selectorKey:e,items:t,selectedVariantCode:o,maxVisible:n}){const i=(0,ne.w)(),l=!0===(0,ne.d)(e=>{var t,o;return null!==(o=null===(t=e.bundles)||void 0===t?void 0:t.expandedSelectors)&&void 0!==o?o:{}})[e],a=(0,r.useMemo)(()=>t.findIndex(e=>e.code===o),[t,o]),s=-1!==a&&a>=n,c=l||s,d=c?t:t.slice(0,n),u=!c&&t.length>n;return(0,r.useEffect)(()=>{s&&!l&&i((0,Pe.g3)(e))},[s,l,e,i]),{expanded:c,visibleItems:d,showMoreButton:u,handleExpand:()=>{l||i((0,Pe.g3)(e))}}}({selectorKey:e,items:o,selectedVariantCode:t,maxVisible:l});return r.createElement(Ne,{"data-test-id":`bundle-section-${e}`},r.createElement(Ge,null,n),r.createElement(We,null,r.createElement(Ve,null,i,": "),r.createElement(ze,null,null==s?void 0:s.displayName)),r.createElement(Ue,null,null==c?void 0:c.map(e=>{var o;const n="Vanntett"===(null===(o=e.additional)||void 0===o?void 0:o.ItemCushionProtectionType);return r.createElement(Oe,{content:e.displayName,key:e.code+e.fieldValueIdentifier},r.createElement(qe,{to:e.link,replaceState:!0,isActive:t===e.code,outOfStock:!e.hasStock,css:!e.thumbnail&&{width:"auto"},gtmButtonData:{linkText:e.displayName,linkPath:e.link,context:"Select bundle option",eventType:u.LU.Product,eventGroup:u._B.Product}},r.createElement(Me,{css:{opacity:e.hasStock?1:.3}},e.thumbnail?r.createElement(He,{src:e.thumbnail,ratio:Te.w.OneToOne,alt:e.displayName,loading:"eager"}):r.createElement(Fe,null,e.displayName),!!n&&r.createElement(Qe,null)),!e.hasStock&&r.createElement(Ze,null)))}),!!d&&r.createElement(Je,{onClick:p,gtmButtonData:{buttonText:"Expand",context:"Expand bundle variant selections",eventType:u.LU.Product,eventGroup:u._B.Product}},"+",o.length-l)))},Ne=i.I4.div({color:e=>e.tokens.color.neutral.text.default}),Me=i.I4.div(),Ge=i.I4.h3((0,Ye.L)("headingCaptionBold",{desktop:"small"}),{margin:{y:0}}),We="div",Ve=i.I4.span((0,Ye.L)("label",{desktop:"small"})),ze=(0,i.I4)(Ve,{fontWeight:600}),Ue=i.I4.div({display:"flex",width:"100%",flexWrap:"wrap",gap:e=>e.tokens.spacing.dimension3.small,margin:{top:e=>e.tokens.spacing.dimension3.small,bottom:e=>e.tokens.spacing.dimension4.small}}),He=(0,i.I4)(je.A,{height:"100%",width:"100%"}),Fe=i.I4.span((0,Ye.L)("label",{desktop:"small"}),{lineBreak:"anywhere",textAlign:"center",padding:{x:e=>e.tokens.spacing.dimension2.medium}}),Ke=(0,l.TUX)({":hover":{border:{xy:{width:e=>e.tokens.borderWidth.default,style:"solid",color:e=>e.tokens.color.dominant.border.strong}}}}),qe=(0,i.I4)(r.memo(function(e){var{isActive:t,outOfStock:o}=e,i=(0,n.__rest)(e,["isActive","outOfStock"]);return r.createElement(c.pH,Le({"data-test-id":"bundle-option",css:Object.assign({position:"relative",width:64,height:64,minHeight:64,minWidth:64,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:e=>e.tokens.color.dominant.background.default,borderRadius:e=>e.tokens.borderRadius.md,border:{xy:{width:e=>e.tokens.borderWidth.default,style:"solid",color:t?"transparent":o?e=>e.tokens.color.disabled.border.subtle:e=>e.tokens.color.dominant.border.subtle}},":after":{content:'""',position:"absolute",inset:e=>`-${e.tokens.borderWidth.focus}`,borderRadius:e=>e.tokens.borderRadius.md,pointerEvents:"none",border:{xy:{width:e=>e.tokens.borderWidth.focus,style:"solid",color:t?e=>e.tokens.color.dominant.border.strong:"transparent"}}}},!t&&Ke)},i))}),Be.pW,(0,v.k)({offset:l.q$c})),Qe=(0,i.I4)(Ae.u5,{position:"absolute",width:21,height:21,left

2:e=>e.tokens.spacing.dimension1.small,bottom:e=>e.tokens.spacing.dimension1.small,color:e=>e.tokens.color.neutral.text.default}),Ze=i.I4.span({position:"absolute",inset:0,pointerEvents:"none",borderRadius:"inherit",backgroundRepeat:"no-repeat",backgroundSize:"100% 100%",backgroundImage:"linear-gradient(135deg, transparent 49.4%, #BCBCBC 49.4%, #BCBCBC 50.6%, transparent 50.6%)"}),Je=(0,i.I4)(c.pH,Be.pW,(0,v.k)({offset:l.q$c}),(0,Ye.L)("label",{desktop:"small"}),{display:"flex",alignItems:"center",justifyContent:"center",width:64,height:64,borderRadius:e=>e.tokens.borderRadius.md,border:{xy:{width:e=>e.tokens.borderWidth.default,style:"solid",color:e=>e.tokens.color.dominant.border.subtle}}},Ke);const et=function(e){const t=(0,b.c)(10),{productCode:o,bundleItems:n}=e,i=(0,ne.w)();let l,a,s,c;if(t[0]!==i?(l=()=>()=>{i((0,Pe.XR)())},a=[i],t[0]=i,t[1]=l,t[2]=a):(l=t[1],a=t[2]),(0,r.useEffect)(l,a),t[3]!==n||t[4]!==o){let e;t[6]!==o?(e=e=>r.createElement(Xe,{key:e.fieldId,selectorKey:e.fieldId,selectedVariantCode:o,bundleItem:e}),t[6]=o,t[7]=e):e=t[7],s=n.map(e),t[3]=n,t[4]=o,t[5]=s}else s=t[5];return t[8]!==s?(c=r.createElement(tt,null,s),t[8]=s,t[9]=c):c=t[9],c},tt=i.I4.div({display:"flex",flexDirection:"column",gap:e=>e.tokens.spacing.dimension7.small});var ot=o(3460);function nt(){return nt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},nt.apply(null,arguments)}function rt(e,t,o){const n=(0,a.W9$)(o);if(n)return""===e?delete n[t]:n[t]=e,void(0,a.EXA)(o,n);const r={[t]:e};(0,a.EXA)(o,r)}const it="checkout-form-information",lt=(0,i.I4)(e=>{const{buyable:t,variationCode:o,exhibitVariationCode:c,currentVariant:g,colorVariations:h,sizeVariations:f,variationCount:b,warehouseStockStatuses:y,applyColorPicker:v,paintColor:E,currentVariantIsDisabled:x,productGuides:C,installationIncluded:k,installationInformation:S,flyoutHeader:I,inRiverSystemId:w,netContent:P,netSpecificViewData:j,storeSpecificViewData:T,displayName:Y,addToCartTriggered:O,hasProductGuide:_,showMonitorOutOfStockMessage:R,isSingle:$,lightboxAdditional:D,isProductForSaleYet:B,productSaleStartDate:A,bundleconfiguratorItems:L,isBundle:X,installationNeeded:N}=e,M=g?null==g?void 0:g.netSpecificViewData:j,G=g?null==g?void 0:g.storeSpecificViewData:T,[W,V]=(0,r.useState)(!1),z=!v&&(null==h?void 0:h.length)>1&&!X,U=(null==f?void 0:f.length)>1||1===(null==f?void 0:f.length)&&f[0].displayName&&!X,[H,F]=(0,r.useState)(!1),K=e.productGuideDisplayName||(0,a.TlY)("/Product/SizeGuide"),q=(0,a.T76)((0,ve.HW)()),[Q,Z]=(0,r.useState)(""),J=(null==q?void 0:q.isLoggedIn)&&null!==(null==q?void 0:q.postalCode),[ee,te]=(0,r.useState)(!1),oe=(0,ne.w)(),re=(0,Se.t)("toggleProductPageShippingInformation")&&!X,ie=(0,a.W9$)(it),le=(0,ne.d)(e=>!1===e.miniMenu.isOpen),ae=(0,we.n)(we.s.ShippingOptions),se=(0,we.n)(we.s.SizeGuide),ce=(0,r.useRef)(L);(null==L?void 0:L.length)>0&&(ce.current=L);const de=ce.current;(0,r.useEffect)(()=>{le&&Q!==(null==ie?void 0:ie.postalCode)&&(null==ie?void 0:ie.postalCode)&&Z(null==ie?void 0:ie.postalCode)},[le]);(0,r.useEffect)(()=>{(null==ie?void 0:ie.postalCode)?Z(ie.postalCode):J&&Z(null==q?void 0:q.postalCode)},[J]);const[ue,pe]=(0,Ce.j8)(),ge=()=>(0,n.__awaiter)(void 0,void 0,void 0,function*(){try{const t=(0,n.__awaiter)(void 0,void 0,void 0,function*(){try{const t=(0,a.M54)(e.shippingInformation,{postalCode:Q}),o=yield(0,a.t1h)(t);return o.shippingViewModels.some(e=>e.error)?(te(!0),Promise.reject()):Promise.resolve().then(()=>{te(!1),oe((0,Ee.WK)(xe.YT.ShippingOptions,{currentVariant:g,displayName:Y,postalCode:Q,availableShippingMethods:o.shippingViewModels,shippingInformation:e.shippingInformation})),rt(Q,"postalCode",it)})}catch(e){return Promise.reject()}});pe(t),yield t}catch(e){te(!0)}});function he(){F(!0),(0,u.Zy)(w,e.code)}(0,r.useEffect)(()=>{V(!(!v||E))},[v,E]);const fe=!!(null==E?void 0:E.cssColorCode),Ie=(0,r.useMemo)(()=>Object.assign({width:fe?"62%":"100%"},(0,s.$_)(l._fM,{width:"100%"})),[fe]);return r.createElement(ht,{"data-test-id":"product-action-area"},!!v&&!X&&r.createElement(r.Fragment,null,r.createElement(gt,null,(0,a.TlY)("/Product/Choices/PickColor")),r.createElement(ft,null,r.createElement(me,nt({paintColor:E,setOnPickerDisabled:V,productC

2ode:e.code},e)))),(null==de?void 0:de.length)>0&&r.createElement(et,{bundleItems:de,productCode:e.variationCode}),!(!z&&!U)&&r.createElement(r.Fragment,null,!!z&&r.createElement(at,m.GB.PdpColorSwatchesWrapper,r.createElement(be.Ay,{css:!!v&&ct,label:(0,a.TlY)("/Product/Choices/ColorPicked"),variationCount:b,variationCode:o||c,variations:h,isColorVariant:!0})),!!U&&r.createElement(st,m.GB.PdpSizeSwatchesWrapper,r.createElement(i.I4.Div,{css:!!v&&pt},r.createElement(be.Ay,{css:!!v&&Ie,label:v?(0,a.TlY)("/Product/Choices/PickSize"):(0,a.TlY)("/Product/Choices/SizePicked"),variationCount:b,variationCode:o||c,variations:f,disabled:W,applyColorPicker:v,isSizeVariant:!0})))),!!_&&r.createElement(ye.l.Provider,{value:{packageSize:P}},r.createElement(bt,{css:!!v&&ut},r.createElement(vt,nt({gtmButtonData:{buttonText:K,context:`Open flyout ${se}`,eventType:u.LU.Open,eventGroup:u._B.Flyout},onClick:he,onKeyDown:e=>{e.key}},m.GB.ProductGuideBtn),K),r.createElement(d.A,{isOpen:H,onClose:()=>F(!1),header:I,title:K,hasProductGuides:!!C,productGuides:C,packageSize:P}))),!v&&r.createElement(yt,null,e.priceComponent),!!v&&r.createElement(gt,null,(0,a.TlY)("/Product/Choices/PickAmount")),r.createElement(mt,{css:Object.assign(Object.assign({},!t&&{marginBottom:l.asY}),v&&dt)},!!N&&r.createElement(Yt,{type:"info",heading:(0,a.TlY)("/Product/InstallationNeededHeading")},(0,a.TlY)("/Product/InstallationNeeded")),r.createElement(p.A,nt({},e,{selectedColor:E,warehouseStockStatuses:y,netSpecificViewData:M,storeSpecificViewData:G,buyable:t,installationIncluded:k,installationInformation:S,flyoutHeader:I,applyColorPicker:v,currentVariantIsDisabled:x,addToCartTriggered:O,hideQuantitySelector:e.hideQuantitySelector,showMonitorOutOfStockMessage:R,displayName:Y,isSingle:$,lightboxAdditional:D,isProductForSaleYet:B,productSaleStartDate:A,isBundle:X}))),!!re&&(0,p.F)(j,T,$)&&r.createElement(Et,m.GB.PdpPostalCodeWrapper,r.createElement(kt,null,(0,a.TlY)("/Product/ShippingOptions/Header")),r.createElement(xt,null,r.createElement(St,null,(0,a.TlY)("/Product/ShippingOptions/Info")),r.createElement(Tt,null,r.createElement(It,null,r.createElement(jt,{value:Q,onChange:e=>{Z(e.target.value)},placeholder:(0,a.TlY)("/Product/ShippingOptions/Placeholder"),minLength:4,maxLength:4,onKeyPress:e=>(0,ke.SX)(e,{[ke.jD]:()=>ge()})}),r.createElement(Pt,{gtmButtonData:{buttonText:"",context:`Open flyout ${ae}`,eventType:u.LU.Open,eventGroup:u._B.Flyout},state:ue,onClick:ge,id:"postal-code-search-button"},r.createElement(Ct,null))),!!ee&&r.createElement(wt,null,(0,a.TlY)("/Product/ShippingOptions/ValidationError"))))))}),at=i.I4.div({display:"flex",flexDirection:"column",width:"100%"}),st=i.I4.div({display:"flex",flexDirection:"column",width:"100%",marginTop:l.YaY}),ct=Object.assign({marginLeft:l.EXj},(0,s.$_)(l._fM,{marginLeft:l.asY})),dt=Object.assign({margin:{left:l.EXj,top:0}},(0,s.$_)(l._fM,{margin:{left:l.asY}})),ut=Object.assign({margin:{left:l.EXj,bottom:l.YaY}},(0,s.$_)(l._fM,{marginLeft:l.asY})),pt=(0,i.I4)(Object.assign({marginLeft:l.EXj,display:"flex"},(0,s.$_)(l._fM,{marginLeft:l.asY}))),mt=i.I4.div({display:"flex",flexDirection:"column",marginTop:l.YaY,marginBottom:l.EXj}),gt=(0,i.I4)(Ie.H6,{marginTop:l.EXj,counterIncrement:"steps","::before":{content:'counter(steps)". "'}}),ht=i.I4.div({counterReset:"steps",minHeight:240}),ft="div",bt=i.I4.div({display:"flex",justifyContent:"space-between",marginTop:l.EXj}),yt=i.I4.div({margin:{top:l.RrY,bottom:l.asY}}),vt=(0,i.I4)(c.z9,(0,v.k)({offset:l.yLY,borderRadius:l.yLY}),{":hover":{cursor:"pointer"}}),Et=i.I4.div({width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",marginBottom:l.asY}),xt=i.I4.div(Object.assign({width:"100%",position:"relative",display:"flex",justifyContent:"center",padding:{y:l.nU9,x:l.pU_}},(0,s.$_)(l.mxx,{padding:{y:l.nU9,x:2*l.RrY}}))),Ct=(0,i.I4)(y.vj,{width:24,height:24,color:l.ONy,transform:"rotate(90deg)"}),kt=i.I4.p((0,l.Wlv)("SubtitleMedium"),{margin:{y:0}}),St=i.I4.div(Object.assign({fontSize:l.NiS,width:"100%",textAlign:"left",paddingRight:l.YaY},(0,s.$_)(l.mxx,{paddingRight:l.asY}))),It=i.I4.div({display:"flex",alignItems:"center",position:"relative",minWidth:160,padding:{xy:0},margin:{xy:0}}),wt=i.I4.div({fontSize:l.NiS,color:l.qzw,margin:{top:l.EXj,left:l.EXj}}),Pt=(0,i.I4)((0,Ce.V4)(c.SX),(0,v.k)({color:l.ONy,width:2,offset:-l.nU9}),{position:"absolute",right:0,borderTopRightRadius:l.EXj,borderBottomRightRadius:l.EXj}),jt=i.I4.input((0,l.qYm)(),(0,N.XN)(),{backgroundColor:l.ONy,height:40,width:"100%",display:"flex",alignItems:"center",borderRadius:8,padding:{xy:l.EXj},border:{xy:{color:l.Wfp,width:l.yLY,style:"solid"}},":focus":{border:{xy:{color:l.yCc}}},"::placeholder":{color:l.vkn}}),Tt=i.I4.div({display:"flex",flexDirection:"column",marginTop:({isCompact:e})=>e?l.nU9:0,width:"auto"}),Yt=(0,i.I4)(ot.A,Object.assign({marginBottom:e=>e.tokens.spacing.dimension9.small},(0,s.$_)(l._fM,{marginBottom:e=>e.tokens.spacing.dimension9.medium})))},3460:(e,t,o)=>{o.d(t,{A:()=>g});var n=o(6166),r=o(3696),i=o(774),l=o(6215),a=o(3071),s=o(4702),c=o(4072);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},d.apply(null,arguments)}const u=e=>(0,i.I4)({backgroundColor:t=>t.tokens.color[e].surface.tinted,border:{xy:{color:t=>t.tokens.color[e].border.default}},color:t=>t.tokens.color[e].text.default}

2),p=e=>(0,i.I4)({color:t=>t.tokens.color[e].text.subtle}),m={danger:{Icon:l.Gq,iconDecorator:p("danger"),decorator:u("danger")},warning:{Icon:l.HZ,iconDecorator:p("warning"),decorator:u("warning")},success:{Icon:l.Qb,iconDecorator:p("success"),decorator:u("success")},info:{Icon:l.wl,iconDecorator:p("info"),decorator:u("info")}},g=(0,i.I4)(e=>{var{type:t,heading:o,children:l}=e,a=(0,n.__rest)(e,["type","heading","children"]);const{Icon:s,iconDecorator:c,decorator:u}=m[t];return r.createElement(i.I4.Div,d({},a,{css:u}),r.createElement(s,{"aria-hidden":"true",focusable:"false",css:(0,i.I4)(b,c)}),r.createElement(h,null,!!o&&r.createElement(f,null,o),l))},Object.assign({display:"flex",flexWrap:"nowrap",gap:e=>e.tokens.spacing.dimension4.small,padding:{xy:e=>e.tokens.spacing.dimension5.small},border:{xy:{width:a.yLY,style:"solid"}},borderRadius:e=>e.tokens.borderRadius.md},(0,s.$_)(a._fM,{gap:e=>e.tokens.spacing.dimension4.medium,padding:{xy:e=>e.tokens.spacing.dimension5.medium}}))),h=i.I4.div((0,c.L)("bodyDefaultReduced",{desktop:"small"}),{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:"flex-start",gap:e=>e.tokens.spacing.dimension1.small}),f=i.I4.div((0,c.L)("headingCaptionBold",{desktop:"small"})),b=(0,i.I4)({flexShrink:0,width:21,height:21})}}]);
3//# sourceMappingURL=7415.chunk.a8c660bf0f205a36f672.js.map