https://www.ajprodukty.cz/assets/6475.chunk.6ddad8924b544afea20e.js

1"use strict";(globalThis.webpackChunknitro5_app=globalThis.webpackChunknitro5_app||[]).push([[6475],{16475(e,t,n){n.r(t),n.d(t,{BUY_BUTTON_HEIGHT_COMPACT:()=>or,ProductConfigurationContext:()=>qa,default:()=>Xa});var a=n(63696),r=n(34702),i=n(10774),o=n(30561),l=n(95082),s=n(42914),d=n(89224),c=n(39879),u=n(52023),m=n(34451),p=n(70723),g=n(84611),f=n(21412),v=n(39372),y=n(24138),E=n(26166);const b=e=>{const t=[...Array(e.count)].map((e,t)=>a.createElement(h,{key:t},a.createElement(x,null,a.createElement(C,{css:A}))));return a.createElement(s.eS,null,a.createElement(I,null,t))};(Object.getOwnPropertyDescriptor(b,"name")||{}).writable||Object.defineProperty(b,"name",{value:"default",configurable:!0});const I=i.I4.div(Object.assign({display:"flex",flexDirection:"column"},(0,c.QN)())),h=i.I4.div(Object.assign({display:"flex",width:"100%",alignItems:"flex-start"},(0,r.gD)(":not(:first-child)",{marginTop:c.as}))),C=i.I4.div({height:68,backgroundColor:e=>e.siteTheme.productConfiguration.addon.loadingSkeletonColor,width:"100%",marginTop:5}),x=i.I4.div({display:"flex",flexDirection:"column",justifyContent:"flex-start",flex:{basis:0,grow:1,shrink:0}}),A={margin:{top:0,bottom:12}};var S=n(13149),T=n(58463);const P=function({title:e,deliveryTime:t,itemNumber:n,overTitle:r}){return a.createElement(w,null,!!r&&a.createElement(Y,null,r),a.createElement(S.H4,null,e),!!n&&a.createElement(N,null,(0,o.TlY)("/Product/ItemNumberShort"),": ",n),!!t&&a.createElement(o.Gx5,{data:t,fallback:a.createElement(k,null," ")},e=>a.createElement(O,null,a.createElement(D,null),a.createElement(k,null,e.deliveryTimeShort))))},w=i.I4.div({display:"flex",flexDirection:"column",flex:{shrink:1},margin:{bottom:({isCompact:e})=>e?c.EX:0}}),k=i.I4.span({display:"block",padding:{left:c.EX},color:e=>e.siteTheme.productConfiguration.addon.deliveryTextColor}),O=i.I4.div({display:"flex",alignItems:"center"}),D=(0,i.I4)(T.lP,{flex:{shrink:0}}),N=i.I4.div({fontSize:c.Ni,color:e=>e.siteTheme.productConfiguration.addon.itemNumberText,margin:{bottom:c.nU}}),Y=(0,i.I4)(S.H5,(0,c.GG)(),{fontWeight:"normal",marginBottom:0});var M=n(85838),V=n(55135),j=n(93359),R=n(13945),B=n(25927),F=n(1938);const _=function(e){const t=(0,a.useMemo)(()=>{var t;return null===(t=e.selectableAttributes)||void 0===t?void 0:t.filter(t=>e.filterColorDotAttributes.some(e=>e===(null==t?void 0:t.label)))},[e.selectableAttributes,e.filterColorDotAttributes]);function n(t,n){var a,r;const i=e.currentVariant.attributes.find(e=>e.id===t.id),o=null===(r=null===(a=t.value.find(e=>G(e.value,i.value)))||void 0===a?void 0:a.variationCodes)||void 0===r?void 0:r.filter(e=>n.includes(e));return o&&0!==o.length?o:n}return a.createElement(a.Fragment,null,(null==t?void 0:t.length)>0&&t.map((t,r)=>{var i;return(null===(i=t.value)||void 0===i?void 0:i.some(e=>!!e.isColor))&&a.createElement(Q,Object.assign({key:r,currentVariant:e.currentVariant},t,{onChange:a=>((t,a)=>{let r=a;for(const a of e.selectableAttributes)t.id!==a.id&&(r=n(a,r));const i=e.variations.find(e=>e.code===r[0]);i&&e.setSelectedVariantCode(i.code)})(t,a)}))}))};function G(e,t){return L(e)===L(t)}function L(e){return""+e}const Q=(0,i.I4)(({id:e,value:t,currentVariant:n,onChange:r})=>{var i;const o=null===(i=n.attributes)||void 0===i?void 0:i.find(t=>t.id===e),l=null==t?void 0:t.map(e=>({colorImage:L(null==e?void 0:e.color),value:e.value}));return a.createElement(a.Fragment,null,null==l?void 0:l.map(e=>a.createElement(F.A,{key:e.value,selected:(null==o?void 0:o.value)===e.value,color:e.colorImage,onClick:()=>function(e){const n=e.value,a=t.find(e=>G(e.value,n));r(null==a?void 0:a.variationCodes)}(e),alt:e.value,ariaLabel:e.value})))});var W=n(27497);const U=(0,i.I4)(function({product:e,showVariations:t,activeImageViewer:n,currentVariant:r,setSelectedVariantCode:i,element:o}){const{variations:l,filterColorDotAttributes:s,selectableAttributes:d}=e,{isHovered:c,hover:u,unHover:m}=(0,V.u)(),[p,g]=(0,a.useState)(!1),f=(0,B.DD)();return a.createElement(a.Fragment,null,!!p&&!f&&a.createElement(X,{onClose:()=>g(!1),slides:[r.images[0]],onSelectCallback:()=>r.images[0]}),a.createElement(q,{onMouseEnter:u,onMouseLeave:m,ref:o},a.createElement(j.vl,null,({availableSizes:e})=>a.createElement(R.A,{onClick:()=>n&&g(!0),src:r.images[0],swapSrc:r.images[1],showSwap:c,alt:r.displayName,availaibleSizes:e,ratio:M.wj.OneToOne,preset:M.k.Tiny})),!!l&&!t&&!f&&a.createElement($,null,a.createElement(_,{currentVariant:r,variations:l,filterColorDotAttributes:s.slice(0,1),selectableAttributes:d,setSelectedVariantCode:i}))))}

1),q=i.I4.div({position:"relative",cursor:"pointer"}),$=i.I4.div({position:"absolute",left:"50%",bottom:c.nU,transform:"translate(-50%, 0)",width:"100%",display:"flex",justifyContent:"center",flexWrap:"wrap-reverse"}),X=(0,i.I4)(W.A,{height:"100vh",width:"100vw"});var z=n(63917);const H=function({currentVariant:e,product:t,showVariations:n,setSelectedVariantCode:r,setShowVariations:i}){return a.createElement(z.A,{css:ee,isOpen:n,updateOnChildMutation:!0,transformEffect:!0},a.createElement(K,null,a.createElement(Z,{currentVariant:e,variations:t.variations,filterColorDotAttributes:t.filterColorDotAttributes,selectableAttributes:t.selectableAttributes,filterAttributes:t.filterAttributes,onChange:e=>r(e.code)}),a.createElement(J,{onClick:()=>i(!1),title:(0,o.TlY)("/ProductConfigurator/CloseVariants"),"aria-label":(0,o.TlY)("/Shared/Close")},a.createElement(T.bm,null))))},K=i.I4.div({position:"relative",display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:{top:c.Y,left:({isCompact:e})=>e?0:156+c.Y}}),Z=(0,i.I4)(g.A,{margin:{bottom:0,top:c.Y}}),J=(0,i.I4)(v.pH,{position:"absolute",top:c.Y,right:0,textAlign:"center"}),ee={width:"100%"};var te=n(75870),ne=n(34232),ae=n(70702);const re=function({currentVariant:e,isPerPiece:t=!1}){return a.createElement(ie,null,a.createElement(ne.A,{size:ae.w.M,price:e.price,realTimePrice:e.realTimePrice,unitLength:!!e.isCutByMeter&&(0,te.uM)(te.P6.CM),unit:t?(0,o.TlY)("/Product/Measurement/Pieces"):void 0,isCutByMeter:e.isCutByMeter,wrapperDirection:"column",measurementProps:{measurementValue:e.measurementValue,measurement:e.measurement}}))},ie=i.I4.div({flex:{grow:1,shrink:0,basis:"0%"}});var oe=n(75207);const le=function({minQuantity:e,quantity:t,setQuantity:n,disabledQuantity:r}){return a.createElement(oe.A,{disabled:r,minQuantity:e,onUpdate:e=>new Promise(t=>{n(e),t()}),value:t})};var se=n(85506);const de=(0,i.I4)((0,a.forwardRef)((e,t)=>{var{addedAddon:n,isSelected:r}=e,o=(0,E.__rest)(e,["addedAddon","isSelected"]);

1const l=(0,se.A)().productConfiguration.addon,s=(0,a.useMemo)(()=>(0,i.I4)(Object.assign(Object.assign({},n&&{boxShadow:`0px 0px 0px 2px ${null==l?void 0:l.activeBoxShadow} inset`,border:{xy:{color:null==l?void 0:l.activeBoxShadow}}}),r&&!n&&{boxShadow:`0px 0px 0px 2px ${null==l?void 0:l.boxShadow} inset`,border:{xy:{color:null==l?void 0:l.boxShadow}}})),[n,r,l]);return a.createElement(ce,Object.assign({css:s,ref:t},o))})),ce=i.I4.div({width:"100%",padding:{xy:c.Y-c.nU},margin:{bottom:c.Y-c.nU},border:{xy:{width:1,style:"solid",color:e=>e.siteTheme.productConfiguration.addon.borderColor}}});var ue=n(59095),me=n(93538),pe=n(95719),ge=n(83137),fe=n(9486);const ve=function({isOpen:e,setIsOpen:t,variant:n,product:r}){const i=(0,se.A)().productPage.ProductInfoComponent;return a.createElement(ye,{isOpen:e,onClose:()=>t(!1)},a.createElement(be,{to:r.url,linkIdentifier:n.linkIdentifier,target:"_blank","aria-label":`${(0,o.TlY)("/Product/GoToProductPage")} - ${n.shortName}`,title:`${(0,o.TlY)("/Product/GoToProductPage")} - ${n.shortName}`},a.createElement(Ee,null,n.displayName),a.createElement(Ie,null,a.createElement(pe.A,null))),!!n.productInformation&&a.createElement(o.Gx5,{data:n.productInformation,shouldResolve:e,fallback:a.createElement(he,null,a.createElement(T.fO,{css:Ce}),(0,o.TlY)("/Shared/PleaseWait"),"...")},e=>(e.qualityEcoLabels=null,e.videoResourceFiles=null,e.hasArAsset=!1,a.createElement(i,{isInModal:!0,openLinksInNewBrowserWindow:!0,hidePagePrint:!0,showArtNumber:!0,isConfiguration:!0,isLoaded:!0,longText:e.longText,displayName:n.displayName,attributes:e.attributes,resourceFiles:e.resourceFiles,threeDeeFileId:e.hasArAsset?e.strippedCode:null,isPackage:e.isPackage,relatedPackageVariations:e.relatedPackageVariations,videoResourceFiles:e.videoResourceFiles,qualityEcoIcons:e.qualityEcoIcons,qualityEcoLabels:e.qualityEcoLabels,familyName:e.familyName,familyUrl:e.familyUrl,itemNumber:n.itemNumber}))))},ye=(0,i.I4)(fe.Ay,{maxWidth:1075,maxHeight:"80vh",overflow:"auto",padding:{left:32,right:19,y:19}}),Ee=(0,i.I4)(S.H1,{margin:{y:0,right:c.EX},display:"inline-block"}),be=(0,i.I4)(ge.A,me.l9,{display:"block",marginBottom:c.ut}),Ie=i.I4.span({display:"inline-block",verticalAlign:"super"}),he=i.I4.div({display:"flex",alignItems:"center",padding:{y:c.as}}),Ce={marginRight:c.EX};const xe=function(e){var t,n,{addedAddon:r,setSelectedAddons:i,addonWithMandaToryChild:l,isSelected:s,parentCode:d,quantity:c,setQuantity:u,parentId:m}=e,p=(0,E.__rest)(e,["addedAddon","setSelectedAddons","addonWithMandaToryChild","isSelected","parentCode","quantity","setQuantity","parentId"]);const g=(0,B.Iu)(),[f,y]=(0,a.useState)(!1),{flyToElement:[b]}=(0,a.useContext)(qa),[I,h]=(0,a.useState)(!1),C=(0,a.useRef)(null),x=(0,a.useMemo)(()=>a.cloneElement(a.createElement("div",null),{className:"contentDetail",children:a.createElement(Te,Object.assign({showVariations:f,alt:p.currentVariant.displayName},p))}),[p,f]),A=(0,a.useMemo)(()=>({variation:p.currentVariant,quantity:c,groupId:p.groupId,isSingleSelect:p.isSingleSelect,isDisabled:p.isDisabled,isMandatory:p.isMandatory,parentCode:d,parentId:m}),[p.currentVariant,p.groupId,p.isSingleSelect,p.isDisabled,p.isMandatory,c,d,m]),S=(0,a.useCallback)(()=>(0,E.__awaiter)(this,void 0,void 0,function*(){if(!r||p.isSingleSelect)try{const e=yield(0,o.t1h)(p.currentVariant.productConfigurator);e.groups&&(null==e?void 0:e.groups.some(e=>e.isMandatory))?(p.isSingleSelect&&i([]),p.setAddonWithMandaToryChild(A)):l?(i(e=>[...l.isSingleSelect?e.filter(e=>e.parentCode?e.parentCode===l.variation.code:e.groupId!==l.groupId):e.slice(),l,A]),b.inceptionElement||b.setInceptionElement({elementRef:C,elementClone:x})):(i(e=>[...p.isSingleSelect?e.filter(e=>e.parentCode?e.parentCode===p.currentVariant.code:e.groupId!==p.groupId):e.slice(),A]),b.inceptionElement||b.setInceptionElement({elementRef:C,elementClone:x}))}catch(e){return(0,ue.yW)(e)?Promise.reject(e):Promise.reject((0,o.TlY)("/Errors/GeneralErrorMessage"))}}),[r,p,A,i,l,b,x]);return a.createElement(a.Fragment,null,a.createElement(de,{addedAddon:!!r,isSelected:s},a.createElement(Ae,null,a.createElement(Te,Object.assign({element:C,showVariations:f,activeImageViewer:!0,alt:p.currentVariant.displayName},p)),a.createElement(Se,null,a.createElement(P,{itemNumber:p.currentVariant.itemNumber,title:p.currentVariant.displayName,deliveryTime:p.currentVariant.deliveryTime}),!!g&&a.createElement(je,null,a.createElement(Ve,{onClick:()=>h(!0),"aria-label":(0,o.TlY)("/Shared/ReadMore")},(0,o.TlY)("/Shared/ReadMore")),a.createElement(ve,{isOpen:I,setIsOpen:h,variant:p.currentVariant,product:p.product})),a.createElement(Pe,null,!g&&a.createElement(ke,null,a.createElement(we,{sellingPoints:p.currentVariant.keySellingPoints}),a.createElement(Ve,{onClick:()=>h(!0),"aria-label":(0,o.TlY)("/Shared/ReadMore")},(0,o.TlY)("/Shared/ReadMore")),a.createElement(ve,{isOpen:I,setIsOpen:h,variant:p.currentVariant,product:p.product})),a.createElement(Oe,null,a.createElement(Me,{isPerPiece:!A.variation.isCutByMeter,currentVariant:p.currentVariant}),!!g&&a.createElement(le,{minQuantity:p.minQuantity,quantity:c,setQuantity:u,disabledQuantity:!!r||s||p.isDisabled}),a.createElement(De,null,!g&&a.createElement(le,{minQuantity:p.minQuantity,quantity:(null==r?void 0:r.quantity)||c,setQuantity:u,disabledQuantity:!!r||s||p.isDisabled}),a.createElement(Ne,{css:p.product.variations.length<2&&{flex:{grow:1}},onClick:S,as:v.Sx.White,disabled:!!r||s,"aria-label":r||s?(0,o.TlY)("/ProductConfigurator/SelectedButton"):(0,o.TlY)("/ProductConfigurator/AddButton")},r||s?(0,o.TlY)("/ProductConfigurator/SelectedButton"):(0,o.TlY)("/ProductConfigurator/AddButton")),(null===(t=p.product.variations)||void 0===t?void 0:t.length)>1&&a.createElement(Ye,{css:!!f&&Re,onClick:()=>y(!0),"aria-label":(0,o.TlY)("/ProductConfigurator/OpenVariants")},(0,o.TlY)("/ProductConfigurator/OpenVariants"))))))),(null===(n=p.product.variations)||void 0===n?void 0:n.length)>1&&a.createElement(H,Object.assign({},p,{showVariations:f,setShowVariations:y}))))},Ae=i.I4.div({display:"flex"}),Se=i.I4.div({display:"flex",flexDirection:"column",justifyContent:"space-between",flex:{grow:1,basis:"auto"},padding:{left:c.Y}}),Te=(0,i.I4)(U,{flexBasis:({isMobile:e})=>e?90:156,margin:{top:({isMobile:e})=>

1e?c.as:0},flex:{shrink:0}}),Pe=i.I4.div({display:"flex",flexWrap:({isCompact:e})=>e?"nowrap":"wrap",justifyContent:"flex-end",alignItems:"end",flexDirection:({isCompact:e})=>e?"column":"row",gap:({isMobile:e})=>e?0:c.as}),we=(0,i.I4)(p.A,{margin:{bottom:0}}),ke=i.I4.div({flex:{grow:1,shrink:1,basis:"auto"}}),Oe=i.I4.div({display:"flex",width:({isMobile:e})=>e?"100%":"unset",alignItems:({isMobile:e})=>e?"center":"end",justifyContent:({isMobile:e})=>e?"space-around":"flex-end",flexWrap:"wrap",flex:{shrink:0},gap:({isMobile:e})=>e?0:c.Y}),De=i.I4.div({display:"flex",flexDirection:({isMobile:e})=>e?"row":"column",width:({isMobile:e})=>e?"100%":"unset",justifyContent:({isMobile:e})=>e?"space-between":"unset",margin:{top:({isMobile:e})=>e?c.Y:0},flex:{shrink:0}}),Ne=(0,ue.Fi)((0,i.I4)(v.Ay,{textTransform:"uppercase",whiteSpace:"nowrap",margin:{top:c.EX}})),Ye=(0,i.I4)(v.pH,{textAlign:"center",margin:{top:c.EX}}),Me=(0,i.I4)(re,{flex:{grow:1}}),Ve=(0,i.I4)(v.z9,c.g4),je=i.I4.div({marginBottom:c.EX}),Re=(0,i.I4)({opacity:0,pointerEvents:"none"});const Be=function(e){var{selectedAddons:t,parentAddonQuantity:n}=e,r=(0,E.__rest)(e,["selectedAddons","parentAddonQuantity"]);const[i,o]=(0,a.useState)(r.product.currentVariantCode),[l,s]=(0,a.useState)(n),d=(0,a.useMemo)(()=>r.product.variations.find(e=>e.code===i),[r.product.variations,i]),c=(0,a.useMemo)(()=>t.find(e=>e.variation.code===i&&(e.groupId===r.groupId||e.parentCode===r.parentCode)),[t,i,r.groupId,r.parentCode]);return a.createElement(a.Fragment,null,a.createElement(xe,Object.assign({currentVariant:d,addedAddon:c,setSelectedVariantCode:o,quantity:l,setQuantity:s,minQuantity:n},r)))};const Fe=(0,i.I4)(function(e){const[t,n]=(0,a.useState)(e.product.currentVariantCode),{groupId:r,isSingleSelect:i,isDisabled:l,isMandatory:s,parentId:d}=(0,a.useContext)(Qe),[c,u]=(0,a.useState)(),m=(0,a.useMemo)(()=>e.product.variations.find(e=>e.code===t),[e.product.variations,t]),p=(0,a.useMemo)(()=>e.selectedAddons.find(e=>e.variation.code===t&&e.groupId===r),[e.selectedAddons,t,r]),[g,f]=(0,a.useState)((null==p?void 0:p.quantity)||m.defaultQuantity),v=(0,o.T76)(m.productConfigurator,{shouldResolveData:!!p||!!c});return(0,a.useEffect)(()=>{p||u(null)},[p]),a.createElement(a.Fragment,null,a.createElement(xe,Object.assign({currentVariant:m,addedAddon:p,isSelected:!!c,setSelectedVariantCode:n,groupId:r,isSingleSelect:i,isDisabled:l,isMandatory:s,setAddonWithMandaToryChild:u,quantity:g,minQuantity:m.minQuantity,setQuantity:f,parentId:d},e)),a.createElement(z.A,{isOpen:!(!(null==v?void 0:v.groups)||!p&&!c),updateOnChildMutation:!0},!!(null==v?void 0:v.groups)&&v.groups.map((t,n)=>a.createElement(Ge,{key:n},a.createElement(_e,null,t.title),t.products.map(n=>a.createElement(Be,{key:n.code,selectedAddons:e.selectedAddons,setSelectedAddons:e.setSelectedAddons,groupId:t.id,isSingleSelect:t.isSingleSelect,isDisabled:t.isDisabled,isMandatory:t.isMandatory,parentAddonQuantity:g,addonWithMandaToryChild:c,parentCode:m.code,parentId:t.parentId,product:n}))))))}),_e=(0,i.I4)(S.H2,{fontSize:c.pU,margin:{top:0}}),Ge=i.I4.div({display:"flex",flexDirection:"column",margin:{y:c.Y},padding:{left:c.ut},border:{left:{style:"solid",width:1,color:e=>e.siteTheme.productConfiguration.addon.borderColor}}});var Le=n(53748);const Qe=a.createContext({groupId:null,parentId:null,isSingleSelect:!1,isDisabled:!1,isMandatory:!1,mainAddonQuantity:0});const We=function(e){var{products:t,selectedAddons:n,setSelectedAddons:r}=e,i=(0,E.__rest)(e,["products","selectedAddons","setSelectedAddons"]);const l=(0,B.DD)(),s=c.Lc.large({isCompact:l});return a.createElement(Qe.Provider,{value:i},l?a.createElement(Le.A,{dots:!0,itemGap:s},t.map(e=>a.createElement(Fe,{key:e.code,selectedAddons:n,setSelectedAddons:r,product:e}))):a.createElement(a.Fragment,null,t.map(e=>a.createElement(Fe,{key:e.code,selectedAddons:n,setSelectedAddons:r,product:e})),!!i.displayShowMoreButton&&!i.showAllProducts&&a.createElement(Ue,null,a.createElement(v.Ay,{onClick:()=>i.setShowAllProducts(!i.showAllProducts),as:v.Sx.Secondary,"aria-label":(0,o.TlY)("/ProductConfigurator/ShowMore")},(0,o.TlY)("/ProductConfigurator/ShowMore")))))},Ue=i.I4.div({display:"flex",justifyContent:"center"});var qe=n(65581);const $e=function(e){var t,{currentVariant:n}=e,r=(0,E.__rest)(e,["currentVariant"]);

1const i=(0,o.T76)(n.productConfigurator),[l,s]=(0,a.useState)(!1),{flyToElement:[d,u]}=(0,a.useContext)(qa),m=(0,B.DD)();return a.createElement(ze,null,(null===(t=null==i?void 0:i.groups)||void 0===t?void 0:t.length)?a.createElement(qe.A,{variant:"normalFlush"},i.groups.map(e=>{const t=e.products.slice(0,3),n=e.products.length>3,i=r.selectedAddons.filter(t=>t.groupId===e.id||t.parentId===e.id).reduce((e,t)=>e+t.quantity,0);return a.createElement(qe.A.Item,{key:e.id,id:e.id},a.createElement(qe.A.Trigger,{backgroundColor:c.ON,hoverBackgroundColor:c.ON},a.createElement(Xe,{title:e.title,src:e.products[0].variations[0].images[0],amountOfSelectedProducts:i})),a.createElement(qe.A.Content,{observeResize:!0,backgroundColor:c.ON},a.createElement(He,null,a.createElement(We,Object.assign({products:l?e.products:t,groupId:e.id,parentId:e.parentId,isSingleSelect:e.isSingleSelect,isDisabled:e.isDisabled,isMandatory:e.isMandatory,setShowAllProducts:s,showAllProducts:l,displayShowMoreButton:n},r)))))})):!i&&a.createElement(b,{count:2}),!m&&a.createElement(u,Object.assign({},d)))},Xe=e=>a.createElement(Ke,null,a.createElement(Ze,null,a.createElement(M.Ay,{src:e.src,alt:e.title})),a.createElement(Je,null,e.title," "),e.amountOfSelectedProducts>0&&a.createElement(et,null,e.amountOfSelectedProducts," ",(0,o.TlY)("/Product/Measurement/Pieces"))),ze=i.I4.div({display:"block",margin:{top:({isCompact:e})=>e?0:c.wm}}),He=i.I4.div({display:"flex",flexDirection:"column"}),Ke=i.I4.div({display:"flex",alignItems:"center"}),Ze=i.I4.div({width:64}),Je=(0,i.I4)(S.H4,{margin:{left:({isCompact:e})=>e?c.nU:c.ut,right:({isCompact:e})=>e?0:c.nU,y:0}}),et=i.I4.span({whiteSpace:"nowrap"});var tt=n(31678),nt=n(91852),at=n(43004),rt=n(35440),it=n(38804),ot=n(7356);const lt=function(e){const{filterColorDotAttributes:t,variations:n,currentVariant:r}=e,{showDeliveryTime:l}=(0,tt.d)(e=>e.appShellData.countrySettings),s=(0,a.useMemo)(()=>(e.selectableAttributes||[]).filter(e=>!(null==t?void 0:t.some(t=>t===e.label))),[e.selectableAttributes,t]),d=(0,a.useMemo)(()=>(0,it.G)(n)?n.filter(e=>e.mainColor===r.mainColor):[],[n,r.mainColor]),c=(0,a.useMemo)(()=>({gridTemplateColumns:`repeat(${1+s.length+(l?1:0)}, 1fr)`}),[s,l]);return(0,it.G)(s)&&(0,it.s)(d,1)?a.createElement(st,null,a.createElement(dt,{css:c},a.createElement(ct,null," "),s.map(e=>a.createElement(ct,{key:e.id},e.label)),!!l&&a.createElement(ct,null,(0,o.TlY)("/Shared/Order/DeliveryTime"))),a.createElement(ut,null,d.map((e,t)=>{const n=r.code===e.code;return a.createElement(mt,{key:e.code,css:(0,i.I4)(c,n&&gt),to:e.url,"aria-current":n?"page":void 0,"aria-label":e.displayName,replaceState:!0},a.createElement(ft,{"aria-hidden":!0},a.createElement(pt,{type:"radio",checked:r.strippedCode===e.strippedCode})),s.map(n=>{var r;const i=null===(r=(0,ot.aX)(e.attributes,n.id))||void 0===r?void 0:r.value;return a.createElement(ft,{key:`${n.id}-${t}`},i||"")}),!!l&&a.createElement(o.Gx5,{data:e.deliveryTime,fallback:a.createElement(vt,null)},e=>a.createElement(ft,null,e.deliveryTimeShort)))}))):null},st=i.I4.div(rt.ek),dt=i.I4.div({display:"grid",padding:{xy:c.EX}}),ct=i.I4.span({display:"flex",alignItems:"center",justifyContent:"center",":first-child":{justifyContent:"start"},fontWeight:600}),ut=i.I4.div({display:"flex",flexWrap:"wrap"}),mt=(0,i.I4)(v.pH,{minHeight:42,display:"grid",width:"100%",alignItems:"center",padding:{x:c.EX,y:c.nU/2},border:{xy:{color:e=>e.siteTheme.productConfiguration.extendedVariantSelector.borderColor,width:1,style:"solid"}},borderRadius:c.nU,margin:{top:6,bottom:0},cursor:"pointer"}),pt=(0,i.I4)(at.A,{marginLeft:c.Y}),gt=(0,i.I4)({boxShadow:({siteTheme:e})=>`0px 0px 0px 2px ${e.extendedVariantSelector.boxShadow} inset`,border:{xy:{color:({siteTheme:e})=>e.extendedVariantSelector.color}}}),ft=i.I4.div({display:"flex",alignItems:"center",justifyContent:"center",":first-child":{justifyContent:"start"}}),vt=(0,i.I4)(nt.A,{justifySelf:"center"});var yt=n(81144);function Et({productGuideData:e}){const[t,n]=(0,a.useState)(!1);return a.createElement(bt,null,a.createElement(v.Ay,{as:v.Sx.Secondary,onClick:()=>n(!0),"aria-label":(0,o.TlY)("/ProductConfigurator/ProductGuideButton")},(0,o.TlY)("/ProductConfigurator/ProductGuideButton")),a.createElement(yt.A,{productGuideData:e,isProductGuideModalOpen:t,setIsProductGuideModalOpen:n}))}const bt=i.I4.div({margin:{bottom:c.as}});var It=n(3898),ht=n(75456),Ct=n(69210);const xt=(e,t)=>

1{switch(t.type){case"UPDATE_DELIVERY_INFORMATION":return t.payload===e.deliveryInformation?e:Object.assign(Object.assign({},e),{previousDeliveryInfo:e.deliveryInformation,deliveryInformation:t.payload});case"CLEAR_PREVIOUS_DELIVERY_INFO":return Object.assign(Object.assign({},e),{previousDeliveryInfo:""});default:return e}};const At=i.I4.div({display:"flex",flexDirection:"column",alignItems:"center"}),St=i.I4.div({position:"relative",overflow:"hidden"}),Tt=(0,i.I4)(At,{transform:"translateY(100%)"}),Pt=i.I4.div({position:"absolute",left:0,right:0,top:0,transform:"translateY(-100%)"}),wt=(0,i.I4)({transition:{duration:500,property:"all",timingFunction:"ease-in-out"},transform:"translateY(0)"}),kt=i.I4.span({textAlign:"center"}),Ot=(0,i.I4)({fontSize:30}),Dt=(0,i.I4)(T.lP,Ot),Nt=function({selectedAddons:e,itemNumber:t}){const n=(0,a.useMemo)(()=>[t,...e.map(e=>null==e?void 0:e.variation.itemNumber)].filter(Boolean),[t,e]),{state:r}=function(e){const[t,n]=(0,a.useReducer)(xt,{deliveryInformation:(0,o.TlY)("/Product/LoadingDevliveryTime"),previousDeliveryInfo:""}),r=(0,a.useCallback)(e=>{n({type:"UPDATE_DELIVERY_INFORMATION",payload:e}),setTimeout(()=>{n({type:"CLEAR_PREVIOUS_DELIVERY_INFO"})},500)},[]);return(0,a.useEffect)(()=>{(()=>{(0,E.__awaiter)(this,void 0,void 0,function*(){try{const t={itemNumbers:e},n=yield(0,Ct.u)("/api/ProductConfigurator/GetDeliveryTimes",t),a=(null==n?void 0:n.deliveryTime)||(0,o.TlY)("/Middleware/Availability/Error");r(a)}catch(e){r((0,o.TlY)("/Middleware/Availability/Error"))}})})()},[e,r]),{state:t}}(n);return a.createElement(St,null,a.createElement(Pt,null,a.createElement(Tt,{css:!!r.previousDeliveryInfo&&wt},a.createElement(Dt,null),a.createElement(kt,null,a.createElement(ht.p,null,r.previousDeliveryInfo||r.deliveryInformation)))),a.createElement(Tt,{css:!!r.previousDeliveryInfo&&wt},a.createElement(Dt,null),a.createElement(kt,null,a.createElement(ht.p,null,r.deliveryInformation))))};var Yt=n(52589);const Mt=function({selectedAddons:e,mainVariant:t}){const n=(0,It.Ay)(),{showDeliveryTime:r}=(0,tt.d)(e=>e.appShellData.countrySettings),i=(0,tt.d)(e=>e.appShellData.siteSettings.serviceInfoAvailable),l=(0,tt.d)(e=>e.appShellData.siteSettings.enableServices),s=(0,o.TlY)("/ProductConfigurator/ShippingInformation"),d=(0,B.DD)();return a.createElement(a.Fragment,null,!!r&&a.createElement(Vt,null,a.createElement(Nt,{selectedAddons:e,itemNumber:t.itemNumber})),!!d&&a.createElement(Vt,null,!!t.yearsOfWarranty&&(0,o.TlY)("/Product/WarrantyTime")&&a.createElement(jt,null,(0,o.TlY)("/Product/WarrantyTime",t.yearsOfWarranty))),a.createElement(Vt,null,!!t.yearsOfWarranty&&!d&&(0,o.TlY)("/Product/WarrantyTime")&&a.createElement(jt,null,(0,o.TlY)("/Product/WarrantyTime",t.yearsOfWarranty)),!!s&&a.createElement(jt,null,n(s))),!!l&&!!t.hasServices&&!!i&&a.createElement(Vt,{css:{flex:{basis:d?"100%":"30%"}}},a.createElement(Yt.A,{services:null==t?void 0:t.services,showTooltip:!0})))},Vt=i.I4.div({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",flex:{basis:({isCompact:e})=>e?"100%":"25%"}}),jt=i.I4.span({textAlign:"center"});const Rt=function(e){return a.createElement(Bt,null,a.createElement(oe.A,{disabled:e.disabled,onUpdate:t=>new Promise(n=>{e.setConfigurationQuantity(t),n()}),value:e.configurationQuantity}),a.createElement(Ft,null,(0,o.TlY)("/ProductConfigurator/AmountOfConfigurations")))},Bt=i.I4.div({display:"flex",flexDirection:"column",justifyContent:"center",padding:{right:({isCompact:e})=>e?0:c.ut},alignItems:"center"}),Ft=i.I4.span({fontSize:c.Ni});var _t=n(48088);const Gt=function(e){return a.createElement(Lt,null,a.createElement(_t.A,{size:ae.w.M,current:e.totalPrice,isLoading:e.isLoading,wrapperDirection:"column"}))},Lt=i.I4.div({display:"flex",flexDirection:"column",justifyContent:"center",padding:{x:({isCompact:e})=>e?0:c.ut},alignItems:"center"});var Qt=n(73532),Wt=n(44587),Ut=n(86656),qt=n(23334),$t=n(4775);const Xt=function(e){const t=e.mainVariant.discontinued||e.unavailableToBuy,{addConfiguratorToCart:n,addConfiguratorToCartTooltipFeedback:r}=(0,Wt.K)(),{setIsAddonsSummaryOpen:i}=(0,a.useContext)(qa),{openAddToCartPopup:l}=(0,$t.A)();return a.createElement(zt,null,!!t&&a.createElement(Zt,null,e.mainVariant.discontinued?a.createElement(qt.A,{category:e.category}):e.unavailableToBuyMessage),a.createElement(Ht,{onClick:()=>{return n({configuratorId:e.configuratorId,mainVariant:(a=e.mainVariant,{code:a.code,itemNumber:a.itemNumber,name:a.shortName,linkIdentifier:a.linkIdentifier,blockedForPrivate:a.blockedForPrivate}),selectedAddons:(t=e.selectedAddons,t.map(e=>({blockedForPrivate:e.variation.blockedForPrivate,code:e.variation.code,groupId:e.groupId,itemNumber:e.variation.itemNumber,linkIdentifier:e.variation.linkIdentifier,name:e.variation.short

1Name,quantity:e.quantity}))),currentQuantity:e.currentQuantity,blockedForPrivate:e.mainVariant.blockedForPrivate,listName:Qt.Zv.productPage,onAddToCart:t=>{const n=t?{configuratorId:e.configuratorId,price:e.totalPrice,addons:e.selectedAddons,quantity:e.currentQuantity}:void 0;l(void 0,e.mainVariant,void 0,void 0,e.mainVariant.shortName,n)},savedProductConfiguration:e.savedProductConfiguration?{configurationId:e.savedProductConfiguration.configurationId,name:e.savedProductConfiguration.name,savedAddonsModels:e.savedProductConfiguration.savedAddonsModels}:null});var t,a},as:v.Sx.Primary,"aria-label":(0,o.TlY)("/ProductConfigurator/AddButton"),disabled:t,tooltipFeedbackOverride:(e,t)=>r(e,t,()=>i(!0))},(0,o.TlY)("/ProductConfigurator/AddButton"),a.createElement(Kt,null)))},zt=i.I4.div({position:"relative",width:({isCompact:e})=>e?"100%":"auto"}),Ht=(0,ue.Fi)((0,i.I4)(v._s,{width:({isCompact:e})=>e?"100%":"auto",margin:{top:({isCompact:e})=>e?c.EX:"unset"},textTransform:"uppercase"})),Kt=(0,i.I4)(T.JB,{marginLeft:c.EX}),Zt=(0,i.I4)(Ut.Kw,{position:"absolute",width:({isCompact:e})=>e?"100%":"auto",whiteSpace:({isCompact:e})=>e?"unset":"nowrap",bottom:({isCompact:e})=>e?`calc(144px - ${c.as}px)`:`calc(100% + ${c.EX}px)`,left:0,margin:{y:0},zIndex:c.Py.ProductBadges});var Jt=n(11386);const en=function({url:e,hasSelectedAddons:t,setSelectedAddons:n}){const[r,i]=(0,a.useState)(!1);return a.createElement(Jt.A,{rerenderOnScroll:!0,tabtrap:!0,placement:"top",theme:"neutral",zIndex:c.Py.Modal,controlled:!0,disabled:!t,onClose:()=>i(!1),isOpen:r,content:a.createElement(an,null,a.createElement(on,null,(0,o.TlY)("/ProductConfigurator/ResetConfiguration/ConfirmTitle")),a.createElement(rn,null,a.createElement(ln,{onClick:()=>i(!1),as:v.Sx.Primary,"aria-label":(0,o.TlY)("/ProductConfigurator/ResetConfiguration/CancelButton")},(0,o.TlY)("/ProductConfigurator/ResetConfiguration/CancelButton")),a.createElement(sn,{as:v.Sx.Secondary,onClick:function(){return(0,E.__awaiter)(this,void 0,void 0,function*(){yield(0,o.g5r)(e),i(!1),n([])})},"aria-label":(0,o.TlY)("/ProductConfigurator/ResetConfiguration/ApproveButton")},(0,o.TlY)("/ProductConfigurator/ResetConfiguration/ApproveButton")))),target:a.createElement(tn,{onClick:()=>i(!0),css:!t&&nn,"aria-label":(0,o.TlY)("/ProductConfigurator/ResetConfiguration/ResetConfigurationText"),title:(0,o.TlY)("/ProductConfigurator/ResetConfiguration/ResetConfigurationText")},a.createElement(T.vG,null))})},tn=(0,i.I4)(v.pH,{textTransform:"uppercase",fontSize:c.Y}),nn=(0,i.I4)({cursor:"normal",opacity:.6,pointerEvents:"none"}),an=i.I4.div({fontSize:c.Y,textAlign:"left",padding:{x:c.nU,top:6,bottom:12}}),rn=i.I4.div({display:"flex",gap:c.Y}),on=i.I4.p({margin:{y:0}}),ln=(0,i.I4)(v.Ay,{textTransform:"uppercase",margin:{top:c.Y}}),sn=(0,ue.Fi)((0,i.I4)(ln));var dn=n(55247),cn=n(43627),un=n(24763),mn=n(54866),pn=n(97760);const gn=function({isUpdatable:e,save:t,update:n,disabled:r,callback:i}){const[l,s]=a.useState(!1),[d,c]=a.useState(!1);return a.createElement(En,null,!!e&&a.createElement(yn,{as:ue.Sx.Primary,onClick:()=>(0,E.__awaiter)(this,void 0,void 0,function*(){c(!0);try{yield n()}catch(e){return(0,ue.yW)(e)?Promise.reject(e):Promise.reject((0,o.TlY)("/Errors/GeneralErrorMessage"))}}),onReady:e=>(c(!1),i(e,"update")),disabled:r||l,"aria-label":(0,o.TlY)("/ProductConfigurator/SaveConfiguration/UpdateButton")},(0,o.TlY)("/ProductConfigurator/SaveConfiguration/UpdateButton")),a.createElement(vn,{as:ue.Sx.Primary,onClick:()=>(0,E.__awaiter)(this,void 0,void 0,function*(){s(!0);try{const e=yield t();return Promise.resolve({configurationId:e})}catch(e){return(0,ue.yW)(e)?Promise.reject(e):Promise.reject((0,o.TlY)("/Errors/GeneralErrorMessage"))}}),onReady:(e,t)=>(s(!1),i(e,"save",null==t?void 0:t.configurationId)),disabled:r||d,"aria-label":(0,o.TlY)("/ProductConfigurator/SaveConfiguration/SaveButton")},(0,o.TlY)("/ProductConfigurator/SaveConfiguration/SaveButton")))};function fn(){return(0,i.I4)(v._s,v.Xy,{flex:{grow:1},textTransform:"uppercase",margin:{top:c.Y},padding:{x:c.Y}})}const vn=(0,ue.Fi)(fn()),yn=(0,ue.Fi)(fn()),En=i.I4.div({display:"flex",gap:c.Y});const bn=function({mainVariant:e,selectedAddons:t,configuratorId:n,savedProductConfiguration:r,onReady:i,onSaveInProgress:l}){var s;const{saveConfiguration:d,updateConfigurator:c}=(0,Wt.K)(),[u,m]=(0,a.useState)(null!==(s=null==r?void 0:r.name)&&void 0!==s?s:""),p=!!r&&"draft"!==r.type,[g,f]=(0,a.useState)(p&&"unknown"!==r.type?r.type:"configuration"),v=(0,a.useMemo)(()=>

1{if(!p)return!1;if(g!==(null==r?void 0:r.type))return!1;if(t.length!==(null==r?void 0:r.savedAddonsModels.length))return!0;return!t.every(e=>null==r?void 0:r.savedAddonsModels.some(t=>e.variation.itemNumber===t.variation.itemNumber&&e.quantity===t.quantity))},[g,p,null==r?void 0:r.savedAddonsModels,null==r?void 0:r.type,t]),y=t.map(e=>({code:e.variation.code,quantity:e.quantity,groupId:e.groupId,parentId:e.parentId}));return a.createElement(In,null,a.createElement("div",{onClick:()=>{f("configuration")}},a.createElement(hn,{checked:"configuration"===g,value:"configuration",label:(0,o.TlY)("/ProductConfigurator/SaveConfiguration/SaveOptionConfigurationLabel"),name:"configurationType"},(0,o.TlY)("/ProductConfigurator/SaveConfiguration/SaveOptionConfigurationLabel"))),a.createElement("div",{onClick:()=>{f("template")}},a.createElement(hn,{checked:"template"===g,value:"template",label:(0,o.TlY)("/ProductConfigurator/SaveConfiguration/SaveOptionTemplateLabel"),name:"configurationType"},(0,o.TlY)("/ProductConfigurator/SaveConfiguration/SaveOptionTemplateLabel"))),a.createElement(xn,{value:u,placeholder:(0,o.TlY)("/ProductConfigurator/SaveConfiguration/Rename"),onChange:e=>m(e.target.value),required:!0}),a.createElement(gn,{isUpdatable:v,save:()=>{const t={configuratorId:n,name:u,type:g,variantName:e.shortName,variantCode:e.code,variantQuantity:1,addons:y};return l(!0),d(t)},update:()=>{l(!0);const e={id:r.configurationId,name:u,type:g,addons:y};return c(e)},callback:(e,t,n)=>{if(l(!1),e){if("save"===t&&n){const e=`?configurationId=${n}`;(0,o.g5r)(e)}else"update"===t&&(0,o.g5r)();i()}},disabled:0===u.trim().length}))},In=i.I4.div({display:"flex",flexDirection:"column"}),hn=(0,i.I4)(un.s,{margin:{top:c.Y,right:c.ut,bottom:c.Y}}),Cn=(0,i.I4)(pn.LU,{margin:{left:0}}),xn=(0,i.I4)(mn.Ay,Cn);var An=n(52004);const Sn=function(e){const t=(0,tt.w)(),[n,r]=(0,a.useState)(!1),[i,l]=(0,a.useState)(!1),s=e.selectedAddons.length<1,d=s||e.unavailableToBuy;return a.createElement(a.Fragment,null,a.createElement(Tn,{onClick:function(){return(0,E.__awaiter)(this,void 0,void 0,function*(){const e=yield(0,o.t1h)((0,dn.HW)());(null==e?void 0:e.isLoggedIn)&&!s?r(!n):t((0,cn.e1)())})},title:d?(0,o.TlY)("/ProductConfigurator/SaveConfiguration/SaveButtonInfoText"):(0,o.TlY)("/ProductConfigurator/SaveConfiguration/SaveButton"),css:!!d&&Pn,disabled:d,"aria-label":(0,o.TlY)("/ProductConfigurator/SaveConfiguration/SaveButton")},a.createElement(T.eM,null)),a.createElement(An.Ay,{position:An.yX.Right,onClose:()=>r(!1),disableCloseOnOutsideClick:i,isOpen:n},a.createElement(An.Ay.DrawerSection,{header:(0,o.TlY)("/ProductConfigurator/SaveConfiguration/Title")},a.createElement(wn,null,a.createElement(bn,Object.assign({onReady:()=>r(!1),onSaveInProgress:l},e))))))},Tn=(0,i.I4)(v.pH,{textTransform:"uppercase",fontSize:c.Y}),Pn=(0,i.I4)({cursor:"normal",opacity:.6}),wn=(0,i.I4)(An.nB,{paddingTop:0});const kn=i.I4.div({display:"flex",padding:{right:({isCompact:e})=>e?0:20},gap:c.Y}),On=function(e){return a.createElement(kn,null,a.createElement(en,{hasSelectedAddons:e.selectedAddons.length>0,url:e.mainVariant.url,setSelectedAddons:e.setSelectedAddons}),a.createElement(Sn,Object.assign({},e)))};var Dn=n(60402);const Nn=function({mainVariant:e,selectedAddons:t,currentQuantity:n=1}){const[r,i]=(0,a.useState)(!1),{currentMainVariantPrice:l}=function(e,t,n){var r;const i=(0,o.T76)(t);return(0,a.useEffect)(()=>{(e||t)&&(()=>{(0,E.__awaiter)(this,void 0,void 0,function*(){t&&(n(!0),yield(0,o.t1h)(t),n(!1))})})()},[e,t,n]),{currentMainVariantPrice:null!==(r=null==i?void 0:i.current)&&void 0!==r?r:e.current}}(e.price,e.realTimePrice,i),[s,d]=(0,a.useState)(null),c=null!=s?s:l;return(0,a.useEffect)(()=>{if(t.length>0){i(!0);const a=function(e,t,n){return{variantCode:t,variantQuantity:n,addons:e.map(e=>({code:e.variation.code,quantity:e.quantity*n,groupId:null,parentId:null}))}}(t,e.code,n);(0,Dn.E)("/api/ProductConfigurator/CalculateTotal",a).then(e=>{d(e.current)}).catch(()=>{d(l)}).finally(()=>{i(!1)})}else d(l)},[e.code,t,n,l]),{totalPrice:c,isLoading:r}};const Yn=function(e){const t=(0,B.DD)(),{totalPrice:n,isLoading:r}=Nn(e);return a.createElement(a.Fragment,null,a.createElement(Gt,{mainVariant:e.mainVariant,selectedAddons:e.selectedAddons,totalPrice:n,isLoading:r}),a.createElement(Rt,{configurationQuantity:e.currentQuantity,setConfigurationQuantity:e.setCurrentQuantity,disabled:e.unavailableToBuy||e.mainVariant.discontinued}),!!t&&a.createElement(On,Object.assign({},e)),a.createElement(Xt,Object.assign({},e,{totalPrice:n})))};const Mn=function({currentVariant:e}){const{isHovered:t,hover:n,unHover:r}=(0,V.u)();return a.createElement(Vn,null,a.createElement(Bn,{onMouseEnter:n,onMouseLeave:r},a.createElement(j.vl,null,({availableSizes:n})=>a.createElement(R.A,{showSwap:t,src:e.images[0],swapSrc:e.images[1],alt:e.displayName,availaibleSizes:n,ratio:M.wj.OneToOne,preset:M.k.Tiny}))),a.createElement(jn,null,a.createElement(P,{title:e.shortName}),a.createElement(Rn,null,!!e.deliveryTime&&a.createElement(o.Gx5,{data:e.deliveryTime,fallback:a.createElement(_n,null," ")},e=>a.createElement(Gn,null,a.createElement(Ln,null),a.createElement(_n,null,e.deliveryTimeShort))),a.createElement(Fn,{currentVariant:e}))))},Vn=i.I4.div({display:"flex",padding:{y:c.nU,x:c.EX},backgroundColor:c.ON}),jn=i.I4.div({display:"flex",justifyContent:"space-between",gap:c.EX,flexWrap:"wrap",flex:{grow:1,basis:"auto"},padding:{left:c.Y}}),Rn=i.I4.div({width:"100%",display:"flex",alignItems:"start",justifyContent:"space-between",flexWrap:"wrap"}),Bn=i.I4.div({position:"relative",width:81,flex:{shrink:0}}),Fn=(0,i.I4)(re,{flex:{grow:1,basis:"auto"}}),_n=i.I4.span({display:"block",padding:{left:c.EX}

1,color:e=>e.siteTheme.productConfiguration.addon.deliveryTextColor}),Gn=i.I4.div({display:"flex",alignItems:"center",flex:{grow:1}}),Ln=(0,i.I4)(T.lP,{flex:{shrink:0}});const Qn=function({title:e,itemNumber:t}){return a.createElement(Wn,null,a.createElement(Un,null,e),!!t&&a.createElement(qn,null,(0,o.TlY)("/Product/ItemNumberShort"),": ",t))},Wn=i.I4.div({display:"flex",justifyContent:"space-between",margin:{bottom:c.EX}}),Un=(0,i.I4)(S.H4,{overflow:"hidden",textOverflow:"ellipsis",margin:{xy:0}}),qn=i.I4.div({fontSize:c.Ni,color:e=>e.siteTheme.productConfiguration.addon.itemNumberText,margin:{bottom:c.nU}});var $n=n(83327);const Xn=function({selectedAddons:e,selectedAddon:t,setSelectedAddons:n}){const r=t.isMandatory,i=e.filter(e=>e.groupId===t.groupId),[l,s]=(0,a.useState)(!0),d=(0,a.useCallback)(a=>{n(e.map(e=>e.variation.code===t.variation.code||e.parentCode===t.variation.code?Object.assign(Object.assign({},e),{quantity:a}):e))},[e,t,n]);return a.createElement(zn,{isOpen:l,onRest:()=>{n(e=>e.filter(e=>(null==e?void 0:e.parentCode)?e.parentCode!==(t.parentCode||t.variation.code):e.variation.code!==t.variation.code))},horizontal:!0},a.createElement(Hn,null,a.createElement(ta,{src:t.variation.images[0],ratio:M.wj.OneToOne,preset:M.k.Tiny,alt:`${(0,o.TlY)("/Product/ProductImage")} - ${t.variation.displayName} - ${t.variation.itemNumber}`}),a.createElement(Kn,null,a.createElement(Qn,{title:t.variation.shortName}),a.createElement(na,null,!!t.variation.deliveryTime&&a.createElement(o.Gx5,{data:t.variation.deliveryTime,fallback:a.createElement(Zn,null," ")},e=>a.createElement(Jn,null,a.createElement(ea,null),a.createElement(Zn,null,e.deliveryTimeShort))),a.createElement(aa,null,a.createElement(re,{currentVariant:t.variation,isPerPiece:!t.variation.isCutByMeter}),a.createElement(ra,null,a.createElement(le,{quantity:t.quantity,minQuantity:t.variation.minQuantity,setQuantity:d,disabledQuantity:t.isDisabled}),a.createElement(ia,{onClick:()=>s(!1),as:v.Sx.White,disabled:!!r&&i.length<2,"aria-label":(0,o.TlY)("/ProductConfigurator/RemoveButton")},(0,o.TlY)("/ProductConfigurator/RemoveButton"))))))))},zn=(0,i.I4)($n.A,{display:"flex",flexWrap:"wrap",backgroundColor:c.ON,padding:{y:c.nU,x:c.EX},margin:{top:c.EX}}),Hn=i.I4.div({display:"flex",width:"100%"}),Kn=i.I4.div({display:"flex",flexDirection:"column",alignItems:"space-between",flex:{grow:1,basis:"auto"},padding:{left:c.Y},overflow:"hidden"}),Zn=i.I4.span({padding:{left:c.EX},color:e=>e.siteTheme.productConfiguration.addon.deliveryTextColor}),Jn=i.I4.div({display:"flex",flex:{grow:1,basis:"0%"}}),ea=(0,i.I4)(T.lP,{flex:{shrink:0}}),ta=(0,i.I4)(M.Ay,{backgroundColor:c.ON,width:81,height:81,flex:{shrink:0}}),na=i.I4.div({display:"flex",justifyContent:({isMobile:e})=>e?"unset":"space-between",flexDirection:({isMobile:e})=>e?"column":"row",gap:({isMobile:e})=>e?c.EX:c.Y,flexWrap:"wrap"}),aa=i.I4.div({display:"flex",justifyContent:"space-between",width:"100%",flex:{shrink:1},gap:`0px ${c.Y}px`}),ra=i.I4.div({display:"flex",flexDirection:"column"}),ia=(0,i.I4)(v.Ay,{textTransform:"uppercase",whiteSpace:"nowrap",margin:{top:c.EX}});function oa({selectedAddons:e,variant:t,selectedInfoSection:n,setSelectedInfoSection:r}){return a.createElement(la,null,a.createElement(sa,{css:n===t.code&&da,onClick:()=>r(t.code),"aria-label":`${(0,o.TlY)("/Shared/Select")} ${t.shortName}`,title:t.shortName},t.shortName),e.length>0&&e.map((e,t)=>a.createElement(sa,{css:n===e.variation.code&&da,key:`${(null==e?void 0:e.parentCode)||t}_${e.variation.itemNumber}`,onClick:()=>r(e.variation.code),"aria-label":`${(0,o.TlY)("/Shared/Select")} ${e.variation.shortName}`,title:e.variation.shortName},e.variation.shortName)))}const la=i.I4.div({display:"flex",backgroundColor:c.ON,gap:c.Y-c.nU}),sa=(0,i.I4)(v.pH,Object.assign({fontWeight:700,backgroundColor:e=>e.siteTheme.styledProductInfoSection.backgroundColor,outlineOffset:-2,flex:{shrink:1},padding:{y:c.EX,x:c.Y},textAlign:"center",borderRadius:"18px 18px 0px 0px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},(0,r.$_)("print",{backgroundColor:c.ON,color:c.Ql}))),da=(0,i.I4)(Object.assign({backgroundColor:e=>e.siteTheme.styledProductInfoSection.activeColor,overflow:"unset",border:{xy:{style:"solid",width:e=>e.siteTheme.styledProductInfoSection.showBorder?1:0,color:c.Oh},bottom:{width:0}},margin:{bottom:-1},zIndex:1},(0,r.$_)("print",{backgroundColor:c.ON,color:c.Ql,border:{bottom:{color:e=>e.siteTheme.styledProductInfoSection.activeColor,width:2,style:"solid"}}})));var ca=n(98281);const ua=function({amountOfSelectedProducts:e,isOpen:t,setIsOpen:n,element:r,shouldAnimate:i}){return a.createElement(ma,{"aria-label":`${(0,o.TlY)("/ProductConfigurator/SelectedProductsTitle")} ${e}`,onClick:()=>n(!t)},a.createElement(pa,{ref:r},(0,o.TlY)("/ProductConfigurator/SelectedProductsTitle"),a.createElement(ga,{css:!!i&&{transform:"scale(1.5)"}},e)),a.createElement(ca.A,{isUp:!t,size:c.as}))},ma=(0,i.I4)(v.pH,{display:"flex",justifyContent:"space-between",alignItems:"center",fontWeight:700,backgroundColor:e=>

1e.siteTheme.productConfiguration.selectedAddons.buttonColor,outlineOffset:-2,minWidth:240,padding:{top:c.nU,x:c.Y,bottom:c.nU},borderRadius:"15px 15px 0px 0px",border:{x:{width:1,style:"solid",color:"#DEDDDD"},top:{width:1,style:"solid",color:"#DEDDDD"}}}),pa=i.I4.span({position:"relative"}),ga=i.I4.div(Object.assign({height:20,minWidth:20,fontSize:c.Ni,display:"flex",justifyContent:"center",alignItems:"center",flexWrap:"wrap",position:"absolute",bottom:"80%",right:-30,backgroundColor:({siteTheme:e})=>e.productConfiguration.selectedAddons.amountContainer.backgroundColor,borderRadius:4,color:({siteTheme:e})=>e.productConfiguration.selectedAddons.amountContainer.fontColor},(0,c.kY)({property:"transform",duration:500,delay:500})));var fa=n(91612);const va=function(e){var t;const{selectedAddons:n,setSelectedAddons:r,mainVariant:i,currentQuantity:o}=e,{flyToElement:l,isAddonsSummaryOpen:s,setIsAddonsSummaryOpen:d}=(0,a.useContext)(qa),c=l[0],u=(0,B.DD)(),m=n.reduce((e,t)=>e+t.quantity,0)+o,p=!u&&!!(null===(t=null==c?void 0:c.inceptionElement)||void 0===t?void 0:t.elementRef),{headerHeight:g}=(0,fa.A)();return a.createElement(ya,null,a.createElement(ua,{amountOfSelectedProducts:m,isOpen:s,setIsOpen:d,element:c.destinationElement,shouldAnimate:p}),a.createElement(Ea,{isOpen:s},a.createElement(ba,null,a.createElement(Ia,{css:{maxHeight:`calc(100vh - ${g+165}px)`}},a.createElement(Mn,{currentVariant:i}),n.length>0&&n.map((e,t)=>a.createElement(Xn,{key:`${(null==e?void 0:e.parentCode)||t}_${e.variation.itemNumber}`,selectedAddons:n,selectedAddon:e,setSelectedAddons:r}))))))},ya=i.I4.div({position:"absolute",display:"flex",flexDirection:"column",alignItems:"center",bottom:"calc(100% + 1px)",left:({isCompact:e})=>e?"0":"5%",width:({isCompact:e})=>e?"100%":425}),Ea=(0,i.I4)(z.A,{width:"100%",outline:{width:1,style:"solid",color:"#DEDDDD"},backgroundColor:e=>e.siteTheme.productConfiguration.selectedAddons.backgroundColor}),ba=i.I4.div({width:"100%",overflow:"hidden",backgroundColor:e=>e.siteTheme.productConfiguration.selectedAddons.backgroundColor,padding:{xy:c.EX}}),Ia=i.I4.div({overflowY:"auto",overflowX:"hidden"});const ha=function(e){const t=(0,B.DD)();return a.createElement(Ca,{css:!!e.mainVariant.discontinued&&{justifyContent:"center",textAlign:"center",padding:{y:c.as}}},a.createElement(va,{selectedAddons:e.selectedAddons,setSelectedAddons:e.setSelectedAddons,mainVariant:e.mainVariant,currentQuantity:e.currentQuantity}),e.mainVariant.discontinued?a.createElement(qt.A,{category:e.category}):a.createElement(a.Fragment,null,a.createElement(Aa,null,a.createElement(Yn,Object.assign({},e))),!t&&a.createElement(a.Fragment,null,a.createElement(Sa,null,a.createElement(Mt,{mainVariant:e.mainVariant,selectedAddons:e.selectedAddons})),a.createElement(On,Object.assign({},e)))))},Ca=i.I4.div({position:"sticky",willChange:"transform",height:({isCompact:e})=>e?144:110,marginTop:({isCompact:e})=>e?c.wm:0,zIndex:c.Py.FacetPopin,width:"100%",bottom:0,display:"flex",alignItems:"center",gap:c.as,backgroundColor:e=>e.siteTheme.productConfiguration.stickyContainer.backgroundColor,border:{top:{width:1,style:"solid",color:"#DEDDDD"}}}),xa=(0,i.I4)({height:"100%",alignItems:"center",padding:{y:c.Y}}),Aa=i.I4.div(xa,{display:"flex",position:"relative",width:({isCompact:e})=>e?"100%":"unset",padding:{x:({isCompact:e})=>e?14:0},backgroundColor:e=>e.siteTheme.productConfiguration.stickyContainer.backgroundColor,justifyContent:({isCompact:e})=>e?"space-between":"unset",alignItems:"center",flexWrap:"wrap",flex:{shrink:0}}),Sa=i.I4.div(xa,{display:"flex",gap:c.EX,flex:{grow:1}});function Ta({selectedInfoSection:e,isInTab:t}){const n=(0,se.A)().productPage.ProductInfoComponent,r=(0,i.I4)(n,{margin:{top:0},flex:{grow:1}});return a.createElement(a.Fragment,null,!!e.productInformation&&a.createElement(o.Gx5,{data:e.productInformation,fallback:a.createElement(Pa,null)},n=>a.createElement(r,{hidePagePrint:!0,isConfiguration:!0,isLoaded:!0,isInTab:t,longText:n.longText,displayName:e.displayName,attributes:n.attributes,resourceFiles:n.resourceFiles,threeDeeFileId:n.hasArAsset?n.strippedCode:null,isPackage:n.isPackage,relatedPackageVariations:n.relatedPackageVariations,videoRes

1ourceFiles:n.videoResourceFiles,bimObjects:n.bimObjects,qualityEcoIcons:n.qualityEcoIcons,qualityEcoLabels:n.qualityEcoLabels,familyName:n.familyName,familyUrl:n.familyUrl,itemNumber:e.itemNumber})))}const Pa=i.I4.div({minHeight:200});function wa({variant:e,product:t,infoElementRef:n,familyName:r,familyUrl:i,isConfiguration:l,isInModal:s,isInTab:d,showArtNumber:c,hidePagePrint:u,openLinksInNewBrowserWindow:m}){const p=(0,se.A)().productPage.ProductInfoComponent,g=!((0,o.CHF)(e)&&"partial"===e.$cache);return a.createElement(p,{isLoaded:g,infoElementRef:n,displayName:e.displayName,longText:e.longText,attributes:e.attributes,resourceFiles:t.resourceFiles,threeDeeFileId:e.hasArAsset?e.strippedCode:null,isPackage:t.isPackage,relatedPackageVariations:e.relatedPackageVariations,videoResourceFiles:t.videoResourceFiles,bimObjects:e.bimObjects,sparePartProducts:e.hasSpareParts?e.sparePartProducts:null,qualityEcoIcons:e.qualityEcoIcons,qualityEcoLabels:e.qualityEcoLabels,familyName:r,familyUrl:i,itemNumber:e.itemNumber,isConfiguration:l,isInModal:s,isInTab:d,hidePagePrint:u,showArtNumber:c,openLinksInNewBrowserWindow:m})}function ka({variant:e,selectedAddons:t,product:n,infoElementRef:r,familyName:o,familyUrl:l}){const[d,c]=(0,a.useState)(e.code),u=(0,B.DD)(),m=(0,a.useMemo)(()=>[s.bA.Normal,!u&&s.bA.Gap],[u]),p=(0,a.useMemo)(()=>t.find(e=>e.variation.code===d),[t,d]);(0,a.useEffect)(()=>{p&&p.variation.code!==d?c(p.variation.code):p||c(e.code)},[c,p,d,e.code]);const g=d===e.code||!p;return a.createElement(Oa,{appearance:m},a.createElement(i.I4.Div,{ref:r},a.createElement(oa,{setSelectedInfoSection:c,variant:e,selectedInfoSection:d,selectedAddons:t}),g?a.createElement(Da,{isInTab:!0,variant:e,product:n,familyName:o,familyUrl:l}):a.createElement(Ta,{isInTab:!0,selectedInfoSection:p.variation})))}const Oa=(0,i.I4)(s.x,{margin:{top:c.Y},overflow:"hidden"}),Da=(0,i.I4)(wa,{flex:{grow:1},margin:{top:0}});var Na=n(7713);function Ya({variant:e,selectedAddons:t,product:n,infoElementRef:r,familyName:i,familyUrl:o}){const l=(0,a.useMemo)(()=>a.createElement(wa,{variant:e,product:n,familyName:i,familyUrl:o,isConfiguration:!0}),[i,o,n,e]);return a.createElement(s.x,{appearance:s.bA.Full,elementRef:r},a.createElement(Ma,{variant:"normal"},a.createElement(qe.A.Item,{id:e.itemNumber},a.createElement(qe.A.Trigger,null,e.shortName),a.createElement(qe.A.Content,{observeResize:!0,keepInDom:!0},l)),t.map(e=>a.createElement(qe.A.Item,{key:e.variation.itemNumber,id:e.variation.itemNumber},a.createElement(qe.A.Trigger,null,e.variation.shortName),a.createElement(qe.A.Content,{observeResize:!0,keepInDom:!0},a.createElement(Ta,{selectedInfoSection:e.variation}))))),a.createElement(Va,null,l))}const Ma=(0,i.I4)(qe.A,c.g4,{margin:{y:c.ut}}),Va=i.I4.div(c.Zz);var ja=n(4403),Ra=n(8243);const Ba=e=>{var t,n;const[r,i]=(0,a.useState)(!1),[o,l]=(0,a.useState)(!1);if((0,a.useEffect)(()=>{var t;if(null===(t=e.inceptionElement)||void 0===t?void 0:t.elementRef){i(!0);const t=setTimeout(()=>{i(!1),e.setInceptionElement(null),l(!1)},Fa),n=setTimeout(()=>{l(!0)},Fa/2);return()=>{clearTimeout(t),clearTimeout(n)}}},[e,null===(t=e.inceptionElement)||void 0===t?void 0:t.elementRef]),!(null===(n=e.inceptionElement)||void 0===n?void 0:n.elementRef.current))return null;const s=null==e?void 0:e.inceptionElement.elementRef.current.getBoundingClientRect(),d=null==e?void 0:e.destinationElement.current.getBoundingClientRect();return a.createElement(Ra.A,null,a.createElement(_a,{startAnimation:r,startPositionValues:s,endPositionValues:d,startSecondAnimation:o},e.inceptionElement.elementClone))};const Fa=1e3,_a=(0,i.I4)((0,a.forwardRef)((e,t)=>{var{startAnimation:n,startPositionValues:r,endPositionValues:o,startSecondAnimation:l}=e,s=(0,E.__rest)(e,["startAnimation","startPositionValues","endPositionValues","startSecondAnimation"]);const d=(0,a.useMemo)(()=>(0,i.I4)(Object.assign(Object.assign({position:"absolute",top:r.y+window.pageYOffset,left:r.x,height:r.height,width:r.width,zIndex:14,transition:{property:"all",timingFunction:"ease-out"}},n&&{transition:{duration:Fa/2},transform:`translate3d(${o.x-r.x}px, ${o.y-r.y-r.height/2}px, 0) scale(0.3)`}),l&&{transition:{duration:Fa/2},transform:"scale(0)",opacity:.7,transformOrigin:"bottom right"})),[o,n,r,l]);return a.createElement(i.I4.Div,Object.assign({css:d,ref:t},s))}));var Ga=n(65883),La=n(38325),Qa=n(75257),Wa=n(25181),Ua=n(17694);const qa=(0,a.createContext)(null),$a=({product:e,variant:t})=>{var n,i,u,f,v;const{isCompact:E,isTablet:b,mainVariant:I,unavailableToBuy:h,unavailableToBuyMessage:C,isFullRollSelected:x,customerPrice:A,resolvedThreeSixtyImages:S,currentQuantity:T,setCurrentQuantity:P,addToWishList:w,showOriginalServiceBlock:k,relevantProductLists:O,isLoadingRelevantProductLists:D}=(0,Ga.Ay)({product:e,variant:t,openAddWishListReference:"ConfigurationPage"}),{shortName:N,nameDescription:Y,itemNumber:M,images:V,keySellingPoints:j,yearsOfWarranty:R,isNew:B,promotionName:F,isCutByMeter:_,hasArAsset:G,strippedCode:L,displayName:Q}=I,[W,U]=(0,a.useState)(!1),[q,$]=(0,a.useState)(null!==(i=null===(n=null==e?void 0:e.savedProductConfiguration)||void 0===n?void 0:n.savedAddonsModels)&&void 0!==i?i:[]),[X,z]=(0,a.useState)(!1),H=function(){const[e,t]=(0,a.useState)(null);return[{destinationElement:(0,a.useRef)(null),inceptionElement:e,setInceptionElement:t},Ba]}();(0,La.I)("firstExperimentKey");const K=(0,a.useRef)(null),Z=(0,a.useRef)(null),J=(0,y._)(),ee=e.breadcrumbs&&e.breadcrumbs[e.breadcrumbs.length-1],{headerOffsetCss:te}=(0,fa.A)();return a.createElement(qa.Provider,{value:{flyToElement:H,isAddonsSummaryOpen:W,setIsAddonsSummaryOpen:U}},a.createElement(d.Ay,{css:Object.assign(Object.assign({},za),{position:"relative"}),appearance:s.bA.Normal,breadcrumbs:e.breadcrumbs},a.createElement(s.x,{css:Ha,appearance:[E?s.bA.LargeNarrow:s.bA.Normal,s.bA.Gap],id:`product-page-${L}`,className:"product-page"},a.createElement(s.x,{layout:E?s.PE.FiftyFourToFourtySix:s.PE.SixtyToFourty},!E&&a.createElement(s.eS,{elementRef:Z,css:Object.assign(Object.assign({he

1ight:"auto",marginBottom:c.Lc.medium,position:"relative"},!X&&Object.assign({position:"sticky"},te)),(0,r.$_)("print",{marginBottom:0,position:"relative",top:0}))},a.createElement(Za,{css:lr},a.createElement(Na.A,{productId:null===(u=e.trackingProduct)||void 0===u?void 0:u.id,bestsellerTag:t.bestsellerTag,isPackage:e.isPackage,isCutByMeter:_,isFullRollSelected:x,customerPrice:A,promotionName:F,isNew:B,images:V,threeSixty:S,isTablet:b,setIsImageViewerVisible:z,addToWishList:w}))),a.createElement(s.eS,{css:sr},a.createElement(ja.A,{shortName:N,nameDescription:Y,itemNumber:t.itemNumber,hasArAsset:G,strippedCode:L,ArItemNumber:M,displayName:Q,properName:e.properName}),!!E&&a.createElement(Za,null,a.createElement(Na.A,{productId:null===(f=e.trackingProduct)||void 0===f?void 0:f.id,bestsellerTag:t.bestsellerTag,isPackage:e.isPackage,isCutByMeter:_,isFullRollSelected:x,customerPrice:A,promotionName:F,isNew:B,images:V,threeSixty:S,isTablet:b,setIsImageViewerVisible:z,addToWishList:w})),a.createElement(p.A,{sellingPoints:j}),a.createElement(Ka,null,a.createElement(l.Ed,{html:null===(v=e.shortText)||void 0===v?void 0:v.html})),a.createElement(er,{onClick:()=>J(K,E?0:c.Y),"aria-label":(0,o.TlY)("/Shared/ReadMore")},(0,o.TlY)("/Shared/ReadMore")),!!e.productGuide&&a.createElement(Et,{productGuideData:e.productGuide}),a.createElement(g.A,{currentVariant:I,variations:e.variations,filterColorDotAttributes:e.filterColorDotAttributes,selectableAttributes:e.selectableAttributes,filterAttributes:e.filterAttributes,onChange:e=>(0,o.g5r)(e.url),hideVariantSelector:!E}),!!E&&!!k&&a.createElement(Qa.A,{services:I.services}),!E&&a.createElement(Ja,null,a.createElement(lt,{filterColorDotAttributes:e.filterColorDotAttributes,currentVariant:I,selectableAttributes:e.selectableAttributes,variations:e.variations}),!!k&&a.createElement(Qa.A,{services:I.services})),a.createElement(nr,{currentVariant:I}),a.createElement(ar,{currentVariant:I,mainAddonQuantity:T,selectedAddons:q,setSelectedAddons:$}))),!!E&&a.createElement(a.Fragment,null,a.createElement(Ya,{variant:t,selectedAddons:q,product:e,infoElementRef:K,familyName:e.familyName,familyUrl:e.familyUrl}),a.createElement(rr,null,a.createElement(Mt,{mainVariant:I,selectedAddons:q})),a.createElement(m.A,{warranty:R,hideUSPsContent:!0,centerLogos:!0}))),!E&&a.createElement(ka,{variant:t,selectedAddons:q,product:e,infoElementRef:K,familyName:e.familyName,familyUrl:e.familyUrl}),a.createElement(ir,{selectedAddons:q,mainVariant:I,category:ee,configuratorId:e.configuratorId,currentQuantity:T,setCurrentQuantity:P,savedProductConfiguration:null==e?void 0:e.savedProductConfiguration,setSelectedAddons:$,unavailableToBuy:h,unavailableToBuyMessage:C}),!q.length&&a.createElement(a.Fragment,null,a.createElement(tr,{appearance:[s.bA.Gap]},!!D&&a.createElement(a.Fragment,null,a.createElement(Wa.A,{title:!0}),a.createElement(Wa.A,{title:!0,css:dr})),O.map(e=>{const t="section-accessories-products"!==e.idAttribute||E;return a.createElement(Ua.A,Object.assign({key:e.idAttribute,isCarousel:t},e))})),!!E&&a.createElement(m.A,{warranty:R}))))},Xa=e=>{const[,t]=(0,u.E)((0,o.bSK)()),n=t?e.variations.find(e=>e.strippedCode===t):null;return n?a.createElement($a,Object.assign({product:e,variant:n},f.GB.productPage.variantSelectorElement)):null},za=(0,i.I4)((0,r.$_)("print",{zoom:"0.6"})),Ha=(0,i.I4)((0,r.$_)("print",{maxWidth:"calc(100% - 65px)",width:"auto"})),Ka=i.I4.div({margin:{y:c.Y}}),Za=i.I4.div({}),Ja=i.I4.div({}),er=(0,i.I4)(v.z9,c.g4,{marginBottom:c.as}),tr=(0,i.I4)(s.eS,c.g4,{marginTop:c.Lc.large}),nr=(0,i.I4)(re,c.Zz),ar=(0,i.I4)($e,c.g4),rr=i.I4.div({display:"flex",flexDirection:"column",alignItems:"center",margin:{y:c.as},gap:c.EX}),ir=(0,i.I4)(ha,c.g4),or=80,lr={margin:{x:"auto"}},sr={position:"relative"},dr={marginTop:c.as}},81144(e,t,n){n.d(t,{A:()=>he});var a=n(30561),r=n(63696),i=n(9486),o=n(10774),l=n(39879),s=n(887),d=n(53748),c=n(25927),u=n(85838),m=n(16835),p=n(39372),g=n(83137),f=n(93538),v=n(55135),y=n(93359),E=n(13945),b=n(34702),I=n(8918),h=n(83071),C=n(30190),x=n(75870),A=n(34232),S=n(70702),T=n(23491);const P=(0,o.I4)((0,r.memo)(({product:e,countPerRow:t})=>{var n;const{isHovered:i,hover:l,unHover:d}=(0,v.u)(),p=(0,c.Iu)(),g=(0,c.DD)(),{siteTheme:f}=(0,o.DP)(),b=e.shortName||e.displayName,I=(0,a.T76)(null==e?void 0:e.realTimePrice,{shouldResolveData:!!(null==e?void 0:e.realTimePrice)});return r.createElement(k,null,r.createElement(O,null,r.createElement(N,{onMouseEnter:l,onMouseLeave:d},r.createElement(_,Object.assign({},(0,T.h)({product:e,customerPrice:I}),{showLimit:2,flagAlignment:f.productCard.flagAlignment})),!!e.hasQualityEcoLabels&&r.createElement(C.A,null),r.createElement(D,{"aria-label":e.dis

1playName,to:e.url,tabIndex:-1},r.createElement(y.vl,null,({getDefaultSizesAttr:n,availableSizes:a})=>r.createElement(E.A,{src:e.images[0],swapSrc:e.images[1],showSwap:i,sizes:n(t,(0,s.bj)(g),18),alt:e.displayName,availaibleSizes:a,ratio:u.wj.OneToOne,preset:u.k.Tiny})))),r.createElement(j,null,r.createElement(M,null,r.createElement(m.A,null,b),r.createElement(R,null,null===(n=e.keySellingPoints)||void 0===n?void 0:n.map(e=>r.createElement(B,{key:e},e)))),r.createElement(V,null,r.createElement(A.A,{size:S.w.M,price:e.price,realTimePrice:e.realTimePrice,unitLength:!!e.isCutByMeter&&(0,x.uM)(x.P6.CM),originalPriceFirst:p,isCutByMeter:e.isCutByMeter,wrapperDirection:"column"}),r.createElement(F,{to:e.url,"aria-label":(0,a.TlY)("/ProductGuide/GoToProductPage")},(0,a.TlY)("/ProductGuide/GoToProductPage"))))))})),w=(0,I.T3)(I.G3,I.HZ),k=(0,o.I4)(w,Object.assign({position:"relative",display:"flex",flexDirection:"column",height:"calc(100% - 1px)",border:{xy:{color:e=>e.siteTheme.productGuide.borderColor,style:"solid",width:"thin"},radius:({siteTheme:e})=>e.general.cornerRadius},paddingBottom:l.EX},(0,b.$_)(l._f,Object.assign(Object.assign({},(0,l.kY)({property:"border-color"})),{":hover":{border:{xy:{color:e=>e.siteTheme.productGuide.borderHoverColor}}}})))),O=o.I4.div({height:"100%",display:"flex",flex:{direction:"column",grow:1}}),D=(0,o.I4)(g.A,f.l9,{display:"block",position:"relative"}),N=o.I4.div({position:"relative",padding:{x:l.EX,top:l.EX}}),Y=(0,o.I4)({display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"center",width:"100%"}),M=o.I4.div(Y),V=o.I4.div(Y),j=o.I4.div({display:"flex",justifyContent:"space-between",padding:{x:l.EX},flex:{direction:"column",grow:1},margin:{top:l.EX}}),R=o.I4.ul({padding:{left:18}}),B=o.I4.li({}),F=(0,o.I4)(p.Ay,p.Xy,{margin:{top:l.Y}}),_=(0,o.I4)(h.A,{position:"absolute",left:({siteTheme:e})=>"left"===e.productCard.flagAlignment?l.EX:"unset",top:l.EX,right:({siteTheme:e})=>"right"===e.productCard.flagAlignment?l.EX:"unset",zIndex:l.Py.ProductBadges});var G=n(13149),L=n(58463);const Q=()=>r.createElement(W,null,r.createElement(U,null,r.createElement($,null),r.createElement(q,null,(0,a.TlY)("/ProductGuide/NoProductsFromAnswer")))),W=o.I4.div({display:"flex",justifyContent:"center",alignItems:"center",height:({isCompact:e})=>e?"auto":500}),U=o.I4.div({display:"flex",flexDirection:"column",alignItems:"center",maxWidth:700,textAlign:"center"}),q=(0,o.I4)(G.H4,{margin:{top:({isCompact:e})=>e?l.Y:l.wm}}),$=(0,o.I4)(L.o$,{width:90,height:90});var X=n(25181);const z=(0,o.I4)((0,r.memo)(({productData:e})=>{const t=(0,c.DD)(),n=(0,s.VE)(),i=(0,r.useCallback)(()=>n,[n]),o=n<(null==e?void 0:e.products.length),d=l.Lc.large({isCompact:t});return r.createElement(H,null,e?r.createElement(r.Fragment,null,r.createElement(K,null,(0,a.TlY)("/ProductGuide/AmountOfProducts",e.totalProducts)),e.products.length>0?r.createElement(Z,{edgeGap:t,itemGap:d,nextSlideFractionToShow:t?.5:1,getVisibleCount:i,arrows:!!o&&!t},e.products.map(e=>r.createElement(P,{key:e.url,product:e,countPerRow:i()}))):r.createElement(Q,null)):r.createElement(X.A,{count:i()}))})),H=o.I4.div({position:"relative",margin:{top:l.Y},border:{top:{width:1,style:"solid",color:l.Ql}}}),K=o.I4.span({display:"block",padding:{bottom:l.Y}}),Z=(0,o.I4)(d.A,{margin:{left:({isCompact:e})=>e?-l.Y:0}});var J=n(62995);var ee=n(42914),te=n(11386),ne=n(24763),ae=n(29874);const re=({questions:e,answers:t,setAnswers:n})=>{const[i,o]=(0,r.useState)(0),s=(0,r.useCallback)(e=>t.filter(t=>t===e.toString()).length>0,[t]),d=(0,r.useCallback)(e=>{const t=e.currentTarget.value;s(parseInt(t))?n(e=>e.filter(e=>e!==t)):n(e=>[...e,t])},[s,n]),c=(0,r.useCallback)((e,a)=>{const r=e.currentTarget.value;s(parseInt(r))?n(e=>e.filter(e=>e!==r)):(a.forEach(e=>{-1!==t.indexOf(e.id.toString())&&n(t=>t.filter(t=>t!==e.id.toString()))}),n(e=>[...e,r]))},[n,s,t]);return r.createElement(oe,null,r.createElement(le,null,e.length>0&&e.map((t,n)=>r.createElement(se,{key:t.heading,css:{transform:`translateX(calc(-100% * ${i}))`}},r.createElement(de,null,r.createElement(ue,null,(0,a.TlY)("/ProductGuide/QuestionOrder",n+1,e.length)),r.createElement(me,null,!!t.heading&&r.createElement(pe,null,t.heading),!!t.toolTip&&r.createElement(te.A,{placement:"top",content:t.toolTip,zIndex:l.Py.Modal}))),r.createElement(ce,null,r.createElement(ie,{answers:t.answers,type:t.type,onCh

1ange:d,onChangeRadio:c,isChecked:s,tabIndex:i===n})),r.createElement(ve,null,n>0&&r.createElement(p.Ay,{as:p.Sx.Secondary,onClick:()=>(e=>{e<0||o(e=>e-1)})(n),tabIndex:i===n?0:-1,"aria-label":(0,a.TlY)("/ProductGuide/PreviousButtonText")},(0,a.TlY)("/ProductGuide/PreviousButtonText")),n<e.length-1&&r.createElement(p.Ay,{as:p.Sx.Primary,onClick:()=>(t=>{t>=e.length-1||o(e=>e+1)})(n),tabIndex:i===n?0:-1,"aria-label":(0,a.TlY)("/ProductGuide/NextButtonText")},(0,a.TlY)("/ProductGuide/NextButtonText")))))))};function ie({type:e,answers:t,isChecked:n,onChange:a,onChangeRadio:i,tabIndex:o}){switch(e){case"multiChoice":return r.createElement(r.Fragment,null,t.map(e=>r.createElement(fe,{tabIndex:o?0:-1,key:e.id,checked:n(e.id),value:e.id,onChange:e=>a(e),label:e.answer},e.answer)));case"singleValue":return r.createElement(r.Fragment,null,t.map(e=>r.createElement(fe,{tabIndex:o?0:-1,key:e.id,checked:n(e.id),value:e.id,onChange:e=>i(e,t),label:e.answer},e.answer)));default:return null}}const oe=(0,o.I4)(ae.A,{display:"flex",justifyContent:"center",margin:{top:({isCompact:e})=>e?l.Y:0}}),le=o.I4.div({display:"flex",overflow:"hidden",width:"100%"}),se=o.I4.div({display:"flex",flexDirection:"column",alignItems:"center",transition:{property:"transform",duration:"0.7s",timingFunction:"ease-in-out"},width:"100%",margin:{bottom:({isCompact:e})=>e?l.Y:0},flex:{grow:1,shrink:0}}),de=o.I4.div({position:"relative",display:"flex",flexDirection:"column",alignItems:"center"}),ce=o.I4.div({position:"relative",display:"flex",alignItems:"center",flexWrap:"wrap",maxWidth:750,margin:{top:l.as,bottom:({isCompact:e})=>e?l.Y:l.as}}),ue=o.I4.span(),me=o.I4.div({display:"flex",alignItems:"center",margin:{top:l.Y}}),pe=(0,o.I4)(G.H4,{margin:{bottom:0}}),ge=(0,o.I4)({display:"flex",alignContent:"center",textAlign:"start",margin:{y:l.EX,right:l.Y}}),fe=(0,o.I4)(ne.S,ge),ve=o.I4.div({display:"flex",gap:l.as-l.nU,margin:{bottom:1}}),ye={products:[],totalProducts:0},Ee=({productGuideData:e,context:t,answers:n,setAnswers:a})=>{const[i,o]=(0,r.useState)(),l=null==e?void 0:e.header;return(0,r.useEffect)(()=>{n.length<1?o(e):function(e,t){return(0,J.I)({url:"/productguide/products",body:{PageId:e,AnswerIds:t}})}(t,n).then(e=>{e.products.length<1?o(ye):o(e)}).catch(()=>{o(ye)})},[n,e.products,t,e]),r.createElement(be,null,r.createElement(Ie,null,l),r.createElement(re,{questions:null==e?void 0:e.questions,answers:n,setAnswers:a}),r.createElement(z,{productData:i}))},be=(0,o.I4)(ee.x,{overflow:"hidden",padding:{x:({isCompact:e})=>e?0:l.as}}),Ie=(0,o.I4)(G.H2,{fontSize:l.l$,textAlign:"center",margin:{top:({isCompact:e})=>e?l.Y:0}}),he=({productGuideData:e,isProductGuideModalOpen:t,setIsProductGuideModalOpen:n})=>{const[o,l]=(0,r.useState)([]);return r.createElement(r.Fragment,null,r.createElement(i.Ay,{isOpen:t,onClose:()=>n(!1),modalStyle:i.f_.TopMountedWillFullWidth,modifiedButtonStyle:!0},r.createElement(a.Gx5,{data:e,shouldResolve:t},t=>r.createElement(Ee,{answers:o,setAnswers:l,context:e.context,productGuideData:t}))))}}}]);
2//# sourceMappingURL=6475.chunk.6ddad8924b544afea20e.js.map