npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.2.0-rc.8 → 26.2.0 - Mend

@crystaldesign/diva-web-planner-react 26.2.0-rc.8 → 26.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (306) hide show

package/build/umd/4585.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 4585.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,3863,2515],{93863:(e,n,t)=>{t.r(n),t.d(n,{FullscreenArHeader:()=>z,default:()=>h});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),l=t.n(c),u=t(90569),s=t.n(u),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),p=t(22109),T={};T.styleTagTransform=I(),T.setAttributes=x(),T.insert=s().bind(null,"head"),T.domAPI=l(),T.insertStyleElement=g();M()(p.ZP,T);p.ZP&&p.ZP.locals&&p.ZP.locals;var w=t(65515),m=t.n(w),y=t(88683),A=t(47514),S=(0,y.getLogger)("Planner","WEB-PLANNER-REACT"),z=function FullscreenArHeader(){var e=(0,y.useTranslation)().t;return(0,A.jsx)("div",{className:p.Fs,children:e("configurator.ar_qr_title")})};const h=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,y.useTranslation)().t;return 0!=t&&i?(0,A.jsx)("div",{className:m()(p.Gr,M?p.Mq:void 0),children:(0,A.jsxs)("div",{className:p.YS,children:[(0,A.jsx)("div",{className:p.aS,children:(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:p.$D,children:[(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:p.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo=",alt:"",className:p.W4})}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:p.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg==",alt:"",className:p.W4})}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:p.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo=",alt:"",className:p.W4})}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:p.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:m()(p.c8,o?void 0:p.JU),onClick:function onClick(){S.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:p._m}),c("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:p.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:p.J3,children:[(0,A.jsx)("div",{className:p.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,A.jsxs)("div",{className:p.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},52515:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),l=t(8135),u=t(93379),s=t.n(u),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),p=t(19216),T=t.n(p),w=t(44589),m=t.n(w),y=t(16033),A={};A.styleTagTransform=m(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=T();s()(y.ZP,A);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,p=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=p&&p.current||(p.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=p&&p.current&&clearTimeout(p.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=p&&p.current&&clearTimeout(p.current)}),[x.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:y.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:y.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,S.jsxs)("div",{className:y.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,S.jsx)("div",{className:y.Fs,children:I("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:y.fL,children:I("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:y.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,S.jsx)("div",{className:y.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(72874),a=t(9420),d=t(8135),M=t(87363),c=t(46770),l=t(52515),u=t(88683),s=t(65515),N=t.n(s),x=t(93863),j=t(22182),g=t(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,t=e.dontOpenModal,i=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),p=I.actions,T=p.openDrawerMenu,w=p.openModal,m=I.state,y=m.isMobile,A=m.dimensions.isTablet,S=(0,M.useState)(!1),z=(0,o.Z)(S,2),h=z[0],f=z[1],C=(0,M.useRef)(),b=(0,M.useState)(!1),O=(0,o.Z)(b,2),L=O[0],E=O[1],Q=a.getViewConfig().arQrCodeConfig,v=y||A,U=v&&!a.productState.allow3DComb&&!a.productState.allowRTV,R=(0,M.useState)(a.productState.arCodeWasVisibleOnce),k=(0,o.Z)(R,2),P=k[0],Y=k[1],Z=(P||a.productState.doShowARQRCode)&&!v&&a.isParentViewVisible&&!t,V=(0,c.sJ)({isOpen:Z,auto:!0,placement:"right-end",triggerOffset:16}),W=V.triggerProps,F=V.layerProps,H=V.renderLayer,G=V.arrowProps,_=(0,M.useState)(),B=(0,o.Z)(_,2),J=B[0],q=B[1];(0,M.useEffect)((function(){var e;a.uiState.AllConfig.arViewerIframe?L&&w({rejectByIcon:!0,fullscreen:!0,dontRenderForm:!0,callback:function callback(e){a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),E(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A})}):T({id:"ar-qr-code",mountElement:null!==(e=a.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0,showOverlay:!0,direction:"bottom",onClose:function onClose(){E(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A}),open:L})}),[L,a.productState.activateAR]),(0,M.useEffect)((function(){!1===a.productState.isARIframeVisible&&E(!1)}),[a.productState.isARIframeVisible]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return q(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&U&&E(!0)}),[a.productState.activateAR,J]),(0,M.useEffect)((function(){if(!t){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=Q&&Q.doAutoShow&&!v)C.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),f(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==Q?void 0:Q.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&h&&f(!1),P!==a.productState.doShowARQRCode&&setTimeout((function(){Y(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var X=function onClick(){a.productState.setDoShowARQRCode(!0);var e=a.viewPlannerHandler.getCurPlannerViewMode();U?(a.productState.doShowRTV||"RTViewer"==e||"3DCOMB"==e||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),E(!0),a.productState.loadRTVForAr=!0):!v||"RTViewer"!=e&&"3DCOMB"!=e||(a.productState.loadRTVForAr=!0,E(!0))};return J&&!v&&t?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:J,size:96,onClick:function onClick(){return J&&window.open(J,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:X}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},i),{},{className:N()(i.className),onClick:X,title:s("configurator.ar_qr_title")},W),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV||a.productState.doShowAIRoom?"visible":"hidden"}})),Z&&H((0,g.jsx)(l.default,{arrowProps:G,layerProps:F,autoClose:h,fadeIn:P,fadeout:!a.productState.doShowARQRCode,url:J}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>g,$h:()=>T,Fs:()=>x,GD:()=>D,Gr:()=>d,J3:()=>M,JU:()=>S,Ji:()=>I,Mq:()=>s,Mx:()=>c,SS:()=>z,W4:()=>m,YS:()=>u,Yq:()=>y,ZP:()=>f,_m:()=>h,aS:()=>N,c8:()=>A,dj:()=>l,fL:()=>j,nx:()=>p,qv:()=>w});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--ImFgT {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n  gap: 32px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.index-module--hScLj {\n  width: 50%;\n  height: 50%;\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var d="index-module--ImFgT",M="index-module--b5la4",c="index-module--rPHsB",l="index-module--pCvNx",u="index-module--rJxjD",s="index-module--wMJTl",N="index-module--D8Hh2",x="index-module--Wih2i",j="index-module--NZIwX",g="index-module--c06na",D="index-module--XQWSR",I="index-module--hsJe1",p="index-module--R08lN",T="index-module--w1zAR",w="index-module--tNtQi",m="index-module--hScLj",y="index-module--RZc1O",A="index-module--vFCfN",S="index-module--vLdW3",z="index-module--Xiew7",h="index-module--U0ivw";const f=a},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>p,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const p=l},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,3863,2515],{93863:(e,n,i)=>{i.r(n),i.d(n,{FullscreenArHeader:()=>S,default:()=>h});var t=i(9420),o=i(87363),r=i.n(o),a=i(22182),d=i(93379),M=i.n(d),c=i(7795),l=i.n(c),u=i(90569),s=i.n(u),N=i(3565),x=i.n(N),j=i(19216),g=i.n(j),D=i(44589),I=i.n(D),T=i(22109),p={};p.styleTagTransform=I(),p.setAttributes=x(),p.insert=s().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=g();M()(T.ZP,p);T.ZP&&T.ZP.locals&&T.ZP.locals;var w=i(65515),m=i.n(w),y=i(88683),A=i(47514),z=(0,y.getLogger)("Planner","WEB-PLANNER-REACT"),S=function FullscreenArHeader(){var e=(0,y.useTranslation)().t;return(0,A.jsx)("div",{className:T.Fs,children:e("configurator.ar_qr_title")})};const h=(0,t.Pi)((function FullscreenAr(e){var n=e.url,i=e.isArCompatible,t=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,y.useTranslation)().t;return 0!=i&&t?(0,A.jsx)("div",{className:m()(T.Gr,M?T.Mq:void 0),children:(0,A.jsxs)("div",{className:T.YS,children:[(0,A.jsx)("div",{className:T.aS,children:(0,A.jsx)("div",{className:T.fL,children:c("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:T.$D,children:[(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:T.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo=",alt:"",className:T.W4})}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:T.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:T.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg==",alt:"",className:T.W4})}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:T.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:T.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo=",alt:"",className:T.W4})}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:T.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:T.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:m()(T.c8,o?void 0:T.JU),onClick:function onClick(){z.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:T._m}),c("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:T.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:T.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:T.J3,children:[(0,A.jsx)("div",{className:T.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,A.jsxs)("div",{className:T.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},52515:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(80248),o=i(22182),r=i(9420),a=i(87363),d=i.n(a),M=i(88683),c=i(46770),l=i(8135),u=i(93379),s=i.n(u),N=i(7795),x=i.n(N),j=i(90569),g=i.n(j),D=i(3565),I=i.n(D),T=i(19216),p=i.n(T),w=i(44589),m=i.n(w),y=i(16033),A={};A.styleTagTransform=m(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=p();s()(y.ZP,A);y.ZP&&y.ZP.locals&&y.ZP.locals;var z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const S=(0,r.Pi)((function ArQrCodeTooltip(e){var n,i=e.layerProps,t=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,T=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=T&&T.current||(T.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=T&&T.current&&clearTimeout(T.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=T&&T.current&&clearTimeout(T.current)}),[x.productState.doShowARQRCode]),(0,z.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:y.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},i.style),{},{zIndex:1000005}),children:[(0,z.jsx)("div",{className:y.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,z.jsxs)("div",{className:y.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,z.jsx)("div",{className:y.Fs,children:I("configurator.ar_qr_title")}),(0,z.jsx)("div",{className:y.fL,children:I("configurator.ar_qr_text")})]}),(0,z.jsx)("div",{className:y.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,z.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},t)),r&&(0,z.jsx)("div",{className:y.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var t=i(80248),o=i(34988),r=i(72874),a=i(9420),d=i(8135),M=i(87363),c=i(46770),l=i(52515),u=i(88683),s=i(65515),N=i.n(s),x=i(93863),j=i(22182),g=i(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,i=e.dontOpenModal,t=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),T=I.actions.openDrawerMenu,p=I.state,w=p.isMobile,m=p.dimensions.isTablet,y=(0,M.useState)(!1),A=(0,o.Z)(y,2),z=A[0],S=A[1],h=(0,M.useRef)(),f=(0,M.useState)(!1),C=(0,o.Z)(f,2),O=C[0],b=C[1],L=a.getViewConfig().arQrCodeConfig,E=w||m,Q=E&&!a.productState.allow3DComb&&!a.productState.allowRTV,v=(0,M.useState)(a.productState.arCodeWasVisibleOnce),U=(0,o.Z)(v,2),k=U[0],P=U[1],R=(k||a.productState.doShowARQRCode)&&!E&&a.isParentViewVisible&&!i,Y=(0,c.sJ)({isOpen:R,auto:!0,placement:"right-end",triggerOffset:16}),Z=Y.triggerProps,V=Y.layerProps,W=Y.renderLayer,F=Y.arrowProps,G=(0,M.useState)(),H=(0,o.Z)(G,2),_=H[0],J=H[1];(0,M.useEffect)((function(){var e;a.uiState.AllConfig.arViewerIframe||T({id:"ar-qr-code",mountElement:null!==(e=a.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0,showOverlay:!0,direction:"bottom",onClose:function onClose(){b(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:_,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:m}),open:O})}),[O,a.productState.activateAR]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return J(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&Q&&b(!0)}),[a.productState.activateAR,_]),(0,M.useEffect)((function(){if(!i){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=L&&L.doAutoShow&&!E)h.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),S(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==L?void 0:L.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&z&&S(!1),k!==a.productState.doShowARQRCode&&setTimeout((function(){P(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var B=function onClick(){a.productState.setDoShowARQRCode(!0);var e=a.viewPlannerHandler.getCurPlannerViewMode();Q?(a.productState.doShowRTV||"RTViewer"==e||"3DCOMB"==e||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),b(!0),a.productState.loadRTVForAr=!0):!E||"RTViewer"!=e&&"3DCOMB"!=e||(a.productState.loadRTVForAr=!0,b(!0))};return _&&!E&&i?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:_,size:96,onClick:function onClick(){return _&&window.open(_,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:B}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},t),{},{className:N()(t.className),onClick:B,title:s("configurator.ar_qr_title")},Z),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV||a.productState.doShowAIRoom?"visible":"hidden"}})),R&&W((0,g.jsx)(l.default,{arrowProps:F,layerProps:V,autoClose:z,fadeIn:k,fadeout:!a.productState.doShowARQRCode,url:_}))]})}))},22109:(e,n,i)=>{i.d(n,{$D:()=>g,$h:()=>p,Fs:()=>x,GD:()=>D,Gr:()=>d,J3:()=>M,JU:()=>z,Ji:()=>I,Mq:()=>s,Mx:()=>c,SS:()=>S,W4:()=>m,YS:()=>u,Yq:()=>y,ZP:()=>f,_m:()=>h,aS:()=>N,c8:()=>A,dj:()=>l,fL:()=>j,nx:()=>T,qv:()=>w});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.push([e.id,".index-module--ImFgT {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n  gap: 32px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.index-module--hScLj {\n  width: 50%;\n  height: 50%;\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var d="index-module--ImFgT",M="index-module--b5la4",c="index-module--rPHsB",l="index-module--pCvNx",u="index-module--rJxjD",s="index-module--wMJTl",N="index-module--D8Hh2",x="index-module--Wih2i",j="index-module--NZIwX",g="index-module--c06na",D="index-module--XQWSR",I="index-module--hsJe1",T="index-module--R08lN",p="index-module--w1zAR",w="index-module--tNtQi",m="index-module--hScLj",y="index-module--RZc1O",A="index-module--vFCfN",z="index-module--vLdW3",S="index-module--Xiew7",h="index-module--U0ivw";const f=a},16033:(e,n,i)=>{i.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>T,aS:()=>x,fL:()=>g});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r),d=i(61667),M=i.n(d),c=new URL(i(55345),i.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const T=l},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);

package/build/umd/4846.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 4846.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4846,4133,2105,6500,3125,7762,1514,6599,3443,9596,6669],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},45598:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(34988),r=t(9420),o=t(87363),d=t(37707),l=t(74635),a=t(93379),s=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),f=t.n(x),g=t(19216),h=t.n(g),v=t(44589),w=t.n(v),b=t(83301),y={};y.styleTagTransform=w(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h();s()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=t(79182),O=t(65515),j=t.n(O),S=t(8135),k=t(47514);const _=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),a=(0,o.useState)(null),s=(0,i.Z)(a,2),c=s[0],u=s[1],p=(0,o.useRef)(0),m=(0,S.NP)(),x=function navigateToOnClick(e){var n=0!==e?e-1:e;p.current=n,null==c||c.slideTo(n)};return(0,o.useEffect)((function(){c&&c.slideTo(p.current,0)}),[c]),(0,o.useEffect)((function(){var e=r.findIndex((function(e){var n;return e.basketId==(null===(n=m.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));-1!==e&&x(e)}),[m.settingsState.addElementSelected]),(0,k.jsx)("div",{className:j()(b.tx,b.Ey),id:n.id.toString(),children:(0,k.jsx)(d.tq,{onSwiper:u,resizeObserver:!0,modules:[l.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",children:r.map((function(e,i){return(0,k.jsx)(d.o5,{onClick:function onClick(e){x(i),e.stopPropagation()},children:(0,k.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},47519:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(8135),r=t(9420),o=(t(87363),t(45598)),d=t(4903),l=t(93379),a=t.n(l),s=t(7795),c=t.n(s),u=t(90569),p=t.n(u),m=t(3565),x=t.n(m),f=t(19216),g=t.n(f),h=t(44589),v=t.n(h),w=t(53946),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=p().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();a()(w.ZP,b);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),P=t.n(y),O=t(47514);const j=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)(),t=n.settingsState.itemPalettes.get(1);if(!t)return(0,O.jsx)(O.Fragment,{});var r=d.default[t.type];return 1==t.groups.flatMap((function(e){return e.items})).length?(0,O.jsx)(O.Fragment,{}):(0,O.jsx)("div",{className:P()(w.YS,n.uiState.isMobilePortrait?w.ai:void 0,n.uiState.isMobilePortrait&&n.uiState.isTablet?w.Mq:void 0),children:(0,O.jsx)("div",{className:w.u7,children:(0,O.jsx)(o.default,{item:t,PaletteComponent:r})})})}))},6500:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),r=t(8135),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),h=t(11309),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=x();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;t(87363);var w=t(65515),b=t.n(w),y=t(88683),P=t(47514);const O=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,y.useTranslation)().t;return(0,P.jsxs)("div",{className:b()(h.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(h.LI,n.settingsState.plannerReplaceMode?void 0:h.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(h.LI,n.settingsState.plannerReplaceMode?h.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:h.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},47762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(84658),r=t(80248),o=t(34988),d=t(50747),l=t.n(d),a=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),m=t(7795),x=t.n(m),f=t(90569),g=t.n(f),h=t(3565),v=t.n(h),w=t(19216),b=t.n(w),y=t(44589),P=t.n(y),O=t(18135),j={};j.styleTagTransform=P(),j.setAttributes=v(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=b();p()(O.ZP,j);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=t(8135),k=t(9420),_=t(74133),R=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const N=(0,k.Pi)((function TextBox(e){var n,t,d=e.item,s=e.paletteId,u=e.style,p=(0,S.NP)(),m=(0,a.useRef)(null),x=d.groups[0].items,f=(0,a.useState)(x[0].freeTextLang),g=(0,o.Z)(f,2),h=g[0],v=g[1],w=function(){var e=(0,i.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,x[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),b=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,R.jsxs)("div",{className:O.O7,ref:function ref(e){return d.htmlRef=e},style:u,children:[(0,R.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,R.jsx)(_.default,{item:d,isInScroller:!0,isSettingsHeader:!1})}),(0,R.jsx)("div",{className:c()(O.eR,O.F2),children:b.length?(0,R.jsx)(R.Fragment,{children:b.map((function(e){return(0,R.jsxs)("div",{className:O.t,children:[(0,R.jsx)("div",{className:O.kA,children:e}),(0,R.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return w(e,n)}),500),v(_objectSpread(_objectSpread({},h),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==h?void 0:h[e]})]},e)}))}):(0,R.jsx)("div",{children:(0,R.jsx)("input",{className:O.q_,onChange:function handleChange(e){x[0]&&(x[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(x[0],"inputbox",s))},type:"text",value:null!==(t=x[0])&&void 0!==t&&t.freeText?x[0].freeText:""})})})]})}))},91514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),h=t(60636),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=x();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),b=t.n(w),y=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],d=t[1],l=e.round,a=100/n.length,s=(0,r.useState)([]),c=(0,i.Z)(s,2),u=c[0],p=c[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?p(n):p(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,y.jsx)("div",{className:h.YS,style:{borderRadius:l?"100px":void 0},children:(0,y.jsxs)("div",{className:h.No,children:[u.map((function(e,n){return(0,y.jsx)("div",{style:{width:a+"%"},children:(0,y.jsx)("label",{onClick:function onClick(){return d(n)},className:b()(h.F2,o===n&&h.pA),children:e})},n)})),(0,y.jsx)("div",{className:h.wb,style:{left:o/n.length*100+"%",width:a+"%",borderRadius:l?"100px":void 0}})]})})}},86599:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),d=t(8135),l=t(91514),a=t(93379),s=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),f=t.n(x),g=t(19216),h=t.n(g),v=t(44589),w=t.n(v),b=t(7182),y={};y.styleTagTransform=w(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h();s()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=t(65515),O=t.n(P),j=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,a=e.paletteId,s=(0,d.NP)(),c=(0,r.useState)([]),u=(0,i.Z)(c,2),p=u[0],m=u[1],x=(0,r.useState)([]),f=(0,i.Z)(x,2),g=f[0],h=f[1],v=(0,r.useState)(),w=(0,i.Z)(v,2),y=w[0],P=w[1],S=(0,r.useState)(!1),k=(0,i.Z)(S,2),_=k[0],R=k[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));m(e),R(t),h(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),P(e.findIndex((function(e){return e.sel})))}),[n]);return 0===p.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{className:b.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,j.jsx)("div",{className:O()(b.eR,b.TN),children:n.name+(_?" (cm)":"")}),(0,j.jsx)("div",{className:O()(b.eR,b.ZN),children:(0,j.jsx)(l.default,{values:g,state:[y,function onChangeValue(e){P(e);var n=p[e];n&&s.paletteViewHandler.clickedOnConfigPalette(n,void 0,a)}],round:o})})]})}))},93448:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(8135),l=t(65515),a=t.n(l),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),h=t(19216),v=t.n(h),w=t(44589),b=t.n(w),y=t(23623),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(98544),j=t(48657),S=t(47514);const k=(0,o.Pi)((function Radio(e){var n=e.item,t=e.style,o=e.paletteId,l=e.displayMode,s=e.hidePricePreview,c=(0,d.NP)(),u=(0,r.useState)([]),p=(0,i.Z)(u,2),m=p[0],x=p[1],f=(0,r.useState)(),g=(0,i.Z)(f,2),h=g[0],v=g[1],w=(0,r.useState)(l||"boxed"),b=(0,i.Z)(w,2),P=b[0],k=(b[1],(0,r.useState)(!1)),_=(0,i.Z)(k,2),R=_[0],N=_[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));x(e),N(t),v(e.findIndex((function(e){return e.sel})))}),[n]);var D=function onChangeValue(e){v(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)};if(0===m.length)return(0,S.jsx)(S.Fragment,{});var I=function getLabelText(e){return R?e.text.replace("cm",""):e.text};return(0,S.jsxs)("div",{className:y.YS,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,S.jsx)("div",{className:y.TN,children:n.name+(R?" (cm)":"")}),"boxed"===P?function renderBoxed(){return(0,S.jsx)("div",{className:y.UH,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:a()(y.dm,h===n&&y.hv),onClick:function onClick(){return D(n)},children:[(0,S.jsx)("div",{dangerouslySetInnerHTML:{__html:I(e)}}),e.contentItemId&&(0,S.jsx)(O.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,S.jsx)("div",{className:y.Lc,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:y.vd,onClick:function onClick(){return D(n)},children:[(0,S.jsx)("div",{className:a()(y.w5,h===n&&y.hv),children:(0,S.jsx)("div",{className:a()(y.gB,h===n&&y.hv)})}),(0,S.jsx)("div",{className:a()(y.PS,h===n&&y.hv),dangerouslySetInnerHTML:{__html:I(e)}}),e.contentItemId&&(0,S.jsx)(O.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},73443:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(8135),l=t(96935),a=t(74133),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),h=t(19216),v=t.n(h),w=t(44589),b=t.n(w),y=t(74219),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(65515),j=t.n(O),S=t(47514);const k=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.paletteId,s=(0,d.NP)(),c=(0,r.useState)({}),u=(0,i.Z)(c,2),p=u[0],m=u[1],x=(0,r.useState)([]),f=(0,i.Z)(x,2),g=f[0],h=f[1],v=(0,r.useState)(),w=(0,i.Z)(v,2),b=w[0],P=w[1],O=function onChangeComplete(e){void 0!==(null!=e?e:b)&&s.paletteViewHandler.clickedOnConfigPalette(g[null!=e?e:b],void 0,o)};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));h(e),P(e.findIndex((function(e){return e.sel}))),m(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===g.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{style:t,className:j()(y.YS,"no-swiping"),children:[(0,S.jsx)(a.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,S.jsx)("div",{className:y.sL,children:(0,S.jsx)(l.Z,{marks:p,trackStyle:{backgroundColor:"#e9e9e9"},value:b,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),P(e),O(e)},onChangeComplete:O,min:Number(Object.keys(p)[0]),max:Number(Object.keys(p)[Object.keys(p).length-1])})})]})}))},56669:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(88683),o=t(8135),d=t(87363),l=t(9420),a=t(16751),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),h=t(19216),v=t.n(h),w=t(44589),b=t.n(w),y=t(77113),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(74133),j=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const k=(0,l.Pi)((function PromotedProducts(e){var n,t=e.item,l=(0,r.useDivaCore)(),s=l.actions.openComponent,c=l.handler.productHandler,u=l.state.organization,p=(0,d.useState)([]),m=(0,i.Z)(p,2),x=m[0],f=m[1],g=(0,o.NP)(),h=g.getViewConfig().productsConfig,v=(0,d.useState)(0),w=(0,i.Z)(v,2),b=w[0],P=w[1],k=(0,d.useCallback)((function(e){P(g.settingsState.configChanged),s({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),_=b===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,d.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==h?void 0:h.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==h?void 0:h.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(t=null==h?void 0:h.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(u._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}f(e.data)}))}),[g.uiState.isLoading]);var R=null!=h&&h.maxCount&&h.showSkeletions?S(h.maxCount,x.length):[];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(O.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,j.jsxs)("div",{className:y.Ry,children:[x.map((function(e,n){return(0,j.jsx)(a.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:k,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),R.map((function(e){return(0,j.jsx)("div",{className:y.F1,children:(0,j.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(8135),l=t(98763),a=t(88683),s=t(98544),c=t(48657),u=t(68101),p=t(47514),m=(0,a.getLogger)("Planner","ToggleName");const x=function ToggleName(e){var n,t,i,a=e.item,x=e.paletteId,f=e.style,g=(0,d.NP)(),h=a.groups[0].items;if(!h)return(0,p.jsx)(p.Fragment,{});for(var v=0;v<h.length;v++){var w,b;null!==(w=h[v].codex)&&void 0!==w&&w.startsWith("OPVNEIN")&&(i=h[v]),null!==(b=h[v].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(t=h[v])}if(!(i&&t||(2==h.length&&(i=h[0],t=h[1]),i&&t)))return m.warn("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,p.jsx)(p.Fragment,{});var y=0==i.sel,P=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,p.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(i,void 0,x)},children:[void 0!==i.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,p.jsx)("div",{className:y?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,p.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,p.jsx)(l.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,x)},val:a,alwaysActiveColor:!0,state:y})}),(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(t,void 0,x)},children:[void 0!==t.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),void 0!==t.checkForReversingChanges&&(0,p.jsx)(u.default,{item:t,paletteId:x}),(0,p.jsx)("div",{className:y?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),P&&(0,p.jsx)(s.default,{item:P,style:{position:"relative"}},a.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(8135),l=t(98763),a=t(9420),s=t(88683),c=t(70178),u=t(98544),p=t(48657),m=t(68101),x=t(47514),f=(0,s.getLogger)("Planner","ToggleOption");const g=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,s=e.paletteId,g=e.style,h=(0,d.NP)(),v=a.groups[0].items;if(!v)return(0,x.jsx)(x.Fragment,{});for(var w=0;w<v.length;w++){var b,y;null!==(b=v[w].codex)&&void 0!==b&&b.startsWith("OPVNEIN")&&(i=v[w]),null!==(y=v[w].codex)&&void 0!==y&&y.startsWith("OPVJA")&&(t=v[w])}if(!(i&&t||(2==v.length&&(i=v[0],t=v[1]),i&&t)))return f.error(new c.GE("Achtung! Bei der Option: "+v[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,x.jsx)(x.Fragment,{});var P=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,x.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:g,children:[(0,x.jsx)("div",{className:r()(o.eR,o.TN),children:a.name}),(0,x.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,x.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,x.jsx)(l.default,{onChange:function onChange(){h.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,s)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,x.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"}),void 0!==t.checkForReversingChanges&&(0,x.jsx)(m.default,{item:t,paletteId:s})]}),P&&(0,x.jsx)(u.default,{item:P,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},77927:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(80248),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),h=t(98404),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=x();d()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var w=t(65515),b=t.n(w),y=t(24106),P=t(74133),O=t(6500),j=t(9420),S=t(8135),k=t(47519),_=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=(0,r.lazy)((function(){return Promise.all([t.e(9706),t.e(6343)]).then(t.bind(t,66343))}));const N=(0,j.Pi)((function ItemWrapper(e){var n,t=e.item,i=e.style,o=e.children,d=e.zIndexBase,l=(0,S.NP)(),a=t.isHeader||t.hideHeader?(0,_.jsx)(_.Fragment,{}):(0,_.jsx)(P.default,{isInScroller:!0,isSettingsHeader:!1,item:t}),s=t.type.startsWith("ART"),c=s&&l.settingsState.planner2Dot0Active;return(0,_.jsxs)("div",{className:b()(h.f,{wcFilterVisible:t.filterVisible}),ref:function ref(e){return t.htmlRef=e},id:t.configStepKey,style:_objectSpread(_objectSpread({},i),{},{zIndex:(null!=d?d:0)+Math.round(100/(t.id+1))}),children:[(0,_.jsx)(y.default,{stepInfo:t.info}),!(null===(n=t.conceptFilter)||void 0===n||!n.length)&&(0,_.jsx)(r.Suspense,{fallback:(0,_.jsx)(_.Fragment,{}),children:(0,_.jsx)(R,{additionalGroupFilter:t.conceptFilter,paletteId:t.id})}),!c&&a,c&&(0,_.jsx)(k.default,{}),s&&!c&&l.settingsState.doShowReplaceMode&&(!l.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==t.id)&&(0,_.jsx)(O.default,{}),c&&a,o]})}))},79182:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I,getKey:()=>D});var i=t(80248),r=t(34988),o=t(87363),d=t.n(o),l=t(9420),a=t(86468),s=t(47762),c=t(53125),u=t(32105),p=t(3985),m=t(88584),x=t(8135),f=t(16927),g=t(56669),h=t(78717),v=t(4903),w=t(77927),b=t(73443),y=t(86599),P=t(93448),O=t(88683);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}var j=function useGridVariables(e){var n=(0,x.NP)(),t=(0,O.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,d,l,a,s=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},c=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,u=null!==(d=null==s?void 0:s.gapDefault)&&void 0!==d?d:"10px",p=null!==(l=null==s?void 0:s.sizeDefault)&&void 0!==l?l:"300px",m=void 0;if(["SUMMARY_ARTICLES","SUMMARY_OPTIONTREE","VARIANTS"].includes(e.type))p="calc(100% - 20px)";else if(["GAL_GROUP_DROPDOWN","GAL_BIG"].includes(e.type))p="100px";else if("ACC"==e.type)s.sizeAccessoires&&(p=s.sizeAccessoires);else if("ACC_CONFIG"==e.type)p="100%";else if("RANGE"==e.type)p="100%";else if("GAL"==e.type){var x,f;p=null!==(x=null==s?void 0:s.sizeGallery)&&void 0!==x?x:"80px",u=null!==(f=null==s?void 0:s.gapGallery)&&void 0!==f?f:"10px"}else"PLANNERSWITCH"===e.type?p="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(a=n.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)?p="120px":"VERY_SMALL"===e.type?p="48%":"GAL_TEXT_2"==e.type?p=c>700||c>550?"120px":c>400?"90px":"70px":"GAL_TEXT"==e.type||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?p=c>700||c>550?"100px":c>400||!n.uiState.isInMobileView?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?p=c>700?"190px":c>550?"170px":c>400?"145px":"130px":"GAL_BIG_TEXT"==e.type?p=c>700||c>550?"120px":c>400?"110px":"100px":["GAL_SMALL_TEXT_2","PLANNER_2.0","ART_2"].includes(e.type)?(p=c>700?"105px":c>550?"95px":c>400?"80px":"70px",u="8px"):"GAL_SMALL_TEXT"==e.type?(p=c>700?"75px":c>550?"70px":c>400?"55px":"50px",u="6px"):"GAL_VERY_SMALL_TEXT"==e.type?(p="60px",u="6px"):e.type.startsWith("GAL_SMALL")&&(p="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({"--gridSize":p,"--gridGap":u},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},S=t(42762),k=t(47514);function SettingsItem_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var _=d().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),R=d().lazy((function(){return Promise.all([t.e(2976),t.e(1036)]).then(t.bind(t,61036))})),N=d().lazy((function(){return Promise.all([t.e(1849),t.e(710)]).then(t.bind(t,80710))})),D=function getKey(e){var n,t,i,r;return e.isTabGroup?e.tabgroupName+e.title:null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const I=(0,l.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.zIndexBase,d=(0,x.NP)(),l=j(t),O=v.default[t.type];if(void 0===O)throw new Error("component type: '"+t.type+"' not implemented");var I=(0,o.useState)([]),Z=(0,r.Z)(I,2),C=Z[0],G=Z[1],T=(0,o.useState)([]),A=(0,r.Z)(T,2),E=A[0],z=A[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,a.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),G(n),z(e)}),[t,d.settingsState.itemPalettes]);var L=1===C.length&&"none"===C[0].name,M=t.type.startsWith("SUMMARY")?"":p.pw;if(!t.visible)return(0,k.jsx)(k.Fragment,{});switch(t.type){case"PLANNER_2.0":return(0,k.jsx)(k.Fragment,{});case"CHECKOUT":return(0,k.jsx)(S.default,{},t.id);case"TOGGLE":return(0,k.jsx)(m.default,{style:l,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,k.jsx)(h.default,{style:l,item:t,paletteId:t.id});case"TEXTBOX":return(0,k.jsx)(s.default,{style:l,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,k.jsx)(c.default,{style:l,item:t,paletteId:t.id});case"NUMBER":return(0,k.jsx)(O,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0]},t.id+t.configStepKey);case"SLIDER":return(0,k.jsx)(b.default,{style:l,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,k.jsx)(y.default,{style:l,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"RADIO":case"RADIO_LIST":return(0,k.jsx)(P.default,{style:l,item:t,paletteId:t.id,displayMode:"RADIO"===t.type?"boxed":"list"});case"SHELFPLANNER":return(0,k.jsx)(o.Suspense,{fallback:(0,k.jsx)(k.Fragment,{}),children:(0,k.jsx)(_,{filteredGroups:C,item:t,id:t.id,style:l},t.id)});case"PRODUCTS":return(0,k.jsx)(N,{item:t});case"PROMOTED":return(0,k.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,k.jsx)(o.Suspense,{fallback:(0,k.jsx)(k.Fragment,{}),children:(0,k.jsx)(R,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var K=(0,k.jsx)(f.default,{item:t,PaletteComponent:O,filteredGroups:E,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:M},t.configStepKey);return(0,k.jsx)(w.default,{style:l,item:t,children:K,zIndexBase:i});default:var F;return F=L?(0,k.jsx)("div",{className:M,children:C.map((function(e){return e.items.map((function(e,n){return(0,k.jsx)(O,{paletteType:t.type,paletteId:t.id,item:e},D(e))}))}))}):(0,k.jsx)(u.default,{groups:C,contentInnerClassName:M,itemPalette:t,PaletteComponent:O}),(0,k.jsx)(w.default,{style:l,item:t,children:F,zIndexBase:i})}}))},83301:(e,n,t)=>{t.d(n,{Ey:()=>m,ZP:()=>x,tx:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o),l=t(61667),a=t.n(l),s=new URL(t(64197),t.b),c=d()(r()),u=a()(s);c.push([e.id,".index-module--DtwRe.index-module--PGk_O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*navigation*/\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  width: auto;\n  width: initial;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:first-child {\n  width: auto;\n  width: initial;\n  margin-left: 46px;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:hover {\n  z-index: 1000;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+u+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-android .swiper-slide,\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight,\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var p="index-module--DtwRe",m="index-module--PGk_O";const x=c},53946:(e,n,t)=>{t.d(n,{Mq:()=>s,YS:()=>l,ZP:()=>u,ai:()=>a,u7:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: 0px;\n  z-index: 1500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  width: 100%;\n  height: 148px;\n  pointer-events: none;\n}\n\n.index-module--GKAfY.index-module--KrBev:not(.index-module--ivdRZ) {\n  top: 14px;\n  height: 108px;\n}\n\n.index-module--GKAfY.index-module--ivdRZ {\n  top: 26px;\n}\n\n.index-module--bxQaE {\n  background: var(--settingsBackgroundColor);\n  pointer-events: auto;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n",""]);var l="index-module--GKAfY",a="index-module--KrBev",s="index-module--ivdRZ",c="index-module--bxQaE";const u=d},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>a,YS:()=>l,ZP:()=>u,pA:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var l="index-module--RNSdL",a="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const u=d},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>a,TN:()=>s,ZP:()=>f,eR:()=>p,kA:()=>x,q_:()=>l,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",a="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",m="index-module--laiEH",x="index-module--HL0mI";const f=d},60636:(e,n,t)=>{t.d(n,{F2:()=>c,No:()=>a,YS:()=>l,ZP:()=>p,pA:()=>u,wb:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var l="index-module--V0pQW",a="index-module--zHWrU",s="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const p=d},7182:(e,n,t)=>{t.d(n,{O7:()=>l,TN:()=>s,ZN:()=>c,ZP:()=>u,eR:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 0px;\n  position: relative;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var l="index-module--j9Vsg",a="index-module--oMpID",s="index-module--F6wCX",c="index-module--mALKQ";const u=d},23623:(e,n,t)=>{t.d(n,{Lc:()=>p,PS:()=>g,TN:()=>a,UH:()=>s,YS:()=>l,ZP:()=>h,dm:()=>c,gB:()=>f,hv:()=>u,vd:()=>m,w5:()=>x});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var l="index-module--ptxMZ",a="index-module--X1DVu",s="index-module--KIReo",c="index-module--eoa3S",u="index-module--HoaxU",p="index-module--qUNzP",m="index-module--WgT0o",x="index-module--yqUyo",f="index-module--FeZni",g="index-module--q1nJs";const h=d},74219:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>s,sL:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",a="index-module--cmtxo";const s=d},77113:(e,n,t)=>{t.d(n,{F1:()=>a,Ry:()=>l,ZP:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var l="index-module--x75w5",a="index-module--tgKwN";const s=d},43078:(e,n,t)=>{t.d(n,{Fl:()=>s,O7:()=>l,TN:()=>c,ZN:()=>u,ZP:()=>x,eR:()=>a,pA:()=>m,u2:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var l="index-module--v5pSs",a="index-module--WNi5H",s="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",p="index-module--z1OwD",m="index-module--PkMF3";const x=d},98404:(e,n,t)=>{t.d(n,{Z:()=>a,f:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n  position: relative;\n}\n",""]);var l="index-module--hCQUB";const a=d},70410:(e,n,t)=>{t.d(n,{ZP:()=>a,pw:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var l="index-module--anx5T";const a=d},550:(e,n,t)=>{t.d(n,{Fl:()=>f.Fl,O7:()=>f.O7,TN:()=>f.TN,ZN:()=>f.ZN,eR:()=>f.eR,pA:()=>f.pA,u2:()=>f.u2});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),p=t.n(u),m=t(44589),x=t.n(m),f=t(43078),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=p();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>f.pw});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),p=t.n(u),m=t(44589),x=t.n(m),f=t(70410),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=p();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4846,4133,2105,6500,3125,7762,3443,9596,6669],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},45598:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(34988),r=t(9420),o=t(87363),d=t(37707),l=t(74635),a=t(93379),s=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),f=t.n(x),g=t(19216),v=t.n(g),h=t(44589),w=t.n(h),b=t(83301),y={};y.styleTagTransform=w(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();s()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=t(79182),O=t(65515),j=t.n(O),S=t(8135),k=t(47514);const _=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),a=(0,o.useState)(null),s=(0,i.Z)(a,2),c=s[0],u=s[1],p=(0,o.useRef)(0),m=(0,S.NP)(),x=function navigateToOnClick(e){var n=0!==e?e-1:e;p.current=n,null==c||c.slideTo(n)};return(0,o.useEffect)((function(){c&&c.slideTo(p.current,0)}),[c]),(0,o.useEffect)((function(){var e=r.findIndex((function(e){var n;return e.basketId==(null===(n=m.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));-1!==e&&x(e)}),[m.settingsState.addElementSelected]),(0,k.jsx)("div",{className:j()(b.tx,b.Ey),id:n.id.toString(),children:(0,k.jsx)(d.tq,{onSwiper:u,resizeObserver:!0,modules:[l.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",children:r.map((function(e,i){return(0,k.jsx)(d.o5,{onClick:function onClick(e){x(i),e.stopPropagation()},children:(0,k.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},47519:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(8135),r=t(9420),o=(t(87363),t(45598)),d=t(4903),l=t(93379),a=t.n(l),s=t(7795),c=t.n(s),u=t(90569),p=t.n(u),m=t(3565),x=t.n(m),f=t(19216),g=t.n(f),v=t(44589),h=t.n(v),w=t(53946),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=p().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();a()(w.ZP,b);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),P=t.n(y),O=t(47514);const j=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)(),t=n.settingsState.itemPalettes.get(1);if(!t)return(0,O.jsx)(O.Fragment,{});var r=d.default[t.type];return 1==t.groups.flatMap((function(e){return e.items})).length?(0,O.jsx)(O.Fragment,{}):(0,O.jsx)("div",{className:P()(w.YS,n.uiState.isMobilePortrait?w.ai:void 0,n.uiState.isMobilePortrait&&n.uiState.isTablet?w.Mq:void 0),children:(0,O.jsx)("div",{className:w.u7,children:(0,O.jsx)(o.default,{item:t,PaletteComponent:r})})})}))},6500:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),r=t(8135),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),v=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();d()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var w=t(65515),b=t.n(w),y=t(88683),P=t(47514);const O=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,y.useTranslation)().t;return(0,P.jsxs)("div",{className:b()(v.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(v.LI,n.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(v.LI,n.settingsState.plannerReplaceMode?v.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},47762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(84658),r=t(80248),o=t(34988),d=t(50747),l=t.n(d),a=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),m=t(7795),x=t.n(m),f=t(90569),g=t.n(f),v=t(3565),h=t.n(v),w=t(19216),b=t.n(w),y=t(44589),P=t.n(y),O=t(18135),j={};j.styleTagTransform=P(),j.setAttributes=h(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=b();p()(O.ZP,j);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=t(8135),k=t(9420),_=t(74133),R=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const N=(0,k.Pi)((function TextBox(e){var n,t,d=e.item,s=e.paletteId,u=e.style,p=(0,S.NP)(),m=(0,a.useRef)(null),x=d.groups[0].items,f=(0,a.useState)(x[0].freeTextLang),g=(0,o.Z)(f,2),v=g[0],h=g[1],w=function(){var e=(0,i.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,x[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),b=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,R.jsxs)("div",{className:O.O7,ref:function ref(e){return d.htmlRef=e},style:u,children:[(0,R.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,R.jsx)(_.default,{item:d,isInScroller:!0,isSettingsHeader:!1})}),(0,R.jsx)("div",{className:c()(O.eR,O.F2),children:b.length?(0,R.jsx)(R.Fragment,{children:b.map((function(e){return(0,R.jsxs)("div",{className:O.t,children:[(0,R.jsx)("div",{className:O.kA,children:e}),(0,R.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return w(e,n)}),500),h(_objectSpread(_objectSpread({},v),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==v?void 0:v[e]})]},e)}))}):(0,R.jsx)("div",{children:(0,R.jsx)("input",{className:O.q_,onChange:function handleChange(e){x[0]&&(x[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(x[0],"inputbox",s))},type:"text",value:null!==(t=x[0])&&void 0!==t&&t.freeText?x[0].freeText:""})})})]})}))},91514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),v=t(60636),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();d()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(65515),b=t.n(w),y=t(9420),P=t(98544),O=t(47514);const j=(0,y.Pi)((function MultiToggleSwitch(e){var n=e.values,t=e.items,o=(0,i.Z)(e.state,2),d=o[0],l=o[1],a=e.round,s=100/n.length,c=(0,r.useState)([]),u=(0,i.Z)(c,2),p=u[0],m=u[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?m(n):m(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,O.jsx)("div",{className:v.YS,style:{borderRadius:a?"100px":void 0},children:(0,O.jsxs)("div",{className:v.No,children:[p.map((function(e,n){var i;return(0,O.jsx)("div",{style:{width:s+"%"},children:(0,O.jsxs)("label",{onClick:function onClick(){return l(n)},className:b()(v.F2,d===n&&v.pA),children:[e,(null===(i=t[n])||void 0===i?void 0:i.contentItemId)&&(0,O.jsx)(P.default,{item:t[n],style:{top:-4}},t[n].codex)]})},n)})),(0,O.jsx)("div",{className:v.wb,style:{left:d/n.length*100+"%",width:s+"%",borderRadius:a?"100px":void 0}})]})})}))},86599:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(8135),l=t(91514),a=t(93379),s=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),f=t.n(x),g=t(19216),v=t.n(g),h=t(44589),w=t.n(h),b=t(7182),y={};y.styleTagTransform=w(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();s()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=t(65515),O=t.n(P),j=t(98544),S=t(47514);const k=(0,o.Pi)((function MultiToggleComponent(e){var n,t=e.item,o=e.style,a=e.round,s=e.paletteId,c=(0,d.NP)(),u=(0,r.useState)([]),p=(0,i.Z)(u,2),m=p[0],x=p[1],f=(0,r.useState)([]),g=(0,i.Z)(f,2),v=g[0],h=g[1],w=(0,r.useState)(),y=(0,i.Z)(w,2),P=y[0],k=y[1],_=(0,r.useState)(!1),R=(0,i.Z)(_,2),N=R[0],I=R[1];(0,r.useEffect)((function(){var e=t.groups.flatMap((function(e){return e.items})),n=e.every((function(e){return e.text.endsWith("cm")}));x(e),I(n),h(e.map((function(e){return n?e.text.replace("cm",""):e.text}))),k(e.findIndex((function(e){return e.sel})))}),[t]);return 0===m.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{className:b.O7,ref:function ref(e){return t.htmlRef=e},style:o,children:[(0,S.jsxs)("div",{className:O()(b.eR,b.TN),children:[t.name+(N?" (cm)":""),(null===(n=t.selectedElements)||void 0===n?void 0:n[0].contentItemId)&&(0,S.jsx)(j.default,{item:t.selectedElements[0],style:{position:"relative"}},t.selectedElements[0].codex)]}),(0,S.jsx)("div",{className:O()(b.eR,b.ZN),children:(0,S.jsx)(l.default,{items:m,values:v,state:[P,function onChangeValue(e){k(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,s)}],round:a})})]})}))},93448:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(8135),l=t(65515),a=t.n(l),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),v=t(19216),h=t.n(v),w=t(44589),b=t.n(w),y=t(23623),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(98544),j=t(48657),S=t(47514);const k=(0,o.Pi)((function Radio(e){var n=e.item,t=e.style,o=e.paletteId,l=e.displayMode,s=e.hidePricePreview,c=(0,d.NP)(),u=(0,r.useState)([]),p=(0,i.Z)(u,2),m=p[0],x=p[1],f=(0,r.useState)(),g=(0,i.Z)(f,2),v=g[0],h=g[1],w=(0,r.useState)(l||"boxed"),b=(0,i.Z)(w,2),P=b[0],k=(b[1],(0,r.useState)(!1)),_=(0,i.Z)(k,2),R=_[0],N=_[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));x(e),N(t),h(e.findIndex((function(e){return e.sel})))}),[n]);var I=function onChangeValue(e){h(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)};if(0===m.length)return(0,S.jsx)(S.Fragment,{});var D=function getLabelText(e){return R?e.text.replace("cm",""):e.text};return(0,S.jsxs)("div",{className:y.YS,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,S.jsx)("div",{className:y.TN,children:n.name+(R?" (cm)":"")}),"boxed"===P?function renderBoxed(){return(0,S.jsx)("div",{className:y.UH,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:a()(y.dm,v===n&&y.hv),onClick:function onClick(){return I(n)},children:[(0,S.jsx)("div",{dangerouslySetInnerHTML:{__html:D(e)}}),e.contentItemId&&(0,S.jsx)(O.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,S.jsx)("div",{className:y.Lc,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:y.vd,onClick:function onClick(){return I(n)},children:[(0,S.jsx)("div",{className:a()(y.w5,v===n&&y.hv),children:(0,S.jsx)("div",{className:a()(y.gB,v===n&&y.hv)})}),(0,S.jsx)("div",{className:a()(y.PS,v===n&&y.hv),dangerouslySetInnerHTML:{__html:D(e)}}),e.contentItemId&&(0,S.jsx)(O.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},73443:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(8135),l=t(96935),a=t(74133),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),v=t(19216),h=t.n(v),w=t(44589),b=t.n(w),y=t(74219),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(65515),j=t.n(O),S=t(47514);const k=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.paletteId,s=(0,d.NP)(),c=(0,r.useState)({}),u=(0,i.Z)(c,2),p=u[0],m=u[1],x=(0,r.useState)([]),f=(0,i.Z)(x,2),g=f[0],v=f[1],h=(0,r.useState)(),w=(0,i.Z)(h,2),b=w[0],P=w[1],O=function onChangeComplete(e){void 0!==(null!=e?e:b)&&s.paletteViewHandler.clickedOnConfigPalette(g[null!=e?e:b],void 0,o)};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));v(e),P(e.findIndex((function(e){return e.sel}))),m(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===g.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{style:t,className:j()(y.YS,"no-swiping"),children:[(0,S.jsx)(a.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,S.jsx)("div",{className:y.sL,children:(0,S.jsx)(l.Z,{marks:p,trackStyle:{backgroundColor:"#e9e9e9"},value:b,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),P(e),O(e)},onChangeComplete:O,min:Number(Object.keys(p)[0]),max:Number(Object.keys(p)[Object.keys(p).length-1])})})]})}))},56669:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(88683),o=t(8135),d=t(87363),l=t(9420),a=t(16751),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),v=t(19216),h=t.n(v),w=t(44589),b=t.n(w),y=t(77113),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(74133),j=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const k=(0,l.Pi)((function PromotedProducts(e){var n,t=e.item,l=(0,r.useDivaCore)(),s=l.actions.openComponent,c=l.handler.productHandler,u=l.state.organization,p=(0,d.useState)([]),m=(0,i.Z)(p,2),x=m[0],f=m[1],g=(0,o.NP)(),v=g.getViewConfig().productsConfig,h=(0,d.useState)(0),w=(0,i.Z)(h,2),b=w[0],P=w[1],k=(0,d.useCallback)((function(e){P(g.settingsState.configChanged),s({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),_=b===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,d.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==v?void 0:v.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==v?void 0:v.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(t=null==v?void 0:v.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(u._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}f(e.data)}))}),[g.uiState.isLoading]);var R=null!=v&&v.maxCount&&v.showSkeletions?S(v.maxCount,x.length):[];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(O.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,j.jsxs)("div",{className:y.Ry,children:[x.map((function(e,n){return(0,j.jsx)(a.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:k,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),R.map((function(e){return(0,j.jsx)("div",{className:y.F1,children:(0,j.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(8135),l=t(98763),a=t(88683),s=t(98544),c=t(48657),u=t(68101),p=t(47514),m=(0,a.getLogger)("Planner","ToggleName");const x=function ToggleName(e){var n,t,i,a=e.item,x=e.paletteId,f=e.style,g=(0,d.NP)(),v=a.groups[0].items;if(!v)return(0,p.jsx)(p.Fragment,{});for(var h=0;h<v.length;h++){var w,b;null!==(w=v[h].codex)&&void 0!==w&&w.startsWith("OPVNEIN")&&(i=v[h]),null!==(b=v[h].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(t=v[h])}if(!(i&&t||(2==v.length&&(i=v[0],t=v[1]),i&&t)))return m.warn("Achtung! Bei der Option: "+v[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,p.jsx)(p.Fragment,{});var y=0==i.sel,P=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,p.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(i,void 0,x)},children:[void 0!==i.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,p.jsx)("div",{className:y?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,p.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,p.jsx)(l.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,x)},val:a,alwaysActiveColor:!0,state:y})}),(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(t,void 0,x)},children:[void 0!==t.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),void 0!==t.checkForReversingChanges&&(0,p.jsx)(u.default,{item:t,paletteId:x}),(0,p.jsx)("div",{className:y?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),P&&(0,p.jsx)(s.default,{item:P,style:{position:"relative"}},a.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(8135),l=t(98763),a=t(9420),s=t(88683),c=t(70178),u=t(98544),p=t(48657),m=t(68101),x=t(47514),f=(0,s.getLogger)("Planner","ToggleOption");const g=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,s=e.paletteId,g=e.style,v=(0,d.NP)(),h=a.groups[0].items;if(!h)return(0,x.jsx)(x.Fragment,{});for(var w=0;w<h.length;w++){var b,y;null!==(b=h[w].codex)&&void 0!==b&&b.startsWith("OPVNEIN")&&(i=h[w]),null!==(y=h[w].codex)&&void 0!==y&&y.startsWith("OPVJA")&&(t=h[w])}if(!(i&&t||(2==h.length&&(i=h[0],t=h[1]),i&&t)))return f.error(new c.GE("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,x.jsx)(x.Fragment,{});var P=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,x.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:g,children:[(0,x.jsx)("div",{className:r()(o.eR,o.TN),children:a.name}),(0,x.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,x.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,x.jsx)(l.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,s)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,x.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"}),void 0!==t.checkForReversingChanges&&(0,x.jsx)(m.default,{item:t,paletteId:s})]}),P&&(0,x.jsx)(u.default,{item:P,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},77927:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(80248),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),v=t(98404),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();d()(v.Z,h);v.Z&&v.Z.locals&&v.Z.locals;var w=t(65515),b=t.n(w),y=t(24106),P=t(74133),O=t(6500),j=t(9420),S=t(8135),k=t(47519),_=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=(0,r.lazy)((function(){return Promise.all([t.e(9706),t.e(6343)]).then(t.bind(t,66343))}));const N=(0,j.Pi)((function ItemWrapper(e){var n,t=e.item,i=e.style,o=e.children,d=e.zIndexBase,l=(0,S.NP)(),a=t.isHeader||t.hideHeader?(0,_.jsx)(_.Fragment,{}):(0,_.jsx)(P.default,{isInScroller:!0,isSettingsHeader:!1,item:t}),s=t.type.startsWith("ART"),c=s&&l.settingsState.planner2Dot0Active;return(0,_.jsxs)("div",{className:b()(v.f,{wcFilterVisible:t.filterVisible}),ref:function ref(e){return t.htmlRef=e},id:t.configStepKey,style:_objectSpread(_objectSpread({},i),{},{zIndex:(null!=d?d:0)+Math.round(100/(t.id+1))}),children:[(0,_.jsx)(y.default,{stepInfo:t.info}),!(null===(n=t.conceptFilter)||void 0===n||!n.length)&&(0,_.jsx)(r.Suspense,{fallback:(0,_.jsx)(_.Fragment,{}),children:(0,_.jsx)(R,{additionalGroupFilter:t.conceptFilter,paletteId:t.id})}),!c&&a,c&&(0,_.jsx)(k.default,{}),s&&!c&&l.settingsState.doShowReplaceMode&&(!l.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==t.id)&&(0,_.jsx)(O.default,{}),c&&a,o]})}))},79182:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D,getKey:()=>I});var i=t(80248),r=t(34988),o=t(87363),d=t.n(o),l=t(9420),a=t(86468),s=t(47762),c=t(53125),u=t(32105),p=t(3985),m=t(88584),x=t(8135),f=t(16927),g=t(56669),v=t(78717),h=t(4903),w=t(77927),b=t(73443),y=t(86599),P=t(93448),O=t(88683);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}var j=function useGridVariables(e){var n=(0,x.NP)(),t=(0,O.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,d,l,a,s=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},c=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,u=null!==(d=null==s?void 0:s.gapDefault)&&void 0!==d?d:"10px",p=null!==(l=null==s?void 0:s.sizeDefault)&&void 0!==l?l:"300px",m=void 0;if(["SUMMARY_ARTICLES","SUMMARY_OPTIONTREE","VARIANTS"].includes(e.type))p="calc(100% - 20px)";else if(["GAL_GROUP_DROPDOWN","GAL_BIG"].includes(e.type))p="100px";else if("ACC"==e.type)s.sizeAccessoires&&(p=s.sizeAccessoires);else if("ACC_CONFIG"==e.type)p="100%";else if("RANGE"==e.type)p="100%";else if("GAL"==e.type){var x,f;p=null!==(x=null==s?void 0:s.sizeGallery)&&void 0!==x?x:"80px",u=null!==(f=null==s?void 0:s.gapGallery)&&void 0!==f?f:"10px"}else"PLANNERSWITCH"===e.type?p="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(a=n.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)?p="120px":"VERY_SMALL"===e.type?p="48%":"GAL_TEXT_2"==e.type?p=c>700||c>550?"120px":c>400?"90px":"70px":"GAL_TEXT"==e.type||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?p=c>700||c>550?"100px":c>400||!n.uiState.isInMobileView?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?p=c>700?"190px":c>550?"170px":c>400?"145px":"130px":"GAL_BIG_TEXT"==e.type?p=c>700||c>550?"120px":c>400?"110px":"100px":["GAL_SMALL_TEXT_2","PLANNER_2.0","ART_2"].includes(e.type)?(p=c>700?"105px":c>550?"95px":c>400?"80px":"70px",u="8px"):"GAL_SMALL_TEXT"==e.type?(p=c>700?"75px":c>550?"70px":c>400?"55px":"50px",u="6px"):"GAL_VERY_SMALL_TEXT"==e.type?(p="60px",u="6px"):e.type.startsWith("GAL_SMALL")&&(p="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({"--gridSize":p,"--gridGap":u},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},S=t(42762),k=t(47514);function SettingsItem_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var _=d().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),R=d().lazy((function(){return Promise.all([t.e(2976),t.e(1036)]).then(t.bind(t,61036))})),N=d().lazy((function(){return Promise.all([t.e(1849),t.e(710)]).then(t.bind(t,80710))})),I=function getKey(e){var n,t,i,r;return e.isTabGroup?e.tabgroupName+e.title:null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const D=(0,l.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.zIndexBase,d=(0,x.NP)(),l=j(t),O=h.default[t.type];if(void 0===O)throw new Error("component type: '"+t.type+"' not implemented");var D=(0,o.useState)([]),Z=(0,r.Z)(D,2),C=Z[0],G=Z[1],T=(0,o.useState)([]),A=(0,r.Z)(T,2),E=A[0],z=A[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,a.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),G(n),z(e)}),[t,d.settingsState.itemPalettes]);var L=1===C.length&&"none"===C[0].name,M=t.type.startsWith("SUMMARY")?"":p.pw;if(!t.visible)return(0,k.jsx)(k.Fragment,{});switch(t.type){case"PLANNER_2.0":return(0,k.jsx)(k.Fragment,{});case"CHECKOUT":return(0,k.jsx)(S.default,{},t.id);case"TOGGLE":return(0,k.jsx)(m.default,{style:l,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,k.jsx)(v.default,{style:l,item:t,paletteId:t.id});case"TEXTBOX":return(0,k.jsx)(s.default,{style:l,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,k.jsx)(c.default,{style:l,item:t,paletteId:t.id});case"NUMBER":return(0,k.jsx)(O,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0]},t.id+t.configStepKey);case"SLIDER":return(0,k.jsx)(b.default,{style:l,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,k.jsx)(y.default,{style:l,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"RADIO":case"RADIO_LIST":return(0,k.jsx)(P.default,{style:l,item:t,paletteId:t.id,displayMode:"RADIO"===t.type?"boxed":"list"});case"SHELFPLANNER":return(0,k.jsx)(o.Suspense,{fallback:(0,k.jsx)(k.Fragment,{}),children:(0,k.jsx)(_,{filteredGroups:C,item:t,id:t.id,style:l},t.id)});case"PRODUCTS":return(0,k.jsx)(N,{item:t});case"PROMOTED":return(0,k.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,k.jsx)(o.Suspense,{fallback:(0,k.jsx)(k.Fragment,{}),children:(0,k.jsx)(R,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var K=(0,k.jsx)(f.default,{item:t,PaletteComponent:O,filteredGroups:E,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:M},t.configStepKey);return(0,k.jsx)(w.default,{style:l,item:t,children:K,zIndexBase:i});default:var F;return F=L?(0,k.jsx)("div",{className:M,children:C.map((function(e){return e.items.map((function(e,n){return(0,k.jsx)(O,{paletteType:t.type,paletteId:t.id,item:e},I(e))}))}))}):(0,k.jsx)(u.default,{groups:C,contentInnerClassName:M,itemPalette:t,PaletteComponent:O}),(0,k.jsx)(w.default,{style:l,item:t,children:F,zIndexBase:i})}}))},83301:(e,n,t)=>{t.d(n,{Ey:()=>m,ZP:()=>x,tx:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o),l=t(61667),a=t.n(l),s=new URL(t(64197),t.b),c=d()(r()),u=a()(s);c.push([e.id,".index-module--DtwRe.index-module--PGk_O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*navigation*/\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  width: auto;\n  width: initial;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:first-child {\n  width: auto;\n  width: initial;\n  margin-left: 46px;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:hover {\n  z-index: 1000;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+u+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-android .swiper-slide,\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight,\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var p="index-module--DtwRe",m="index-module--PGk_O";const x=c},53946:(e,n,t)=>{t.d(n,{Mq:()=>s,YS:()=>l,ZP:()=>u,ai:()=>a,u7:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: 0px;\n  z-index: 1500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  width: 100%;\n  height: 148px;\n  pointer-events: none;\n}\n\n.index-module--GKAfY.index-module--KrBev:not(.index-module--ivdRZ) {\n  top: 14px;\n  height: 108px;\n}\n\n.index-module--GKAfY.index-module--ivdRZ {\n  top: 26px;\n}\n\n.index-module--bxQaE {\n  background: var(--settingsBackgroundColor);\n  pointer-events: auto;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n",""]);var l="index-module--GKAfY",a="index-module--KrBev",s="index-module--ivdRZ",c="index-module--bxQaE";const u=d},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>a,YS:()=>l,ZP:()=>u,pA:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var l="index-module--RNSdL",a="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const u=d},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>a,TN:()=>s,ZP:()=>f,eR:()=>p,kA:()=>x,q_:()=>l,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",a="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",m="index-module--laiEH",x="index-module--HL0mI";const f=d},60636:(e,n,t)=>{t.d(n,{F2:()=>c,No:()=>a,YS:()=>l,ZP:()=>p,pA:()=>u,wb:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var l="index-module--V0pQW",a="index-module--zHWrU",s="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const p=d},7182:(e,n,t)=>{t.d(n,{O7:()=>l,TN:()=>s,ZN:()=>c,ZP:()=>u,eR:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var l="index-module--j9Vsg",a="index-module--oMpID",s="index-module--F6wCX",c="index-module--mALKQ";const u=d},23623:(e,n,t)=>{t.d(n,{Lc:()=>p,PS:()=>g,TN:()=>a,UH:()=>s,YS:()=>l,ZP:()=>v,dm:()=>c,gB:()=>f,hv:()=>u,vd:()=>m,w5:()=>x});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var l="index-module--ptxMZ",a="index-module--X1DVu",s="index-module--KIReo",c="index-module--eoa3S",u="index-module--HoaxU",p="index-module--qUNzP",m="index-module--WgT0o",x="index-module--yqUyo",f="index-module--FeZni",g="index-module--q1nJs";const v=d},74219:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>s,sL:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",a="index-module--cmtxo";const s=d},77113:(e,n,t)=>{t.d(n,{F1:()=>a,Ry:()=>l,ZP:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var l="index-module--x75w5",a="index-module--tgKwN";const s=d},43078:(e,n,t)=>{t.d(n,{Fl:()=>s,O7:()=>l,TN:()=>c,ZN:()=>u,ZP:()=>x,eR:()=>a,pA:()=>m,u2:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var l="index-module--v5pSs",a="index-module--WNi5H",s="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",p="index-module--z1OwD",m="index-module--PkMF3";const x=d},98404:(e,n,t)=>{t.d(n,{Z:()=>a,f:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n  position: relative;\n}\n",""]);var l="index-module--hCQUB";const a=d},70410:(e,n,t)=>{t.d(n,{ZP:()=>a,pw:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var l="index-module--anx5T";const a=d},550:(e,n,t)=>{t.d(n,{Fl:()=>f.Fl,O7:()=>f.O7,TN:()=>f.TN,ZN:()=>f.ZN,eR:()=>f.eR,pA:()=>f.pA,u2:()=>f.u2});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),p=t.n(u),m=t(44589),x=t.n(m),f=t(43078),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=p();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>f.pw});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),p=t.n(u),m=t(44589),x=t.n(m),f=t(70410),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=p();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals}}]);

package/build/umd/5406.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 5406.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5406],{34384:(A,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(80248),o=t(34988),r=t(9420),a=t(87363),i=t(8002),s=t(8135),c=t(88683),g=t(47514);function ownKeys(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(A){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,n.Z)(A,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))}))}return A}var d=(0,c.getLogger)("Planner","InfoBox");const l=(0,r.Pi)((function ContentItemWrapper(A){var e=A.direction,t=A.mountElement,n=A.drawerStyle,r=(0,s.NP)(),l=(0,a.useState)(!1),p=(0,o.Z)(l,2),u=p[0],B=p[1],f=(0,c.useDivaCore)().actions,Y=f.openDrawerMenu,b=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){B(!0);var A,a,s=r.getIsInMobileView(),c=function onClose(){b("content-item",!0),r.settingsState.setContentItemId()},l=r.settingsState.selectedArticles.map((function(A){return A.basketId})).flat(),p=r.divaWebPlanner.getVariantValues(l).map((function(A){return{featureCodex:A.OPT.startsWith("OPT")?A.OPT.substring(3):A.OPT,selectedOptions:[A.OPV]}})),f=(0,g.jsx)(i.Q,{onClose:c,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(A){d.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=A?A:void 0})},params:{initialContext:p},onEvent:function onEvent(A){if("applyResults"==A.type){var e,t=A.payload;!(null!==(e=r.divaWebPlanner.actSet())&&void 0!==e&&e.CatalogData.isIDMFormat)&&Object.entries(t).forEach((function(A){var e=(0,o.Z)(A,2),n=e[0],r=e[1];t["OPT".concat(n)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(t,l)}else"onCancel"!=A.type&&"onClose"!=A.type||c()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(s)Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(A=r.uiState.wrapperRef)&&void 0!==A?A:void 0,handleInternScroll:!0});else Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElement:null!==(a=null!=t?t:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),n),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else u&&(b("content-item"),setTimeout((function(){B(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,g.jsx)(g.Fragment,{})}))},64197:A=>{A.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5406],{34384:(A,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(80248),o=t(34988),r=t(9420),a=t(87363),i=t(8002),s=t(8135),c=t(88683),g=t(47514);function ownKeys(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(A){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,n.Z)(A,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))}))}return A}var d=(0,c.getLogger)("Planner","InfoBox");const l=(0,r.Pi)((function ContentItemWrapper(A){var e=A.direction,t=A.mountElement,n=A.drawerStyle,r=(0,s.NP)(),l=(0,a.useState)(!1),p=(0,o.Z)(l,2),u=p[0],B=p[1],f=(0,c.useDivaCore)().actions,Y=f.openDrawerMenu,b=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){B(!0);var A,a,s=r.getIsInMobileView(),c=function onClose(){b("content-item",!0),r.settingsState.setContentItemId()},l=r.settingsState.selectedArticles.map((function(A){return A.basketId})).flat(),p=r.divaWebPlanner.getVariantValues(l).map((function(A){return{featureCodex:A.OPT.startsWith("OPT")?A.OPT.substring(3):A.OPT,selectedOptions:[A.OPV]}})),f=(0,g.jsx)(i.Q,{onClose:c,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(A){d.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=A?A:void 0})},params:{initialContext:p},onEvent:function onEvent(A){if("applyResults"==A.type){var e,t=A.payload;!(null!==(e=r.divaWebPlanner.actSet())&&void 0!==e&&e.CatalogData.isIDMFormat)&&Object.entries(t).forEach((function(A){var e=(0,o.Z)(A,2),n=e[0],r=e[1];t["OPT".concat(n)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(t,l)}else"onCancel"!=A.type&&"onClose"!=A.type||c()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(s)Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(A=r.uiState.wrapperRef)&&void 0!==A?A:void 0,handleInternScroll:!0});else Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElement:null!==(a=null!=t?t:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),n),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else u&&(b("content-item",!0),setTimeout((function(){B(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,g.jsx)(g.Fragment,{})}))},64197:A=>{A.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);

package/build/umd/5740.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 5740.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5740,7446,9990,9967,6937,8515],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,P=j.contentInnerClassName,I="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(P);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:I.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},89990:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>z});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),P=x(19216),I=x.n(P),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=I();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var A=x(8135),E=x(47514);const z=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,A.NP)();return(0,E.jsxs)("div",{className:L.bz,children:[m.emoji&&(0,E.jsx)("div",{className:L.rP,children:m.emoji}),(0,E.jsx)("div",{className:L.TN,children:m.title}),(0,E.jsx)("div",{className:L.WL,children:m.description}),(0,E.jsxs)("button",{className:L.LI,onClick:function onClick(){return x.settingsState.onClickContentItemId(m.id)},children:[(0,E.jsx)("span",{className:L.q5,children:m.buttonText}),(0,E.jsx)("div",{className:L.x7,children:(0,E.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,E.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(79182),y=x(8135),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),P=x.n(S),I=x(19216),M=x.n(I),k=x(44589),L=x.n(k),Z=x(9668),A={};A.styleTagTransform=L(),A.setAttributes=P(),A.insert=w().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=M();C()(Z.ZP,A);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var E=x(89990),z=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,z.jsxs)("div",{className:Z.YS,children:[(0,z.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))}),(0,z.jsx)("div",{className:Z.eX}),(0,z.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(34988),y=x(87363),T=x(9420),C=x(79182),O=x(8135),N=x(89967),j=x(89990),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=(0,O.NP)(),T=(0,y.useState)([]),S=(0,v.Z)(T,2),P=S[0],I=S[1];return(0,y.useEffect)((function(){for(var r=[],v=function _loop(){var v=m[y],T=x.configuratorStructureHandler.getOptionStepByCodex(v.optionCodex),C=null==T?void 0:T.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:v.configStepKey+v.id)===r.groupName}));if(O)O.palettes.push(v);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:v.configStepKey+v.id,palettes:[v],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(v.id):"r"===(null==C?void 0:C.position)&&O.right.push(v.id)},y=0;y<m.length;y++)v();I(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var x=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id)},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x})]})}))})}))},38515:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(8135)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),P=x.n(S),I=x(3565),M=x.n(I),k=x(19216),L=x.n(k),Z=x(44589),A=x.n(Z),E=x(95055),z={};z.styleTagTransform=A(),z.setAttributes=M(),z.insert=P().bind(null,"head"),z.domAPI=w(),z.insertStyleElement=L();N()(E.ZP,z);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(E.Fs,m[0]?E.bA:void 0,T.uiState.isInMobileView?E.ai:void 0),children:[(0,D.jsx)("div",{className:E.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(E.TN,x[0]===r&&m[0]?E.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(E.y6)})]})}))},35740:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(12952),y=x(34988),T=x(87363),C=x(57446),O=x.n(C),N=x(38515),j=x(9420),w=x(93379),S=x.n(w),P=x(7795),I=x.n(P),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),A=x(19216),E=x.n(A),z=x(44589),R=x.n(z),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=I(),_.insertStyleElement=E();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(8135),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=(0,H.NP)(),w=(0,T.useState)(!(null===(m=j.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),S=(0,y.Z)(w,2),P=S[0],I=S[1],M=Object.keys(C),k=(0,T.useState)("ALL"),L=(0,y.Z)(k,2),Z=L[0],A=L[1],E=(0,T.useState)([]),z=(0,y.Z)(E,2),R=z[0],_=z[1],Y=(0,T.useState)(C[M[0]]),V=(0,y.Z)(Y,2),B=V[0],J=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==Z?M[0]:Z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==Z?M:void 0})),J(m),_(["ALL"].concat((0,v.Z)(M.length>1?M:[]))),R.includes(Z)||A(R[0])}),[C,Z]),(0,U.jsx)(O(),{trigger:null!==(x=j.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:R,openState:[P,I],curState:[Z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(B)})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>P,rP:()=>N,x7:()=>I});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",P="index-module--KlW5i",I="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>P,TN:()=>M,YS:()=>I,ZP:()=>E,ai:()=>A,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var P="index-module--bSSUt",I="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",A="index-module--PzZv7";const E=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5740,7446,9990,9967,6937,8515],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,P=j.contentInnerClassName,I="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(P);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:I.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},89990:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>z});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),P=x(19216),I=x.n(P),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=I();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var A=x(8135),E=x(47514);const z=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,A.NP)();return(0,E.jsxs)("div",{className:L.bz,children:[m.emoji&&(0,E.jsx)("div",{className:L.rP,children:m.emoji}),(0,E.jsx)("div",{className:L.TN,children:m.title}),(0,E.jsx)("div",{className:L.WL,children:m.description}),(0,E.jsxs)("button",{className:L.LI,onClick:function onClick(){return x.settingsState.onClickContentItemId(m.id)},children:[(0,E.jsx)("span",{className:L.q5,children:m.buttonText}),(0,E.jsx)("div",{className:L.x7,children:(0,E.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,E.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(79182),y=x(8135),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),P=x.n(S),I=x(19216),M=x.n(I),k=x(44589),L=x.n(k),Z=x(9668),A={};A.styleTagTransform=L(),A.setAttributes=P(),A.insert=w().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=M();C()(Z.ZP,A);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var E=x(89990),z=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,z.jsxs)("div",{className:Z.YS,children:[(0,z.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))}),(0,z.jsx)("div",{className:Z.eX}),(0,z.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(34988),y=x(87363),T=x(9420),C=x(79182),O=x(8135),N=x(89967),j=x(89990),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=(0,O.NP)(),T=(0,y.useState)([]),S=(0,v.Z)(T,2),P=S[0],I=S[1];return(0,y.useEffect)((function(){for(var r=[],v=function _loop(){var v=m[y],T=x.configuratorStructureHandler.getOptionStepByCodex(v.optionCodex),C=null==T?void 0:T.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:v.configStepKey+v.id)===r.groupName}));if(O)O.palettes.push(v);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:v.configStepKey+v.id,palettes:[v],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(v.id):"r"===(null==C?void 0:C.position)&&O.right.push(v.id)},y=0;y<m.length;y++)v();I(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var x=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id)},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x})]})}))})}))},38515:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(8135)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),P=x.n(S),I=x(3565),M=x.n(I),k=x(19216),L=x.n(k),Z=x(44589),A=x.n(Z),E=x(95055),z={};z.styleTagTransform=A(),z.setAttributes=M(),z.insert=P().bind(null,"head"),z.domAPI=w(),z.insertStyleElement=L();N()(E.ZP,z);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(E.Fs,m[0]?E.bA:void 0,T.uiState.isInMobileView?E.ai:void 0),children:[(0,D.jsx)("div",{className:E.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(E.TN,x[0]===r&&m[0]?E.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(E.y6)})]})}))},35740:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(12952),y=x(34988),T=x(87363),C=x(57446),O=x.n(C),N=x(38515),j=x(9420),w=x(93379),S=x.n(w),P=x(7795),I=x.n(P),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),A=x(19216),E=x.n(A),z=x(44589),R=x.n(z),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=I(),_.insertStyleElement=E();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(8135),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=(0,H.NP)(),w=(0,T.useState)(!(null===(m=j.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),S=(0,y.Z)(w,2),P=S[0],I=S[1],M=Object.keys(C),k=(0,T.useState)("ALL"),L=(0,y.Z)(k,2),Z=L[0],A=L[1],E=(0,T.useState)([]),z=(0,y.Z)(E,2),R=z[0],_=z[1],Y=(0,T.useState)(C[M[0]]),V=(0,y.Z)(Y,2),B=V[0],J=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==Z?M[0]:Z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==Z?M:void 0})),J(m),_(["ALL"].concat((0,v.Z)(M.length>1?M:[]))),R.includes(Z)||A(R[0])}),[C,Z]),(0,U.jsx)(O(),{trigger:null!==(x=j.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:R,openState:[P,I],curState:[Z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(B)})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>P,rP:()=>N,x7:()=>I});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",P="index-module--KlW5i",I="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>P,TN:()=>M,YS:()=>I,ZP:()=>E,ai:()=>A,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var P="index-module--bSSUt",I="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",A="index-module--PzZv7";const E=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);