@crystaldesign/diva-web-planner-react 25.10.0-beta.1 → 25.10.0-beta.3

package/build/umd/3538.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 3538.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3538,4133,2105,3168,3125,6886,9134,1037,9596,7502],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});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 s=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},39460:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(9420),o=t(87363),s=t(37707),a=t(31964),l=t(93379),d=t.n(l),p=t(7795),c=t.n(p),u=t(90569),m=t.n(u),f=t(3565),x=t.n(f),g=t(19216),w=t.n(g),v=t(44589),h=t.n(v),y=t(83301),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=w();d()(y.Z,b);y.Z&&y.Z.locals&&y.Z.locals;var P=t(40912),j=t(65515),O=t.n(j),S=t(47514);const R=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),l=(0,o.useState)(null),d=(0,i.Z)(l,2),p=d[0],c=d[1],u=(0,o.useRef)(0);return(0,o.useEffect)((function(){p&&p.slideTo(u.current,0)}),[p]),1==r.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)("div",{className:O()(y.t),id:n.id.toString(),children:(0,S.jsx)(s.tq,{onSwiper:c,resizeObserver:!0,modules:[a.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,children:r.map((function(e,i){return(0,S.jsx)(s.o5,{onClick:function onClick(e){!function navigateToOnClick(e){u.current=e,null==p||p.slideTo(e)}(i-1),e.stopPropagation()},children:(0,S.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:()=>s});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 s=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},12582:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(20640),r=t(9420),o=(t(87363),t(39460)),s=t(4903),a=t(93379),l=t.n(a),d=t(7795),p=t.n(d),c=t(90569),u=t.n(c),m=t(3565),f=t.n(m),x=t(19216),g=t.n(x),w=t(44589),v=t.n(w),h=t(53946),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=u().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=g();l()(h.Z,y);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const P=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)().settingsState.itemPalettes.get(1);if(!n)return(0,b.jsx)(b.Fragment,{});var t=s.default[n.type];return(0,b.jsx)("div",{className:h.Y,children:(0,b.jsx)(o.default,{item:n,PaletteComponent:t})})}))},3168:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),r=t(20640),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),p=t.n(d),c=t(3565),u=t.n(c),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),w=t(11309),v={};v.styleTagTransform=g(),v.setAttributes=u(),v.insert=p().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;t(87363);var h=t(65515),y=t.n(h),b=t(88683),P=t(47514);const j=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,b.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(w.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:y()(w.LI,n.settingsState.plannerReplaceMode?void 0:w.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:y()(w.LI,n.settingsState.plannerReplaceMode?w.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:w.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});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 s=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},16886:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(84658),r=t(80248),o=t(34988),s=t(50747),a=t.n(s),l=t(87363),d=t(65515),p=t.n(d),c=t(93379),u=t.n(c),m=t(7795),f=t.n(m),x=t(90569),g=t.n(x),w=t(3565),v=t.n(w),h=t(19216),y=t.n(h),b=t(44589),P=t.n(b),j=t(18135),O={};O.styleTagTransform=P(),O.setAttributes=v(),O.insert=g().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=y();u()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=t(20640),R=t(9420),N=t(74133),D=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 I=(0,R.Pi)((function TextBox(e){var n,t,s=e.item,d=e.paletteId,c=e.style,u=(0,S.NP)(),m=(0,l.useRef)(null),f=s.groups[0].items,x=(0,l.useState)(f[0].freeTextLang),g=(0,o.Z)(x,2),w=g[0],v=g[1],h=function(){var e=(0,i.Z)(a().mark((function _callee(e,n){return a().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:u.paletteViewHandler.onFreeTextLangChanged(e,n,f[0],d);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),y=null!==(n=u.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:j.O7,ref:function ref(e){return s.htmlRef=e},style:c,children:[(0,D.jsx)("div",{className:p()(j.eR,j.TN,j.t$),children:(0,D.jsx)(N.default,{item:s,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:p()(j.eR,j.F2),children:y.length?(0,D.jsx)(D.Fragment,{children:y.map((function(e){return(0,D.jsxs)("div",{className:j.t,children:[(0,D.jsx)("div",{className:j.kA,children:e}),(0,D.jsx)("input",{className:j.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return h(e,n)}),500),v(_objectSpread(_objectSpread({},w),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==w?void 0:w[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:j.q_,onChange:function handleChange(e){f[0]&&(f[0].freeText=e.target.value,u.paletteViewHandler.clickedOnConfigPalette(f[0],"inputbox",d))},type:"text",value:null!==(t=f[0])&&void 0!==t&&t.freeText?f[0].freeText:""})})})]})}))},59134:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),p=t.n(d),c=t(3565),u=t.n(c),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),w=t(60636),v={};v.styleTagTransform=g(),v.setAttributes=u(),v.insert=p().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var h=t(65515),y=t.n(h),b=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],s=t[1],a=e.round,l=100/n.length,d=(0,r.useState)([]),p=(0,i.Z)(d,2),c=p[0],u=p[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?u(n):u(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,b.jsx)("div",{className:w.YS,style:{borderRadius:a?"100px":void 0},children:(0,b.jsxs)("div",{className:w.No,children:[c.map((function(e,n){return(0,b.jsx)("div",{style:{width:l+"%"},children:(0,b.jsx)("label",{onClick:function onClick(){return s(n)},className:y()(w.F2,o===n&&w.pA),children:e})},n)})),(0,b.jsx)("div",{className:w.wb,style:{left:o/n.length*100+"%",width:l+"%",borderRadius:a?"100px":void 0}})]})})}},11037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),s=t(20640),a=t(59134),l=t(93379),d=t.n(l),p=t(7795),c=t.n(p),u=t(90569),m=t.n(u),f=t(3565),x=t.n(f),g=t(19216),w=t.n(g),v=t(44589),h=t.n(v),y=t(7182),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=w();d()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(65515),j=t.n(P),O=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,l=(0,s.NP)(),d=(0,r.useState)([]),p=(0,i.Z)(d,2),c=p[0],u=p[1],m=(0,r.useState)([]),f=(0,i.Z)(m,2),x=f[0],g=f[1],w=(0,r.useState)(),v=(0,i.Z)(w,2),h=v[0],b=v[1],P=(0,r.useState)(!1),S=(0,i.Z)(P,2),R=S[0],N=S[1];return(0,r.useEffect)((function(){if(void 0!==h){var e=c[h];e&&l.paletteViewHandler.clickedOnConfigPalette(e)}}),[h]),(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));u(e),N(t),g(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),b(e.findIndex((function(e){return e.sel})))}),[n]),0===c.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:y.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,O.jsx)("div",{className:j()(y.eR,y.TN),children:n.name+(R?" (cm)":"")}),(0,O.jsx)("div",{className:j()(y.eR,y.ZN),children:(0,O.jsx)(a.default,{values:x,state:[h,b],round:o})})]})}))},28118:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(87363),o=t(9420),s=(t(89756),t(20640)),a=t(96935),l=t(74133),d=t(93379),p=t.n(d),c=t(7795),u=t.n(c),m=t(90569),f=t.n(m),x=t(3565),g=t.n(x),w=t(19216),v=t.n(w),h=t(44589),y=t.n(h),b=t(74219),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();p()(b.ZP,P);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(47514);const O=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=(0,s.NP)(),d=(0,r.useState)({}),p=(0,i.Z)(d,2),c=p[0],u=p[1],m=(0,r.useState)([]),f=(0,i.Z)(m,2),x=f[0],g=f[1],w=(0,r.useState)(),v=(0,i.Z)(w,2),h=v[0],y=v[1],P=function onChangeComplete(e){void 0!==(null!=e?e:h)&&o.paletteViewHandler.clickedOnConfigPalette(x[null!=e?e:h])};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));g(e),y(e.findIndex((function(e){return e.sel}))),u(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===x.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{style:t,className:b.YS,children:[(0,j.jsx)(l.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,j.jsx)("div",{className:b.sL,children:(0,j.jsx)(a.Z,{marks:c,trackStyle:{backgroundColor:"#e9e9e9"},value:h,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),y(e),P(e)},onChangeComplete:P,min:Number(Object.keys(c)[0]),max:Number(Object.keys(c)[Object.keys(c).length-1])})})]})}))},67502:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(88683),o=t(20640),s=t(87363),a=t(9420),l=t(9755),d=t(93379),p=t.n(d),c=t(7795),u=t.n(c),m=t(90569),f=t.n(m),x=t(3565),g=t.n(x),w=t(19216),v=t.n(w),h=t(44589),y=t.n(h),b=t(77113),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();p()(b.ZP,P);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(74133),O=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 R=(0,a.Pi)((function PromotedProducts(e){var n,t=e.item,a=(0,r.useDivaCore)(),d=a.actions.openComponent,p=a.handler.productHandler,c=a.state.organization,u=(0,s.useState)([]),m=(0,i.Z)(u,2),f=m[0],x=m[1],g=(0,o.NP)(),w=g.getViewConfig().productsConfig,v=(0,s.useState)(0),h=(0,i.Z)(v,2),y=h[0],P=h[1],R=(0,s.useCallback)((function(e){P(g.settingsState.configChanged),d({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),N=y===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,s.useEffect)((function(){var e,n,t;p.apiLoadProductVariantsGrouped({limit:null!==(e=null==w?void 0:w.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==w?void 0:w.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:c._id},{id:"promotedForOrganizations",op:"eq",value:c._id}],sort:null!==(t=null==w?void 0:w.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(c._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}x(e.data)}))}),[g.uiState.isLoading]);var D=null!=w&&w.maxCount&&w.showSkeletions?S(w.maxCount,f.length):[];return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,O.jsxs)("div",{className:b.Ry,children:[f.map((function(e,n){return(0,O.jsx)(l.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:R,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==N}))?{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)})),D.map((function(e){return(0,O.jsx)("div",{className:b.F1,children:(0,O.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),s=t(20640),a=t(45832),l=t(88683),d=t(58391),p=t(27853),c=t(47514),u=(0,l.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,l=e.item,m=e.paletteId,f=e.style,x=(0,s.NP)(),g=l.groups[0].items;if(!g)return(0,c.jsx)(c.Fragment,{});for(var w=0;w<g.length;w++){var v,h;null!==(v=g[w].codex)&&void 0!==v&&v.startsWith("OPVNEIN")&&(i=g[w]),null!==(h=g[w].codex)&&void 0!==h&&h.startsWith("OPVJA")&&(t=g[w])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return u.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),l.isVisited=!0,(0,c.jsx)(c.Fragment,{});var y=0==i.sel,b=null!==(n=l.selectedElements)&&void 0!==n&&n[0].contentItemId?l.selectedElements[0]:l.optionContentItemId?{contentItemId:l.optionContentItemId,codex:l.configStepKey}:void 0;return(0,c.jsxs)("div",{className:o.O7,ref:function ref(e){return l.htmlRef=e},style:f,children:[(0,c.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,c.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,c.jsx)("div",{className:y?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,c.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,c.jsx)(a.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:l,alwaysActiveColor:!0,state:y})}),(0,c.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,c.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,c.jsx)("div",{className:y?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),b&&(0,c.jsx)(d.default,{item:b,style:{position:"relative"}},l.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var i=t(65515),r=t.n(i),o=t(550),s=t(20640),a=t(45832),l=t(9420),d=t(88683),p=t(8108),c=t(58391),u=t(27853),m=t(47514),f=(0,d.getLogger)("Planner","ToggleOption");const x=(0,l.Pi)((function ToggleOption(e){var n,t,i,l=e.item,d=e.paletteId,x=e.style,g=(0,s.NP)(),w=l.groups[0].items;if(!w)return(0,m.jsx)(m.Fragment,{});for(var v=0;v<w.length;v++){var h,y;null!==(h=w[v].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=w[v]),null!==(y=w[v].codex)&&void 0!==y&&y.startsWith("OPVJA")&&(t=w[v])}if(!(i&&t||(2==w.length&&(i=w[0],t=w[1]),i&&t)))return f.error(new p.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),l.isVisited=!0,(0,m.jsx)(m.Fragment,{});var b=null!==(n=l.selectedElements)&&void 0!==n&&n[0].contentItemId?l.selectedElements[0]:l.optionContentItemId?{contentItemId:l.optionContentItemId,codex:l.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return l.htmlRef=e},style:x,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:l.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(a.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:l,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),b&&(0,m.jsx)(c.default,{item:b,style:{bottom:"calc(50% - 10px)",right:"20px"}},l.configStepKey)]})}))},3423:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});t(87363);var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(98404),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.Z,g);x.Z&&x.Z.locals&&x.Z.locals;var w=t(65515),v=t.n(w),h=t(18500),y=t(74133),b=t(3168),P=t(9420),j=t(20640),O=t(12582),S=t(47514);const R=(0,P.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,j.NP)(),o=n.isHeader||n.hideHeader?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)(y.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),s=n.type.startsWith("ART"),a=s&&r.settingsState.planner2Dot0Active;return(0,S.jsxs)("div",{style:t,className:v()(x.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,S.jsx)(h.default,{stepInfo:n.info}),!a&&o,a&&(0,S.jsx)(O.default,{}),s&&!a&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,S.jsx)(b.default,{}),a&&o,i]})}))},40912:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A,getKey:()=>I});var i=t(80248),r=t(34988),o=t(87363),s=t.n(o),a=t(9420),l=t(86468),d=t(16886),p=t(53125),c=t(32105),u=t(3985),m=t(88584),f=t(20640),x=t(73513),g=t(67502),w=t(78717),v=t(4903),h=t(3423),y=t(38315),b=t(28118),P=t(11037),j=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 O=function useGridVariables(e){var n=(0,f.NP)(),t=(0,j.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,s,a,l,d=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},p=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,c=null!==(s=null==d?void 0:d.gapDefault)&&void 0!==s?s:"10px",u=null!==(a=null==d?void 0:d.sizeDefault)&&void 0!==a?a:"300px",m=void 0;if(e.isRenderedNotInSettingPalette&&!e.isRenderedInAccessorieStep)u="240px";else if("SUMMARY_ARTICLES"==e.type||"SUMMARY_OPTIONTREE"===e.type||"SUMMARY_PARTLIST"==e.type||"VARIANTS"==e.type)u="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==e.type||"GAL_BIG"===e.type)u="100px";else if("ACC"==e.type)d.sizeAccessoires&&(u=d.sizeAccessoires);else if("ACC_CONFIG"==e.type)u="100%";else if("RANGE"==e.type)u="100%";else if("GAL"==e.type){var f,x;u=null!==(f=null==d?void 0:d.sizeGallery)&&void 0!==f?f:"80px",c=null!==(x=null==d?void 0:d.gapGallery)&&void 0!==x?x:"10px"}else"PLANNERSWITCH"===e.type?u="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(l=n.uiState.templateConfigKeys)||void 0===l?void 0:l.ItemDefault)||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?u="120px":"VERY_SMALL"===e.type?u="48%":"GAL_TEXT_2"==e.type?u=p>700||p>550?"120px":p>400?"110px":"100px":"GAL_TEXT"==e.type?u=p>700||p>550?"100px":p>400?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?u=p>700?"190px":p>550?"170px":p>400?"145px":"130px":"GAL_BIG_TEXT"==e.type||"ART_2"==e.type?u=p>700||p>550?"120px":p>400?"110px":"100px":"GAL_SMALL_TEXT_2"==e.type||"PLANNER_2.0"==e.type?(u=p>700?"110px":p>550?"95px":p>400?"80px":"70px",c="8px"):"GAL_SMALL_TEXT"==e.type?(u=p>700?"75px":p>550?"70px":p>400?"55px":"50px",c="6px"):e.type.startsWith("GAL_SMALL")&&(u="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":u,"--gridGap":c},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},S=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 R=s().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),N=s().lazy((function(){return Promise.all([t.e(2976),t.e(4054)]).then(t.bind(t,34054))})),D=s().lazy((function(){return Promise.all([t.e(1849),t.e(9604)]).then(t.bind(t,39604))})),I=function getKey(e){var n,t,i,r;return 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 A=(0,a.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.groupSize,s=(0,f.NP)(),a=O(t),j=v.default[t.type];if(void 0===j)throw new Error("component type: '"+t.type+"' not implemented");var A=(0,o.useState)([]),T=(0,r.Z)(A,2),Z=T[0],C=T[1],_=(0,o.useState)([]),E=(0,r.Z)(_,2),k=E[0],L=E[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,l.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),C(n),L(e)}),[t,s.settingsState.itemPalettes]);var G=1===Z.length&&"none"===Z[0].name,z=t.type.startsWith("SUMMARY")?"":u.pw;if(!t.visible)return(0,S.jsx)(S.Fragment,{});if("PLANNER_2.0"==t.type)return(0,S.jsx)(S.Fragment,{});switch(t.type){case"CHECKOUT":return(0,S.jsx)(y.default,{viewHandler:s});case"TOGGLE":return(0,S.jsx)(m.default,{style:a,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,S.jsx)(w.default,{style:a,item:t,paletteId:t.id});case"TEXTBOX":return(0,S.jsx)(d.default,{style:a,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,S.jsx)(p.default,{style:a,item:t,paletteId:t.id});case"NUMBER":return(0,S.jsx)(j,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0],groupSize:i},t.id+t.configStepKey);case"SLIDER":return(0,S.jsx)(b.default,{style:a,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,S.jsx)(P.default,{style:a,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"SHELFPLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(R,{filteredGroups:Z,item:t,id:t.id,style:a},t.id)});case"PRODUCTS":return(0,S.jsx)(D,{item:t});case"PROMOTED":return(0,S.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(N,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var M=(0,S.jsx)(x.default,{item:t,PaletteComponent:j,filteredGroups:k,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:z},t.configStepKey);return(0,S.jsx)(h.default,{style:a,item:t,children:M});default:var K;return K=G?(0,S.jsx)("div",{className:z,children:Z.map((function(e){return e.items.map((function(e,n){return(0,S.jsx)(j,{paletteType:t.type,paletteId:t.id,item:e},I(e))}))}))}):(0,S.jsx)(c.default,{groups:Z,contentInnerClassName:z,itemPalette:t,PaletteComponent:j}),(0,S.jsx)(h.default,{style:a,item:t,children:K})}}))},83301:(e,n,t)=>{t.d(n,{Z:()=>m,t:()=>u});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),a=t(61667),l=t.n(a),d=new URL(t(64197),t.b),p=s()(r()),c=l()(d);p.push([e.id,".index-module--DtwRe {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n/*navigation*/\n\n.index-module--DtwRe .swiper-slide {\n  width: auto;\n  width: initial;\n}\n\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .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 .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe .swiper-button-prev svg,\n.index-module--DtwRe .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 .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .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 .swiper-button-prev:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-next:after,\n.index-module--DtwRe .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("+c+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe .swiper-android .swiper-slide,\n.index-module--DtwRe .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe .swiper-autoheight,\n.index-module--DtwRe .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe .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 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .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 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .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 .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var u="index-module--DtwRe";const m=p},53946:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--GKAfY {\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  width: calc(100% - 12px);\n}\n",""]);var a="index-module--GKAfY";const l=s},11309:(e,n,t)=>{t.d(n,{JU:()=>p,LI:()=>l,YS:()=>a,ZP:()=>c,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--RNSdL",l="index-module--BZXkK",d="index-module--WUQm2",p="index-module--f88nM";const c=s},18135:(e,n,t)=>{t.d(n,{F2:()=>c,O7:()=>l,TN:()=>d,ZP:()=>x,eR:()=>u,kA:()=>f,q_:()=>a,t:()=>m,t$:()=>p});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--BRYpa",l="index-module--VyzqQ",d="index-module--KQkM7",p="index-module--bKCuD",c="index-module--FSuK_",u="index-module--pc3yf",m="index-module--laiEH",f="index-module--HL0mI";const x=s},60636:(e,n,t)=>{t.d(n,{F2:()=>p,No:()=>l,YS:()=>a,ZP:()=>u,pA:()=>c,wb:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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: #f4f4f4;\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 a="index-module--V0pQW",l="index-module--zHWrU",d="index-module--rSXQZ",p="index-module--Ublpe",c="index-module--jEYkH";const u=s},7182:(e,n,t)=>{t.d(n,{O7:()=>a,TN:()=>d,ZN:()=>p,ZP:()=>c,eR:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 15px;\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 a="index-module--j9Vsg",l="index-module--oMpID",d="index-module--F6wCX",p="index-module--mALKQ";const c=s},74219:(e,n,t)=>{t.d(n,{YS:()=>a,ZP:()=>d,sL:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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",""]);var a="index-module--vkNxi",l="index-module--cmtxo";const d=s},77113:(e,n,t)=>{t.d(n,{F1:()=>l,Ry:()=>a,ZP:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--x75w5",l="index-module--tgKwN";const d=s},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>a,TN:()=>p,ZN:()=>c,ZP:()=>f,eR:()=>l,pA:()=>m,u2:()=>u});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--v5pSs",l="index-module--WNi5H",d="index-module--L1EGw",p="index-module--BYNhM",c="index-module--NNRCj",u="index-module--z1OwD",m="index-module--PkMF3";const f=s},98404:(e,n,t)=>{t.d(n,{Z:()=>l,f:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var a="index-module--hCQUB";const l=s},70410:(e,n,t)=>{t.d(n,{ZP:()=>l,pw:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--anx5T";const l=s},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(43078),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>x.pw});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(70410),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3538,4133,2105,3168,3125,6886,9134,1037,9596,7502],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});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 s=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},39460:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(9420),o=t(87363),s=t(37707),a=t(31964),l=t(93379),d=t.n(l),p=t(7795),c=t.n(p),u=t(90569),m=t.n(u),f=t(3565),x=t.n(f),g=t(19216),w=t.n(g),v=t(44589),h=t.n(v),y=t(83301),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=w();d()(y.Z,b);y.Z&&y.Z.locals&&y.Z.locals;var P=t(40912),j=t(65515),O=t.n(j),S=t(47514);const R=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),l=(0,o.useState)(null),d=(0,i.Z)(l,2),p=d[0],c=d[1],u=(0,o.useRef)(0);return(0,o.useEffect)((function(){p&&p.slideTo(u.current,0)}),[p]),1==r.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)("div",{className:O()(y.t),id:n.id.toString(),children:(0,S.jsx)(s.tq,{onSwiper:c,resizeObserver:!0,modules:[a.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,children:r.map((function(e,i){return(0,S.jsx)(s.o5,{onClick:function onClick(e){!function navigateToOnClick(e){u.current=e,null==p||p.slideTo(e)}(i-1),e.stopPropagation()},children:(0,S.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:()=>s});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 s=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},12582:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(4820),r=t(9420),o=(t(87363),t(39460)),s=t(4903),a=t(93379),l=t.n(a),d=t(7795),p=t.n(d),c=t(90569),u=t.n(c),m=t(3565),f=t.n(m),x=t(19216),g=t.n(x),w=t(44589),v=t.n(w),h=t(53946),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=u().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=g();l()(h.Z,y);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const P=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)().settingsState.itemPalettes.get(1);if(!n)return(0,b.jsx)(b.Fragment,{});var t=s.default[n.type];return(0,b.jsx)("div",{className:h.Y,children:(0,b.jsx)(o.default,{item:n,PaletteComponent:t})})}))},3168:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),r=t(4820),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),p=t.n(d),c=t(3565),u=t.n(c),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),w=t(11309),v={};v.styleTagTransform=g(),v.setAttributes=u(),v.insert=p().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;t(87363);var h=t(65515),y=t.n(h),b=t(88683),P=t(47514);const j=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,b.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(w.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:y()(w.LI,n.settingsState.plannerReplaceMode?void 0:w.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:y()(w.LI,n.settingsState.plannerReplaceMode?w.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:w.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});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 s=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},16886:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(84658),r=t(80248),o=t(34988),s=t(50747),a=t.n(s),l=t(87363),d=t(65515),p=t.n(d),c=t(93379),u=t.n(c),m=t(7795),f=t.n(m),x=t(90569),g=t.n(x),w=t(3565),v=t.n(w),h=t(19216),y=t.n(h),b=t(44589),P=t.n(b),j=t(18135),O={};O.styleTagTransform=P(),O.setAttributes=v(),O.insert=g().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=y();u()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=t(4820),R=t(9420),N=t(74133),D=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 I=(0,R.Pi)((function TextBox(e){var n,t,s=e.item,d=e.paletteId,c=e.style,u=(0,S.NP)(),m=(0,l.useRef)(null),f=s.groups[0].items,x=(0,l.useState)(f[0].freeTextLang),g=(0,o.Z)(x,2),w=g[0],v=g[1],h=function(){var e=(0,i.Z)(a().mark((function _callee(e,n){return a().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:u.paletteViewHandler.onFreeTextLangChanged(e,n,f[0],d);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),y=null!==(n=u.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:j.O7,ref:function ref(e){return s.htmlRef=e},style:c,children:[(0,D.jsx)("div",{className:p()(j.eR,j.TN,j.t$),children:(0,D.jsx)(N.default,{item:s,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:p()(j.eR,j.F2),children:y.length?(0,D.jsx)(D.Fragment,{children:y.map((function(e){return(0,D.jsxs)("div",{className:j.t,children:[(0,D.jsx)("div",{className:j.kA,children:e}),(0,D.jsx)("input",{className:j.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return h(e,n)}),500),v(_objectSpread(_objectSpread({},w),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==w?void 0:w[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:j.q_,onChange:function handleChange(e){f[0]&&(f[0].freeText=e.target.value,u.paletteViewHandler.clickedOnConfigPalette(f[0],"inputbox",d))},type:"text",value:null!==(t=f[0])&&void 0!==t&&t.freeText?f[0].freeText:""})})})]})}))},59134:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),p=t.n(d),c=t(3565),u=t.n(c),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),w=t(60636),v={};v.styleTagTransform=g(),v.setAttributes=u(),v.insert=p().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var h=t(65515),y=t.n(h),b=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],s=t[1],a=e.round,l=100/n.length,d=(0,r.useState)([]),p=(0,i.Z)(d,2),c=p[0],u=p[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?u(n):u(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,b.jsx)("div",{className:w.YS,style:{borderRadius:a?"100px":void 0},children:(0,b.jsxs)("div",{className:w.No,children:[c.map((function(e,n){return(0,b.jsx)("div",{style:{width:l+"%"},children:(0,b.jsx)("label",{onClick:function onClick(){return s(n)},className:y()(w.F2,o===n&&w.pA),children:e})},n)})),(0,b.jsx)("div",{className:w.wb,style:{left:o/n.length*100+"%",width:l+"%",borderRadius:a?"100px":void 0}})]})})}},11037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),s=t(4820),a=t(59134),l=t(93379),d=t.n(l),p=t(7795),c=t.n(p),u=t(90569),m=t.n(u),f=t(3565),x=t.n(f),g=t(19216),w=t.n(g),v=t(44589),h=t.n(v),y=t(7182),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=w();d()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(65515),j=t.n(P),O=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,l=(0,s.NP)(),d=(0,r.useState)([]),p=(0,i.Z)(d,2),c=p[0],u=p[1],m=(0,r.useState)([]),f=(0,i.Z)(m,2),x=f[0],g=f[1],w=(0,r.useState)(),v=(0,i.Z)(w,2),h=v[0],b=v[1],P=(0,r.useState)(!1),S=(0,i.Z)(P,2),R=S[0],N=S[1];return(0,r.useEffect)((function(){if(void 0!==h){var e=c[h];e&&l.paletteViewHandler.clickedOnConfigPalette(e)}}),[h]),(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));u(e),N(t),g(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),b(e.findIndex((function(e){return e.sel})))}),[n]),0===c.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:y.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,O.jsx)("div",{className:j()(y.eR,y.TN),children:n.name+(R?" (cm)":"")}),(0,O.jsx)("div",{className:j()(y.eR,y.ZN),children:(0,O.jsx)(a.default,{values:x,state:[h,b],round:o})})]})}))},28118:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(87363),o=t(9420),s=(t(89756),t(4820)),a=t(96935),l=t(74133),d=t(93379),p=t.n(d),c=t(7795),u=t.n(c),m=t(90569),f=t.n(m),x=t(3565),g=t.n(x),w=t(19216),v=t.n(w),h=t(44589),y=t.n(h),b=t(74219),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();p()(b.ZP,P);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(47514);const O=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=(0,s.NP)(),d=(0,r.useState)({}),p=(0,i.Z)(d,2),c=p[0],u=p[1],m=(0,r.useState)([]),f=(0,i.Z)(m,2),x=f[0],g=f[1],w=(0,r.useState)(),v=(0,i.Z)(w,2),h=v[0],y=v[1],P=function onChangeComplete(e){void 0!==(null!=e?e:h)&&o.paletteViewHandler.clickedOnConfigPalette(x[null!=e?e:h])};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));g(e),y(e.findIndex((function(e){return e.sel}))),u(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===x.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{style:t,className:b.YS,children:[(0,j.jsx)(l.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,j.jsx)("div",{className:b.sL,children:(0,j.jsx)(a.Z,{marks:c,trackStyle:{backgroundColor:"#e9e9e9"},value:h,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),y(e),P(e)},onChangeComplete:P,min:Number(Object.keys(c)[0]),max:Number(Object.keys(c)[Object.keys(c).length-1])})})]})}))},67502:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(88683),o=t(4820),s=t(87363),a=t(9420),l=t(9755),d=t(93379),p=t.n(d),c=t(7795),u=t.n(c),m=t(90569),f=t.n(m),x=t(3565),g=t.n(x),w=t(19216),v=t.n(w),h=t(44589),y=t.n(h),b=t(77113),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();p()(b.ZP,P);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(74133),O=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 R=(0,a.Pi)((function PromotedProducts(e){var n,t=e.item,a=(0,r.useDivaCore)(),d=a.actions.openComponent,p=a.handler.productHandler,c=a.state.organization,u=(0,s.useState)([]),m=(0,i.Z)(u,2),f=m[0],x=m[1],g=(0,o.NP)(),w=g.getViewConfig().productsConfig,v=(0,s.useState)(0),h=(0,i.Z)(v,2),y=h[0],P=h[1],R=(0,s.useCallback)((function(e){P(g.settingsState.configChanged),d({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),N=y===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,s.useEffect)((function(){var e,n,t;p.apiLoadProductVariantsGrouped({limit:null!==(e=null==w?void 0:w.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==w?void 0:w.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:c._id},{id:"promotedForOrganizations",op:"eq",value:c._id}],sort:null!==(t=null==w?void 0:w.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(c._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}x(e.data)}))}),[g.uiState.isLoading]);var D=null!=w&&w.maxCount&&w.showSkeletions?S(w.maxCount,f.length):[];return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,O.jsxs)("div",{className:b.Ry,children:[f.map((function(e,n){return(0,O.jsx)(l.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:R,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==N}))?{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)})),D.map((function(e){return(0,O.jsx)("div",{className:b.F1,children:(0,O.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),s=t(4820),a=t(45832),l=t(88683),d=t(58391),p=t(27853),c=t(47514),u=(0,l.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,l=e.item,m=e.paletteId,f=e.style,x=(0,s.NP)(),g=l.groups[0].items;if(!g)return(0,c.jsx)(c.Fragment,{});for(var w=0;w<g.length;w++){var v,h;null!==(v=g[w].codex)&&void 0!==v&&v.startsWith("OPVNEIN")&&(i=g[w]),null!==(h=g[w].codex)&&void 0!==h&&h.startsWith("OPVJA")&&(t=g[w])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return u.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),l.isVisited=!0,(0,c.jsx)(c.Fragment,{});var y=0==i.sel,b=null!==(n=l.selectedElements)&&void 0!==n&&n[0].contentItemId?l.selectedElements[0]:l.optionContentItemId?{contentItemId:l.optionContentItemId,codex:l.configStepKey}:void 0;return(0,c.jsxs)("div",{className:o.O7,ref:function ref(e){return l.htmlRef=e},style:f,children:[(0,c.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,c.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,c.jsx)("div",{className:y?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,c.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,c.jsx)(a.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:l,alwaysActiveColor:!0,state:y})}),(0,c.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,c.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,c.jsx)("div",{className:y?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),b&&(0,c.jsx)(d.default,{item:b,style:{position:"relative"}},l.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var i=t(65515),r=t.n(i),o=t(550),s=t(4820),a=t(45832),l=t(9420),d=t(88683),p=t(8108),c=t(58391),u=t(27853),m=t(47514),f=(0,d.getLogger)("Planner","ToggleOption");const x=(0,l.Pi)((function ToggleOption(e){var n,t,i,l=e.item,d=e.paletteId,x=e.style,g=(0,s.NP)(),w=l.groups[0].items;if(!w)return(0,m.jsx)(m.Fragment,{});for(var v=0;v<w.length;v++){var h,y;null!==(h=w[v].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=w[v]),null!==(y=w[v].codex)&&void 0!==y&&y.startsWith("OPVJA")&&(t=w[v])}if(!(i&&t||(2==w.length&&(i=w[0],t=w[1]),i&&t)))return f.error(new p.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),l.isVisited=!0,(0,m.jsx)(m.Fragment,{});var b=null!==(n=l.selectedElements)&&void 0!==n&&n[0].contentItemId?l.selectedElements[0]:l.optionContentItemId?{contentItemId:l.optionContentItemId,codex:l.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return l.htmlRef=e},style:x,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:l.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(a.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:l,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),b&&(0,m.jsx)(c.default,{item:b,style:{bottom:"calc(50% - 10px)",right:"20px"}},l.configStepKey)]})}))},3423:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});t(87363);var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(98404),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.Z,g);x.Z&&x.Z.locals&&x.Z.locals;var w=t(65515),v=t.n(w),h=t(18500),y=t(74133),b=t(3168),P=t(9420),j=t(4820),O=t(12582),S=t(47514);const R=(0,P.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,j.NP)(),o=n.isHeader||n.hideHeader?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)(y.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),s=n.type.startsWith("ART"),a=s&&r.settingsState.planner2Dot0Active;return(0,S.jsxs)("div",{style:t,className:v()(x.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,S.jsx)(h.default,{stepInfo:n.info}),!a&&o,a&&(0,S.jsx)(O.default,{}),s&&!a&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,S.jsx)(b.default,{}),a&&o,i]})}))},40912:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A,getKey:()=>I});var i=t(80248),r=t(34988),o=t(87363),s=t.n(o),a=t(9420),l=t(86468),d=t(16886),p=t(53125),c=t(32105),u=t(3985),m=t(88584),f=t(4820),x=t(73513),g=t(67502),w=t(78717),v=t(4903),h=t(3423),y=t(38315),b=t(28118),P=t(11037),j=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 O=function useGridVariables(e){var n=(0,f.NP)(),t=(0,j.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,s,a,l,d=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},p=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,c=null!==(s=null==d?void 0:d.gapDefault)&&void 0!==s?s:"10px",u=null!==(a=null==d?void 0:d.sizeDefault)&&void 0!==a?a:"300px",m=void 0;if(e.isRenderedNotInSettingPalette&&!e.isRenderedInAccessorieStep)u="240px";else if("SUMMARY_ARTICLES"==e.type||"SUMMARY_OPTIONTREE"===e.type||"SUMMARY_PARTLIST"==e.type||"VARIANTS"==e.type)u="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==e.type||"GAL_BIG"===e.type)u="100px";else if("ACC"==e.type)d.sizeAccessoires&&(u=d.sizeAccessoires);else if("ACC_CONFIG"==e.type)u="100%";else if("RANGE"==e.type)u="100%";else if("GAL"==e.type){var f,x;u=null!==(f=null==d?void 0:d.sizeGallery)&&void 0!==f?f:"80px",c=null!==(x=null==d?void 0:d.gapGallery)&&void 0!==x?x:"10px"}else"PLANNERSWITCH"===e.type?u="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(l=n.uiState.templateConfigKeys)||void 0===l?void 0:l.ItemDefault)||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?u="120px":"VERY_SMALL"===e.type?u="48%":"GAL_TEXT_2"==e.type?u=p>700||p>550?"120px":p>400?"110px":"100px":"GAL_TEXT"==e.type?u=p>700||p>550?"100px":p>400?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?u=p>700?"190px":p>550?"170px":p>400?"145px":"130px":"GAL_BIG_TEXT"==e.type||"ART_2"==e.type?u=p>700||p>550?"120px":p>400?"110px":"100px":"GAL_SMALL_TEXT_2"==e.type||"PLANNER_2.0"==e.type?(u=p>700?"110px":p>550?"95px":p>400?"80px":"70px",c="8px"):"GAL_SMALL_TEXT"==e.type?(u=p>700?"75px":p>550?"70px":p>400?"55px":"50px",c="6px"):e.type.startsWith("GAL_SMALL")&&(u="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":u,"--gridGap":c},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},S=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 R=s().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),N=s().lazy((function(){return Promise.all([t.e(2976),t.e(4054)]).then(t.bind(t,34054))})),D=s().lazy((function(){return Promise.all([t.e(1849),t.e(9604)]).then(t.bind(t,39604))})),I=function getKey(e){var n,t,i,r;return 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 A=(0,a.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.groupSize,s=(0,f.NP)(),a=O(t),j=v.default[t.type];if(void 0===j)throw new Error("component type: '"+t.type+"' not implemented");var A=(0,o.useState)([]),T=(0,r.Z)(A,2),Z=T[0],C=T[1],_=(0,o.useState)([]),E=(0,r.Z)(_,2),k=E[0],L=E[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,l.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),C(n),L(e)}),[t,s.settingsState.itemPalettes]);var G=1===Z.length&&"none"===Z[0].name,z=t.type.startsWith("SUMMARY")?"":u.pw;if(!t.visible)return(0,S.jsx)(S.Fragment,{});if("PLANNER_2.0"==t.type)return(0,S.jsx)(S.Fragment,{});switch(t.type){case"CHECKOUT":return(0,S.jsx)(y.default,{viewHandler:s});case"TOGGLE":return(0,S.jsx)(m.default,{style:a,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,S.jsx)(w.default,{style:a,item:t,paletteId:t.id});case"TEXTBOX":return(0,S.jsx)(d.default,{style:a,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,S.jsx)(p.default,{style:a,item:t,paletteId:t.id});case"NUMBER":return(0,S.jsx)(j,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0],groupSize:i},t.id+t.configStepKey);case"SLIDER":return(0,S.jsx)(b.default,{style:a,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,S.jsx)(P.default,{style:a,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"SHELFPLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(R,{filteredGroups:Z,item:t,id:t.id,style:a},t.id)});case"PRODUCTS":return(0,S.jsx)(D,{item:t});case"PROMOTED":return(0,S.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(N,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var M=(0,S.jsx)(x.default,{item:t,PaletteComponent:j,filteredGroups:k,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:z},t.configStepKey);return(0,S.jsx)(h.default,{style:a,item:t,children:M});default:var K;return K=G?(0,S.jsx)("div",{className:z,children:Z.map((function(e){return e.items.map((function(e,n){return(0,S.jsx)(j,{paletteType:t.type,paletteId:t.id,item:e},I(e))}))}))}):(0,S.jsx)(c.default,{groups:Z,contentInnerClassName:z,itemPalette:t,PaletteComponent:j}),(0,S.jsx)(h.default,{style:a,item:t,children:K})}}))},83301:(e,n,t)=>{t.d(n,{Z:()=>m,t:()=>u});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),a=t(61667),l=t.n(a),d=new URL(t(64197),t.b),p=s()(r()),c=l()(d);p.push([e.id,".index-module--DtwRe {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n/*navigation*/\n\n.index-module--DtwRe .swiper-slide {\n  width: auto;\n  width: initial;\n}\n\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .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 .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe .swiper-button-prev svg,\n.index-module--DtwRe .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 .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .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 .swiper-button-prev:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-next:after,\n.index-module--DtwRe .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("+c+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe .swiper-android .swiper-slide,\n.index-module--DtwRe .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe .swiper-autoheight,\n.index-module--DtwRe .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe .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 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .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 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .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 .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var u="index-module--DtwRe";const m=p},53946:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--GKAfY {\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  width: calc(100% - 12px);\n}\n",""]);var a="index-module--GKAfY";const l=s},11309:(e,n,t)=>{t.d(n,{JU:()=>p,LI:()=>l,YS:()=>a,ZP:()=>c,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--RNSdL",l="index-module--BZXkK",d="index-module--WUQm2",p="index-module--f88nM";const c=s},18135:(e,n,t)=>{t.d(n,{F2:()=>c,O7:()=>l,TN:()=>d,ZP:()=>x,eR:()=>u,kA:()=>f,q_:()=>a,t:()=>m,t$:()=>p});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--BRYpa",l="index-module--VyzqQ",d="index-module--KQkM7",p="index-module--bKCuD",c="index-module--FSuK_",u="index-module--pc3yf",m="index-module--laiEH",f="index-module--HL0mI";const x=s},60636:(e,n,t)=>{t.d(n,{F2:()=>p,No:()=>l,YS:()=>a,ZP:()=>u,pA:()=>c,wb:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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: #f4f4f4;\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 a="index-module--V0pQW",l="index-module--zHWrU",d="index-module--rSXQZ",p="index-module--Ublpe",c="index-module--jEYkH";const u=s},7182:(e,n,t)=>{t.d(n,{O7:()=>a,TN:()=>d,ZN:()=>p,ZP:()=>c,eR:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 15px;\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 a="index-module--j9Vsg",l="index-module--oMpID",d="index-module--F6wCX",p="index-module--mALKQ";const c=s},74219:(e,n,t)=>{t.d(n,{YS:()=>a,ZP:()=>d,sL:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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",""]);var a="index-module--vkNxi",l="index-module--cmtxo";const d=s},77113:(e,n,t)=>{t.d(n,{F1:()=>l,Ry:()=>a,ZP:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--x75w5",l="index-module--tgKwN";const d=s},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>a,TN:()=>p,ZN:()=>c,ZP:()=>f,eR:()=>l,pA:()=>m,u2:()=>u});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--v5pSs",l="index-module--WNi5H",d="index-module--L1EGw",p="index-module--BYNhM",c="index-module--NNRCj",u="index-module--z1OwD",m="index-module--PkMF3";const f=s},98404:(e,n,t)=>{t.d(n,{Z:()=>l,f:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var a="index-module--hCQUB";const l=s},70410:(e,n,t)=>{t.d(n,{ZP:()=>l,pw:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--anx5T";const l=s},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(43078),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>x.pw});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(70410),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);

package/build/umd/357.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 357.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[357,7446,9165,2654,8317,5832,8692,2318,8345],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},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 y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));return y},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,y){r.exports=y(2)()},function(r,m){r.exports=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,w,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,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),x=y.n(v),w=y(0),C=y.n(w),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 y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[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 y=0;y<m.length;y++){var v=m[y];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 y,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.apply(this,arguments);return f(this,y)}}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,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,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,y,v,w=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=w.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,(y=[{key:"componentDidUpdate",value:function(r,m){var y=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(){y.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,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return x.a.createElement("span",{className:"".concat(y,"__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},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",w=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,S=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,k=this.props,N=k.classParentString,j=k.contentOuterClassName,E=k.contentInnerClassName,T="".concat(N,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),P="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(N,"__contentOuter ").concat(j),D="".concat(N,"__contentInner ").concat(E);return x.a.createElement(C,l({className:P.trim()},this.props.containerElementProps),x.a.createElement(O,l({id:this.triggerId,className:T.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&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),w),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:_.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},x.a.createElement("div",{className:D.trim()},S)))}}])&&p(m.prototype,y),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}]))},59165:(r,m,y)=>{"use strict";y.d(m,{_l:()=>C,gc:()=>JsonView});var v=y(87363);const isDate=r=>!!r&&r instanceof Date;function quoteString(r,m){return void 0===m&&(m=!1),!r||m?`"${r}"`:r}function ExpandableObject(r){let{field:m,value:y,data:x,lastElement:w,openBracket:C,closeBracket:O,level:S,style:k,shouldExpandNode:N,clickToExpandNode:j,outerRef:E}=r;const T=(0,v.useRef)(!1),[P,_,D]=function useBool(r){const[m,y]=(0,v.useState)(r());return[m,()=>y((r=>!r)),y]}((()=>N(S,y,m))),I=(0,v.useRef)(null);(0,v.useEffect)((()=>{T.current?D(N(S,y,m)):T.current=!0}),[N]);const A=P?k.collapseIcon:k.expandIcon,R=P?"collapse JSON":"expand JSON",M=(0,v.useId)(),F=S+1,W=x.length-1,onKeyDown=r=>{if("ArrowRight"===r.key||"ArrowLeft"===r.key)r.preventDefault(),D("ArrowRight"===r.key);else if("ArrowUp"===r.key||"ArrowDown"===r.key){r.preventDefault();const m="ArrowUp"===r.key?-1:1;if(!E.current)return;const y=E.current.querySelectorAll("[role=button]");let v=-1;for(let r=0;r<y.length;r++)if(0===y[r].tabIndex){v=r;break}if(v<0)return;const x=(v+m+y.length)%y.length;y[v].tabIndex=-1,y[x].tabIndex=0,y[x].focus()}},onClick=()=>{var r;_();const m=I.current;if(!m)return;const y=null===(r=E.current)||void 0===r?void 0:r.querySelector('[role=button][tabindex="0"]');y&&(y.tabIndex=-1),m.tabIndex=0,m.focus()};return(0,v.createElement)("div",{className:k.basicChildStyle,role:"treeitem","aria-expanded":P,"aria-selected":void 0},(0,v.createElement)("span",{className:A,onClick,onKeyDown,role:"button","aria-label":R,"aria-expanded":P,"aria-controls":P?M:void 0,ref:I,tabIndex:0===S?0:-1}),(m||""===m)&&(j?(0,v.createElement)("span",{className:k.clickableLabel,onClick,onKeyDown},quoteString(m,k.quotesForFieldNames),":"):(0,v.createElement)("span",{className:k.label},quoteString(m,k.quotesForFieldNames),":")),(0,v.createElement)("span",{className:k.punctuation},C),P?(0,v.createElement)("ul",{id:M,role:"group"},x.map(((r,m)=>(0,v.createElement)(DataRender,{key:r[0]||m,field:r[0],value:r[1],style:k,lastElement:m===W,level:F,shouldExpandNode:N,clickToExpandNode:j,outerRef:E})))):(0,v.createElement)("span",{className:k.collapsedContent,onClick,onKeyDown}),(0,v.createElement)("span",{className:k.punctuation},O),!w&&(0,v.createElement)("span",{className:k.punctuation},","))}function EmptyObject(r){let{field:m,openBracket:y,closeBracket:x,lastElement:w,style:C}=r;return(0,v.createElement)("div",{className:C.basicChildStyle,role:"treeitem","aria-selected":void 0},(m||""===m)&&(0,v.createElement)("span",{className:C.label},quoteString(m,C.quotesForFieldNames),":"),(0,v.createElement)("span",{className:C.punctuation},y),(0,v.createElement)("span",{className:C.punctuation},x),!w&&(0,v.createElement)("span",{className:C.punctuation},","))}function JsonObject(r){let{field:m,value:y,style:v,lastElement:x,shouldExpandNode:w,clickToExpandNode:C,level:O,outerRef:S}=r;return 0===Object.keys(y).length?EmptyObject({field:m,openBracket:"{",closeBracket:"}",lastElement:x,style:v}):ExpandableObject({field:m,value:y,lastElement:x||!1,level:O,openBracket:"{",closeBracket:"}",style:v,shouldExpandNode:w,clickToExpandNode:C,data:Object.keys(y).map((r=>[r,y[r]])),outerRef:S})}function JsonArray(r){let{field:m,value:y,style:v,lastElement:x,level:w,shouldExpandNode:C,clickToExpandNode:O,outerRef:S}=r;return 0===y.length?EmptyObject({field:m,openBracket:"[",closeBracket:"]",lastElement:x,style:v}):ExpandableObject({field:m,value:y,lastElement:x||!1,level:w,openBracket:"[",closeBracket:"]",style:v,shouldExpandNode:C,clickToExpandNode:O,data:y.map((r=>[void 0,r])),outerRef:S})}function JsonPrimitiveValue(r){let m,{field:y,value:x,style:w,lastElement:C}=r,O=w.otherValue;var S;return null===x?(m="null",O=w.nullValue):void 0===x?(m="undefined",O=w.undefinedValue):"string"==typeof(S=x)||S instanceof String?(m=quoteString(x,!w.noQuotesForStringValues),O=w.stringValue):(r=>"boolean"==typeof r||r instanceof Boolean)(x)?(m=x?"true":"false",O=w.booleanValue):(r=>"number"==typeof r||r instanceof Number)(x)?(m=x.toString(),O=w.numberValue):(r=>"bigint"==typeof r||r instanceof BigInt)(x)?(m=`${x.toString()}n`,O=w.numberValue):m=isDate(x)?x.toISOString():x.toString(),(0,v.createElement)("div",{className:w.basicChildStyle,role:"treeitem","aria-selected":void 0},(y||""===y)&&(0,v.createElement)("span",{className:w.label},quoteString(y,w.quotesForFieldNames),":"),(0,v.createElement)("span",{className:O},m),!C&&(0,v.createElement)("span",{className:w.punctuation},","))}function DataRender(r){const m=r.value;return y=m,Array.isArray(y)?(0,v.createElement)(JsonArray,Object.assign({},r)):(r=>r instanceof Object&&null!==r)(m)&&!isDate(m)?(0,v.createElement)(JsonObject,Object.assign({},r)):(0,v.createElement)(JsonPrimitiveValue,Object.assign({},r));var y}var x="_2bkNM";const w={container:"_2IvMF _GzYRV",basicChildStyle:x,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},C={container:"_11RoI _GzYRV",basicChildStyle:x,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},allExpanded=()=>!0,JsonView=r=>{let{data:m,style:y=w,shouldExpandNode:x=allExpanded,clickToExpandNode:C=!1,...O}=r;const S=(0,v.useRef)(null);return(0,v.createElement)("div",Object.assign({"aria-label":"JSON view"},O,{className:y.container,ref:S,role:"tree"}),(0,v.createElement)(DataRender,{value:m,style:y,lastElement:!0,level:0,shouldExpandNode:x,clickToExpandNode:C,outerRef:S}))}},52654:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});y(87363);var v=y(28317),x=y(9420),w=y(47514);const C=(0,x.Pi)((function AsyncRender(r){var m=r.optionSnapshot,y=r.onClick,x=r.showDiffOnly,C=r.allOpen,O=function use(r){if("fulfilled"===r.status)return r.value;throw"rejected"===r.status?r.reason:("pending"===r.status||(r.status="pending",r.then((function(m){r.status="fulfilled",r.value=m}),(function(m){r.status="rejected",r.reason=m}))),r)}(m.promise);return O?(0,w.jsx)(v.default,{onClick:y,articles:O.articleSnapshot,price:O.price,title:m.title,allOpen:C,showDiffOnly:x,configStepKey:m.key}):(0,w.jsx)(w.Fragment,{})}))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>P});var v=y(80248),x=y(34988),w=y(87363),C=y(9420),O=y(93476),S=y(57446),k=y.n(S),N=y(20640),j=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}var E=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(T(v,!0)),m=E(v,m);else{for(var x=!1,w=0;w<m.length;w++)if(v.articleCodex===m[w].articleCodex&&v.retailArticleNr===m[w].retailArticleNr&&v.retailPrefix===m[w].retailPrefix&&v.catalogCodex===m[w].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[w].VariantValues)){x=!0,m[w].quantity+=v.quantity;break}x||m.push(T(v))}}return m},T=function getPartlsitArticleObj(r,m){var y,v,x,w,C,O;return{name:(m?"Hülse: ":"")+r.posNr+" "+r.name,price:m?"---":r.price,retailArticleNr:null!==(y=r.retailArticleNr)&&void 0!==y?y:"",retailPrefix:null!==(v=r.retailPrefix)&&void 0!==v?v:"",quantity:r.quantity,ruleDesc:null!==(x=r.ruleDesc)&&void 0!==x?x:"",articleCodex:r.articleCodex,catalogCodex:null!==(w=r.catalogCodex)&&void 0!==w?w:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(C=null===(O=r.partListParentArticle)||void 0===O||null===(O=O.catalogArticle.partlistDecisions)||void 0===O?void 0:O["D"+r.partlistDecisionNo])&&void 0!==C?C:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const P=(0,C.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,C=r.title,S=r.allOpen,T=r.configStepKey,P=r.showDiffOnly,_=(0,w.useState)(),D=(0,x.Z)(_,2),I=D[0],A=D[1],R=(0,N.NP)();return(0,w.useEffect)((function(){var r,m=R.settingsState.partlistArticlesInOverview[T];if((void 0===I||!m||m.totalCount===m.items.length)&&(void 0===I||P)){var v=[];for(var x in y)v=E(y[x],v);P&&m&&m.totalCount===m.items.length&&(v=v.map((function(r){return _objectSpread(_objectSpread({},r),{},{visible:m.items.filter((function(m){return m.articles.find((function(m){return m.plaCodex==r.articleCodex&&r.retailArticleNr==m.retailArticleNr}))})).length!==m.items.length})})));var w=_objectSpread({},R.settingsState.partlistArticlesInOverview);null!==(r=w[T])&&void 0!==r&&r.items&&!w[T].items.find((function(r){return r.opv===C}))&&(w[T].items.push({opv:C,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),R.settingsState.setPartlistArticlesInOverview(w)),A(v)}}),[R.settingsState.partlistArticlesInOverview]),(0,j.jsx)(k(),{trigger:(0,j.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=I?I:[]).length+" preis: "+v+" -- "+C}),open:""==C||S,easing:"ease",transitionTime:100,children:(0,j.jsxs)("table",{className:O.Kz,children:[(0,j.jsx)("thead",{children:(0,j.jsxs)("tr",{className:O.$Q,children:[(0,j.jsx)("th",{children:"Name"}),(0,j.jsx)("th",{children:"Artikle Nr."}),(0,j.jsx)("th",{children:"CatalogCodex"}),(0,j.jsx)("th",{children:"Preis"}),(0,j.jsx)("th",{children:"Nr"}),(0,j.jsx)("th",{children:"Prefix"}),(0,j.jsx)("th",{children:"Menge"}),(0,j.jsx)("th",{children:"Rule"}),(0,j.jsx)("th",{children:"decision"})]})}),(0,j.jsx)("tbody",{children:(null!=I?I:[]).filter((function(r){return!P||r.visible||void 0===r.visible})).map((function(r){var y,v,x;return(0,j.jsxs)("tr",{className:O.$Q,children:[(0,j.jsxs)("th",{children:[" ",r.name]}),(0,j.jsxs)("th",{children:[r.articleCodex," "]}),(0,j.jsxs)("th",{children:[r.catalogCodex," "]}),(0,j.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,j.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,j.jsxs)("th",{children:[r.retailPrefix," "]}),(0,j.jsxs)("th",{children:[r.quantity," "]}),(0,j.jsx)("th",{children:r.rule}),r.decision&&(0,j.jsx)("th",{onClick:function onClick(){return m({decision:r.decision,rule:r.partlistRule})},children:(null===(v=r.decision)||void 0===v?void 0:v.Number)||(null===(x=r.decision)||void 0===x?void 0:x.decisionNo)})]},r.articleCodex+r.retailArticleNr)}))})]})})}))},97078:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>R});var v=y(80248),x=y(34988),w=y(72874),C=y(87363),O=y(51203),S=y(93476),k=y(36115),N=y(20640),j=y(9420),E=y(65515),T=y.n(E),P=y(13222),_=y(45832),D=y(52654),I=y(47514),A=["onMouseDown"];function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const R=(0,j.Pi)((function PartList(r){var m=r.onMouseDown,y=(0,w.Z)(r,A),v=(0,N.NP)(),j=(0,C.useState)(),E=(0,x.Z)(j,2),R=E[0],M=E[1],F=(0,C.useState)(),W=(0,x.Z)(F,2),B=W[0],z=W[1],L=(0,C.useState)(!1),V=(0,x.Z)(L,2),H=V[0],Z=V[1],K=(0,C.useState)(!1),q=(0,x.Z)(K,2),U=q[0],G=q[1],Q=(0,C.useState)(!0),J=(0,x.Z)(Q,2),X=J[0],$=J[1],Y=function onClick(r){var m,y,v=r.decision;(v.decisionNo||v.Number)==((null==R||null===(m=R.decision)||void 0===m?void 0:m.Number)||(null==R||null===(y=R.decision)||void 0===y?void 0:y.decisionNo))?M(void 0):M(r)};(0,C.useEffect)((function(){H?setTimeout((function(){return ee()}),400):z([{snapshots:[{promise:new Promise((function(r){var m,y,x;r({articleSnapshot:null!==(m=v.divaWebPlanner.getDivaArticles())&&void 0!==m?m:{},price:null!==(y=null===(x=v.divaWebPlanner.actSet())||void 0===x?void 0:x.getSetPrice())&&void 0!==y?y:0})})),title:"",key:v.settingsState.configChanged.toString()}]}])}),[v.settingsState.configChanged,v.tabGroupState.curConfigStep]);var ee=function updateVariants(){for(var r=[],m={},y=v.settingsState.itemPaletteArr.filter((function(r){return r[1].visible})).map((function(r){return{items:r[1].groups.flatMap((function(r){return r.items.flatMap((function(r){return r}))})),palette:r[1]}})),x=0;x<y.length;x++){for(var w=y[x].items,C=y[x].palette,O=[],S=0;S<w.length;S++){var k=w[S];k.pricePreviewPromise&&(k.text||k.name)&&O.push({promise:k.pricePreviewPromise.promise,title:k.text||k.name,key:C.configStepKey})}m[C.configStepKey]={items:[],totalCount:w.length},r.push({snapshots:O,palette:C})}v.settingsState.setPartlistArticlesInOverview(m),z(r)};return(0,C.useEffect)((function(){var r=v.divaWebPlanner.actSet();r&&(r.logTotalStateForVariants=H)}),[H]),null!=B&&B.length?(0,I.jsxs)("div",_objectSpread(_objectSpread({},y),{},{className:T()(y.className,S.fm,v.uiState.configSettingsIsExpanded?O.NF:void 0),style:{zIndex:800},children:[(0,I.jsxs)("a",{className:S.Fs,onMouseDown:m,children:["Stücklisten Übersicht",(0,I.jsxs)("div",{className:S.US,children:[(0,I.jsx)(_.default,{state:H,onChange:function onChange(r){return Z(r)},on:"alle",off:"einzeln",width:100}),H&&(0,I.jsx)(_.default,{state:U,onChange:function onChange(r){return G(r)},on:"offen",off:"zu",width:100}),H&&(0,I.jsx)(_.default,{state:X,onChange:function onChange(r){return $(r)},on:"schnittm.",off:"alle",width:100})]})]}),B.map((function(r,m){var y;return(0,I.jsxs)("div",{className:S.EM,children:[!(null===(y=r.palette)||void 0===y||!y.name)&&(0,I.jsx)("div",{children:r.palette.name}),r.snapshots.map((function(r){return(0,I.jsx)(C.Suspense,{children:(0,I.jsx)(D.default,{onClick:Y,optionSnapshot:r,allOpen:U,showDiffOnly:X},r.key)})}))]},m)})),R&&(0,I.jsx)("div",{className:k.EC,style:{right:0,zIndex:100},children:(0,I.jsx)(P.default,{decision:R.decision,matchingOptions:R.rule})})]})):(0,I.jsx)(I.Fragment,{})}))},45832:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>F});var v=y(65515),x=y.n(v),w=(y(87363),y(68692)),C=y(93379),O=y.n(C),S=y(7795),k=y.n(S),N=y(90569),j=y.n(N),E=y(3565),T=y.n(E),P=y(19216),_=y.n(P),D=y(44589),I=y.n(D),A=y(75581),R={};R.styleTagTransform=I(),R.setAttributes=T(),R.insert=j().bind(null,"head"),R.domAPI=k(),R.insertStyleElement=_();O()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var M=y(47514);const F=function Toggle(r){var m,y=r.onChange,v=r.val,C=r.state,O=r.on,S=r.off,k=r.alwaysActiveColor,N=r.height,j=void 0===N?40:N,E=r.width,T=void 0===E?80:E,P=r.handleDiameter,_=void 0===P?32:P,D=null===(m=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===m?void 0:m.replace(/ /g,"");return(0,M.jsx)(w.Z,{checkedIcon:O?(0,M.jsx)("div",{className:x()(A.f6,A.co),children:O}):(0,M.jsx)(M.Fragment,{}),uncheckedIcon:S?(0,M.jsx)("div",{className:x()(A.f6,A.no),children:S}):(0,M.jsx)(M.Fragment,{}),onChange:function onChange(){return y(null!=v?v:!C)},checked:C,onColor:D,offColor:k?D:"#CACACA",height:j,width:T,handleDiameter:_})}},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>S,EM:()=>E,Fs:()=>N,Kz:()=>O,US:()=>j,ZP:()=>T,fm:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var O="index-module--LmG2a",S="index-module--A0hQw",k="index-module--PcNw4",N="index-module--Gh5Gk",j="index-module--Biof7",E="index-module--DLRJp";const T=C},89965:(r,m,y)=>{"use strict";y.d(m,{NF:()=>S,ZP:()=>N,ec:()=>O,pb:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var O="index-module--NA4Nc",S="index-module--zxgl3",k="index-module--WGNyK";const N=C},75581:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,co:()=>S,f6:()=>O,no:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.push([r.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var O="index-module--D7_Ss",S="index-module--ciLne",k="index-module--W1TLd";const N=C},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>_.$Q,EM:()=>_.EM,Fs:()=>_.Fs,Kz:()=>_.Kz,US:()=>_.US,fm:()=>_.fm});var v=y(93379),x=y.n(v),w=y(7795),C=y.n(w),O=y(90569),S=y.n(O),k=y(3565),N=y.n(k),j=y(19216),E=y.n(j),T=y(44589),P=y.n(T),_=y(98793),D={};D.styleTagTransform=P(),D.setAttributes=N(),D.insert=S().bind(null,"head"),D.domAPI=C(),D.insertStyleElement=E();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},51203:(r,m,y)=>{"use strict";y.d(m,{NF:()=>_.NF,ec:()=>_.ec,pb:()=>_.pb});var v=y(93379),x=y.n(v),w=y(7795),C=y.n(w),O=y(90569),S=y.n(O),k=y(3565),N=y.n(k),j=y(19216),E=y.n(j),T=y(44589),P=y.n(T),_=y(89965),D={};D.styleTagTransform=P(),D.setAttributes=N(),D.insert=S().bind(null,"head"),D.domAPI=C(),D.insertStyleElement=E();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},68692:(r,m,y)=>{"use strict";y.d(m,{Z:()=>C});var v=y(87363);function s(){return s=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r},s.apply(this,arguments)}var x=v.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},v.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),w=v.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},v.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(r){if(7===r.length)return r;for(var m="#",y=1;y<4;y+=1)m+=r[y]+r[y];return m}function e(r,m,y,v,x){return function(r,m,y,v,x){var w=(r-y)/(m-y);if(0===w)return v;if(1===w)return x;for(var C="#",O=1;O<6;O+=2){var S=parseInt(v.substr(O,2),16),k=parseInt(x.substr(O,2),16),N=Math.round((1-w)*S+w*k).toString(16);1===N.length&&(N="0"+N),C+=N}return C}(r,m,y,h(v),h(x))}var C=function(r){function n(m){r.call(this,m);var y=m.height,v=m.width,x=m.checked;this.t=m.handleDiameter||y-2,this.i=Math.max(v-y,v-(y+this.t)/2),this.o=Math.max(0,(y-this.t)/2),this.state={h:x?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(r){r.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(r){this.R.focus(),this.setState({j:r,B:!0,L:Date.now()})},n.prototype.N=function(r){var m=this.state,y=m.j,v=m.h,x=(this.props.checked?this.i:this.o)+r-y;m.U||r===y||this.setState({U:!0});var w=Math.min(this.i,Math.max(this.o,x));w!==v&&this.setState({h:w})},n.prototype.A=function(r){var m=this.state,y=m.h,v=m.U,x=m.L,w=this.props.checked,C=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var O=Date.now()-x;(!v||O<250||w&&y<=C||!w&&y>=C)&&this.X(r),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(r){r.preventDefault(),"number"==typeof r.button&&0!==r.button||(this.H(r.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(r){r.preventDefault(),this.N(r.clientX)},n.prototype.k=function(r){this.A(r),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(r){this.F=null,this.H(r.touches[0].clientX)},n.prototype.M=function(r){this.N(r.touches[0].clientX)},n.prototype.T=function(r){r.preventDefault(),this.A(r)},n.prototype.C=function(r){Date.now()-this.l>50&&(this.X(r),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(r){this.R=r},n.prototype.$=function(r){r.preventDefault(),this.R.focus(),this.X(r),this.I&&this.setState({B:!1})},n.prototype.X=function(r){var m=this.props;(0,m.onChange)(!m.checked,r,m.id)},n.prototype.render=function(){var r=this.props,m=r.checked,y=r.disabled,x=r.className,w=r.offColor,C=r.onColor,O=r.offHandleColor,S=r.onHandleColor,k=r.checkedIcon,N=r.uncheckedIcon,j=r.checkedHandleIcon,E=r.uncheckedHandleIcon,T=r.boxShadow,P=r.activeBoxShadow,_=r.height,D=r.width,I=r.borderRadius,A=function(r,m){var y={};for(var v in r)Object.prototype.hasOwnProperty.call(r,v)&&-1===m.indexOf(v)&&(y[v]=r[v]);return y}(r,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),R=this.state,M=R.h,F=R.U,W=R.B,B={position:"relative",display:"inline-block",textAlign:"left",opacity:y?.5:1,direction:"ltr",borderRadius:_/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},z={height:_,width:D,margin:Math.max(0,(this.t-_)/2),position:"relative",background:e(M,this.i,this.o,w,C),borderRadius:"number"==typeof I?I:_/2,cursor:y?"default":"pointer",WebkitTransition:F?null:"background 0.25s",MozTransition:F?null:"background 0.25s",transition:F?null:"background 0.25s"},L={height:_,width:Math.min(1.5*_,D-(this.t+_)/2+1),position:"relative",opacity:(M-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},V={height:_,width:Math.min(1.5*_,D-(this.t+_)/2+1),position:"absolute",opacity:1-(M-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},H={height:this.t,width:this.t,background:e(M,this.i,this.o,O,S),display:"inline-block",cursor:y?"default":"pointer",borderRadius:"number"==typeof I?I-1:"50%",position:"absolute",transform:"translateX("+M+"px)",top:Math.max(0,(_-this.t)/2),outline:0,boxShadow:W?P:T,border:0,WebkitTransition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},Z={height:this.t,width:this.t,opacity:Math.max(2*(1-(M-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},K={height:this.t,width:this.t,opacity:Math.max(2*((M-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"};return v.createElement("div",{className:x,style:B},v.createElement("div",{className:"react-switch-bg",style:z,onClick:y?null:this.$,onMouseDown:function(r){return r.preventDefault()}},k&&v.createElement("div",{style:L},k),N&&v.createElement("div",{style:V},N)),v.createElement("div",{className:"react-switch-handle",style:H,onClick:function(r){return r.preventDefault()},onMouseDown:y?null:this.p,onTouchStart:y?null:this.m,onTouchMove:y?null:this.M,onTouchEnd:y?null:this.T,onTouchCancel:y?null:this.S},E&&v.createElement("div",{style:Z},E),j&&v.createElement("div",{style:K},j)),v.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":m,checked:m,disabled:y,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},A,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(v.Component);C.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:x,checkedIcon:w,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[357,7446,9165,2654,8317,5832,8692,2318,8345],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},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 y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));return y},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,y){r.exports=y(2)()},function(r,m){r.exports=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,w,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,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),x=y.n(v),w=y(0),C=y.n(w),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 y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[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 y=0;y<m.length;y++){var v=m[y];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 y,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.apply(this,arguments);return f(this,y)}}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,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,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,y,v,w=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=w.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,(y=[{key:"componentDidUpdate",value:function(r,m){var y=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(){y.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,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return x.a.createElement("span",{className:"".concat(y,"__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},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",w=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,S=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,k=this.props,N=k.classParentString,j=k.contentOuterClassName,E=k.contentInnerClassName,T="".concat(N,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),P="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(N,"__contentOuter ").concat(j),D="".concat(N,"__contentInner ").concat(E);return x.a.createElement(C,l({className:P.trim()},this.props.containerElementProps),x.a.createElement(O,l({id:this.triggerId,className:T.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&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),w),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:_.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},x.a.createElement("div",{className:D.trim()},S)))}}])&&p(m.prototype,y),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}]))},59165:(r,m,y)=>{"use strict";y.d(m,{_l:()=>C,gc:()=>JsonView});var v=y(87363);const isDate=r=>!!r&&r instanceof Date;function quoteString(r,m){return void 0===m&&(m=!1),!r||m?`"${r}"`:r}function ExpandableObject(r){let{field:m,value:y,data:x,lastElement:w,openBracket:C,closeBracket:O,level:S,style:k,shouldExpandNode:N,clickToExpandNode:j,outerRef:E}=r;const T=(0,v.useRef)(!1),[P,_,D]=function useBool(r){const[m,y]=(0,v.useState)(r());return[m,()=>y((r=>!r)),y]}((()=>N(S,y,m))),I=(0,v.useRef)(null);(0,v.useEffect)((()=>{T.current?D(N(S,y,m)):T.current=!0}),[N]);const A=P?k.collapseIcon:k.expandIcon,R=P?"collapse JSON":"expand JSON",M=(0,v.useId)(),F=S+1,W=x.length-1,onKeyDown=r=>{if("ArrowRight"===r.key||"ArrowLeft"===r.key)r.preventDefault(),D("ArrowRight"===r.key);else if("ArrowUp"===r.key||"ArrowDown"===r.key){r.preventDefault();const m="ArrowUp"===r.key?-1:1;if(!E.current)return;const y=E.current.querySelectorAll("[role=button]");let v=-1;for(let r=0;r<y.length;r++)if(0===y[r].tabIndex){v=r;break}if(v<0)return;const x=(v+m+y.length)%y.length;y[v].tabIndex=-1,y[x].tabIndex=0,y[x].focus()}},onClick=()=>{var r;_();const m=I.current;if(!m)return;const y=null===(r=E.current)||void 0===r?void 0:r.querySelector('[role=button][tabindex="0"]');y&&(y.tabIndex=-1),m.tabIndex=0,m.focus()};return(0,v.createElement)("div",{className:k.basicChildStyle,role:"treeitem","aria-expanded":P,"aria-selected":void 0},(0,v.createElement)("span",{className:A,onClick,onKeyDown,role:"button","aria-label":R,"aria-expanded":P,"aria-controls":P?M:void 0,ref:I,tabIndex:0===S?0:-1}),(m||""===m)&&(j?(0,v.createElement)("span",{className:k.clickableLabel,onClick,onKeyDown},quoteString(m,k.quotesForFieldNames),":"):(0,v.createElement)("span",{className:k.label},quoteString(m,k.quotesForFieldNames),":")),(0,v.createElement)("span",{className:k.punctuation},C),P?(0,v.createElement)("ul",{id:M,role:"group"},x.map(((r,m)=>(0,v.createElement)(DataRender,{key:r[0]||m,field:r[0],value:r[1],style:k,lastElement:m===W,level:F,shouldExpandNode:N,clickToExpandNode:j,outerRef:E})))):(0,v.createElement)("span",{className:k.collapsedContent,onClick,onKeyDown}),(0,v.createElement)("span",{className:k.punctuation},O),!w&&(0,v.createElement)("span",{className:k.punctuation},","))}function EmptyObject(r){let{field:m,openBracket:y,closeBracket:x,lastElement:w,style:C}=r;return(0,v.createElement)("div",{className:C.basicChildStyle,role:"treeitem","aria-selected":void 0},(m||""===m)&&(0,v.createElement)("span",{className:C.label},quoteString(m,C.quotesForFieldNames),":"),(0,v.createElement)("span",{className:C.punctuation},y),(0,v.createElement)("span",{className:C.punctuation},x),!w&&(0,v.createElement)("span",{className:C.punctuation},","))}function JsonObject(r){let{field:m,value:y,style:v,lastElement:x,shouldExpandNode:w,clickToExpandNode:C,level:O,outerRef:S}=r;return 0===Object.keys(y).length?EmptyObject({field:m,openBracket:"{",closeBracket:"}",lastElement:x,style:v}):ExpandableObject({field:m,value:y,lastElement:x||!1,level:O,openBracket:"{",closeBracket:"}",style:v,shouldExpandNode:w,clickToExpandNode:C,data:Object.keys(y).map((r=>[r,y[r]])),outerRef:S})}function JsonArray(r){let{field:m,value:y,style:v,lastElement:x,level:w,shouldExpandNode:C,clickToExpandNode:O,outerRef:S}=r;return 0===y.length?EmptyObject({field:m,openBracket:"[",closeBracket:"]",lastElement:x,style:v}):ExpandableObject({field:m,value:y,lastElement:x||!1,level:w,openBracket:"[",closeBracket:"]",style:v,shouldExpandNode:C,clickToExpandNode:O,data:y.map((r=>[void 0,r])),outerRef:S})}function JsonPrimitiveValue(r){let m,{field:y,value:x,style:w,lastElement:C}=r,O=w.otherValue;var S;return null===x?(m="null",O=w.nullValue):void 0===x?(m="undefined",O=w.undefinedValue):"string"==typeof(S=x)||S instanceof String?(m=quoteString(x,!w.noQuotesForStringValues),O=w.stringValue):(r=>"boolean"==typeof r||r instanceof Boolean)(x)?(m=x?"true":"false",O=w.booleanValue):(r=>"number"==typeof r||r instanceof Number)(x)?(m=x.toString(),O=w.numberValue):(r=>"bigint"==typeof r||r instanceof BigInt)(x)?(m=`${x.toString()}n`,O=w.numberValue):m=isDate(x)?x.toISOString():x.toString(),(0,v.createElement)("div",{className:w.basicChildStyle,role:"treeitem","aria-selected":void 0},(y||""===y)&&(0,v.createElement)("span",{className:w.label},quoteString(y,w.quotesForFieldNames),":"),(0,v.createElement)("span",{className:O},m),!C&&(0,v.createElement)("span",{className:w.punctuation},","))}function DataRender(r){const m=r.value;return y=m,Array.isArray(y)?(0,v.createElement)(JsonArray,Object.assign({},r)):(r=>r instanceof Object&&null!==r)(m)&&!isDate(m)?(0,v.createElement)(JsonObject,Object.assign({},r)):(0,v.createElement)(JsonPrimitiveValue,Object.assign({},r));var y}var x="_2bkNM";const w={container:"_2IvMF _GzYRV",basicChildStyle:x,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},C={container:"_11RoI _GzYRV",basicChildStyle:x,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},allExpanded=()=>!0,JsonView=r=>{let{data:m,style:y=w,shouldExpandNode:x=allExpanded,clickToExpandNode:C=!1,...O}=r;const S=(0,v.useRef)(null);return(0,v.createElement)("div",Object.assign({"aria-label":"JSON view"},O,{className:y.container,ref:S,role:"tree"}),(0,v.createElement)(DataRender,{value:m,style:y,lastElement:!0,level:0,shouldExpandNode:x,clickToExpandNode:C,outerRef:S}))}},52654:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});y(87363);var v=y(28317),x=y(9420),w=y(47514);const C=(0,x.Pi)((function AsyncRender(r){var m=r.optionSnapshot,y=r.onClick,x=r.showDiffOnly,C=r.allOpen,O=function use(r){if("fulfilled"===r.status)return r.value;throw"rejected"===r.status?r.reason:("pending"===r.status||(r.status="pending",r.then((function(m){r.status="fulfilled",r.value=m}),(function(m){r.status="rejected",r.reason=m}))),r)}(m.promise);return O?(0,w.jsx)(v.default,{onClick:y,articles:O.articleSnapshot,price:O.price,title:m.title,allOpen:C,showDiffOnly:x,configStepKey:m.key}):(0,w.jsx)(w.Fragment,{})}))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>P});var v=y(80248),x=y(34988),w=y(87363),C=y(9420),O=y(93476),S=y(57446),k=y.n(S),N=y(4820),j=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}var E=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(T(v,!0)),m=E(v,m);else{for(var x=!1,w=0;w<m.length;w++)if(v.articleCodex===m[w].articleCodex&&v.retailArticleNr===m[w].retailArticleNr&&v.retailPrefix===m[w].retailPrefix&&v.catalogCodex===m[w].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[w].VariantValues)){x=!0,m[w].quantity+=v.quantity;break}x||m.push(T(v))}}return m},T=function getPartlsitArticleObj(r,m){var y,v,x,w,C,O;return{name:(m?"Hülse: ":"")+r.posNr+" "+r.name,price:m?"---":r.price,retailArticleNr:null!==(y=r.retailArticleNr)&&void 0!==y?y:"",retailPrefix:null!==(v=r.retailPrefix)&&void 0!==v?v:"",quantity:r.quantity,ruleDesc:null!==(x=r.ruleDesc)&&void 0!==x?x:"",articleCodex:r.articleCodex,catalogCodex:null!==(w=r.catalogCodex)&&void 0!==w?w:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(C=null===(O=r.partListParentArticle)||void 0===O||null===(O=O.catalogArticle.partlistDecisions)||void 0===O?void 0:O["D"+r.partlistDecisionNo])&&void 0!==C?C:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const P=(0,C.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,C=r.title,S=r.allOpen,T=r.configStepKey,P=r.showDiffOnly,_=(0,w.useState)(),D=(0,x.Z)(_,2),I=D[0],A=D[1],R=(0,N.NP)();return(0,w.useEffect)((function(){var r,m=R.settingsState.partlistArticlesInOverview[T];if((void 0===I||!m||m.totalCount===m.items.length)&&(void 0===I||P)){var v=[];for(var x in y)v=E(y[x],v);P&&m&&m.totalCount===m.items.length&&(v=v.map((function(r){return _objectSpread(_objectSpread({},r),{},{visible:m.items.filter((function(m){return m.articles.find((function(m){return m.plaCodex==r.articleCodex&&r.retailArticleNr==m.retailArticleNr}))})).length!==m.items.length})})));var w=_objectSpread({},R.settingsState.partlistArticlesInOverview);null!==(r=w[T])&&void 0!==r&&r.items&&!w[T].items.find((function(r){return r.opv===C}))&&(w[T].items.push({opv:C,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),R.settingsState.setPartlistArticlesInOverview(w)),A(v)}}),[R.settingsState.partlistArticlesInOverview]),(0,j.jsx)(k(),{trigger:(0,j.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=I?I:[]).length+" preis: "+v+" -- "+C}),open:""==C||S,easing:"ease",transitionTime:100,children:(0,j.jsxs)("table",{className:O.Kz,children:[(0,j.jsx)("thead",{children:(0,j.jsxs)("tr",{className:O.$Q,children:[(0,j.jsx)("th",{children:"Name"}),(0,j.jsx)("th",{children:"Artikle Nr."}),(0,j.jsx)("th",{children:"CatalogCodex"}),(0,j.jsx)("th",{children:"Preis"}),(0,j.jsx)("th",{children:"Nr"}),(0,j.jsx)("th",{children:"Prefix"}),(0,j.jsx)("th",{children:"Menge"}),(0,j.jsx)("th",{children:"Rule"}),(0,j.jsx)("th",{children:"decision"})]})}),(0,j.jsx)("tbody",{children:(null!=I?I:[]).filter((function(r){return!P||r.visible||void 0===r.visible})).map((function(r){var y,v,x;return(0,j.jsxs)("tr",{className:O.$Q,children:[(0,j.jsxs)("th",{children:[" ",r.name]}),(0,j.jsxs)("th",{children:[r.articleCodex," "]}),(0,j.jsxs)("th",{children:[r.catalogCodex," "]}),(0,j.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,j.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,j.jsxs)("th",{children:[r.retailPrefix," "]}),(0,j.jsxs)("th",{children:[r.quantity," "]}),(0,j.jsx)("th",{children:r.rule}),r.decision&&(0,j.jsx)("th",{onClick:function onClick(){return m({decision:r.decision,rule:r.partlistRule})},children:(null===(v=r.decision)||void 0===v?void 0:v.Number)||(null===(x=r.decision)||void 0===x?void 0:x.decisionNo)})]},r.articleCodex+r.retailArticleNr)}))})]})})}))},97078:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>R});var v=y(80248),x=y(34988),w=y(72874),C=y(87363),O=y(51203),S=y(93476),k=y(36115),N=y(4820),j=y(9420),E=y(65515),T=y.n(E),P=y(13222),_=y(45832),D=y(52654),I=y(47514),A=["onMouseDown"];function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const R=(0,j.Pi)((function PartList(r){var m=r.onMouseDown,y=(0,w.Z)(r,A),v=(0,N.NP)(),j=(0,C.useState)(),E=(0,x.Z)(j,2),R=E[0],M=E[1],F=(0,C.useState)(),W=(0,x.Z)(F,2),B=W[0],z=W[1],L=(0,C.useState)(!1),V=(0,x.Z)(L,2),H=V[0],Z=V[1],K=(0,C.useState)(!1),q=(0,x.Z)(K,2),U=q[0],G=q[1],Q=(0,C.useState)(!0),J=(0,x.Z)(Q,2),X=J[0],$=J[1],Y=function onClick(r){var m,y,v=r.decision;(v.decisionNo||v.Number)==((null==R||null===(m=R.decision)||void 0===m?void 0:m.Number)||(null==R||null===(y=R.decision)||void 0===y?void 0:y.decisionNo))?M(void 0):M(r)};(0,C.useEffect)((function(){H?setTimeout((function(){return ee()}),400):z([{snapshots:[{promise:new Promise((function(r){var m,y,x;r({articleSnapshot:null!==(m=v.divaWebPlanner.getDivaArticles())&&void 0!==m?m:{},price:null!==(y=null===(x=v.divaWebPlanner.actSet())||void 0===x?void 0:x.getSetPrice())&&void 0!==y?y:0})})),title:"",key:v.settingsState.configChanged.toString()}]}])}),[v.settingsState.configChanged,v.tabGroupState.curConfigStep]);var ee=function updateVariants(){for(var r=[],m={},y=v.settingsState.itemPaletteArr.filter((function(r){return r[1].visible})).map((function(r){return{items:r[1].groups.flatMap((function(r){return r.items.flatMap((function(r){return r}))})),palette:r[1]}})),x=0;x<y.length;x++){for(var w=y[x].items,C=y[x].palette,O=[],S=0;S<w.length;S++){var k=w[S];k.pricePreviewPromise&&(k.text||k.name)&&O.push({promise:k.pricePreviewPromise.promise,title:k.text||k.name,key:C.configStepKey})}m[C.configStepKey]={items:[],totalCount:w.length},r.push({snapshots:O,palette:C})}v.settingsState.setPartlistArticlesInOverview(m),z(r)};return(0,C.useEffect)((function(){var r=v.divaWebPlanner.actSet();r&&(r.logTotalStateForVariants=H)}),[H]),null!=B&&B.length?(0,I.jsxs)("div",_objectSpread(_objectSpread({},y),{},{className:T()(y.className,S.fm,v.uiState.configSettingsIsExpanded?O.NF:void 0),style:{zIndex:800},children:[(0,I.jsxs)("a",{className:S.Fs,onMouseDown:m,children:["Stücklisten Übersicht",(0,I.jsxs)("div",{className:S.US,children:[(0,I.jsx)(_.default,{state:H,onChange:function onChange(r){return Z(r)},on:"alle",off:"einzeln",width:100}),H&&(0,I.jsx)(_.default,{state:U,onChange:function onChange(r){return G(r)},on:"offen",off:"zu",width:100}),H&&(0,I.jsx)(_.default,{state:X,onChange:function onChange(r){return $(r)},on:"schnittm.",off:"alle",width:100})]})]}),B.map((function(r,m){var y;return(0,I.jsxs)("div",{className:S.EM,children:[!(null===(y=r.palette)||void 0===y||!y.name)&&(0,I.jsx)("div",{children:r.palette.name}),r.snapshots.map((function(r){return(0,I.jsx)(C.Suspense,{children:(0,I.jsx)(D.default,{onClick:Y,optionSnapshot:r,allOpen:U,showDiffOnly:X},r.key)})}))]},m)})),R&&(0,I.jsx)("div",{className:k.EC,style:{right:0,zIndex:100},children:(0,I.jsx)(P.default,{decision:R.decision,matchingOptions:R.rule})})]})):(0,I.jsx)(I.Fragment,{})}))},45832:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>F});var v=y(65515),x=y.n(v),w=(y(87363),y(68692)),C=y(93379),O=y.n(C),S=y(7795),k=y.n(S),N=y(90569),j=y.n(N),E=y(3565),T=y.n(E),P=y(19216),_=y.n(P),D=y(44589),I=y.n(D),A=y(75581),R={};R.styleTagTransform=I(),R.setAttributes=T(),R.insert=j().bind(null,"head"),R.domAPI=k(),R.insertStyleElement=_();O()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var M=y(47514);const F=function Toggle(r){var m,y=r.onChange,v=r.val,C=r.state,O=r.on,S=r.off,k=r.alwaysActiveColor,N=r.height,j=void 0===N?40:N,E=r.width,T=void 0===E?80:E,P=r.handleDiameter,_=void 0===P?32:P,D=null===(m=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===m?void 0:m.replace(/ /g,"");return(0,M.jsx)(w.Z,{checkedIcon:O?(0,M.jsx)("div",{className:x()(A.f6,A.co),children:O}):(0,M.jsx)(M.Fragment,{}),uncheckedIcon:S?(0,M.jsx)("div",{className:x()(A.f6,A.no),children:S}):(0,M.jsx)(M.Fragment,{}),onChange:function onChange(){return y(null!=v?v:!C)},checked:C,onColor:D,offColor:k?D:"#CACACA",height:j,width:T,handleDiameter:_})}},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>S,EM:()=>E,Fs:()=>N,Kz:()=>O,US:()=>j,ZP:()=>T,fm:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var O="index-module--LmG2a",S="index-module--A0hQw",k="index-module--PcNw4",N="index-module--Gh5Gk",j="index-module--Biof7",E="index-module--DLRJp";const T=C},89965:(r,m,y)=>{"use strict";y.d(m,{NF:()=>S,ZP:()=>N,ec:()=>O,pb:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var O="index-module--NA4Nc",S="index-module--zxgl3",k="index-module--WGNyK";const N=C},75581:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,co:()=>S,f6:()=>O,no:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.push([r.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var O="index-module--D7_Ss",S="index-module--ciLne",k="index-module--W1TLd";const N=C},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>_.$Q,EM:()=>_.EM,Fs:()=>_.Fs,Kz:()=>_.Kz,US:()=>_.US,fm:()=>_.fm});var v=y(93379),x=y.n(v),w=y(7795),C=y.n(w),O=y(90569),S=y.n(O),k=y(3565),N=y.n(k),j=y(19216),E=y.n(j),T=y(44589),P=y.n(T),_=y(98793),D={};D.styleTagTransform=P(),D.setAttributes=N(),D.insert=S().bind(null,"head"),D.domAPI=C(),D.insertStyleElement=E();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},51203:(r,m,y)=>{"use strict";y.d(m,{NF:()=>_.NF,ec:()=>_.ec,pb:()=>_.pb});var v=y(93379),x=y.n(v),w=y(7795),C=y.n(w),O=y(90569),S=y.n(O),k=y(3565),N=y.n(k),j=y(19216),E=y.n(j),T=y(44589),P=y.n(T),_=y(89965),D={};D.styleTagTransform=P(),D.setAttributes=N(),D.insert=S().bind(null,"head"),D.domAPI=C(),D.insertStyleElement=E();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},68692:(r,m,y)=>{"use strict";y.d(m,{Z:()=>C});var v=y(87363);function s(){return s=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r},s.apply(this,arguments)}var x=v.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},v.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),w=v.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},v.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(r){if(7===r.length)return r;for(var m="#",y=1;y<4;y+=1)m+=r[y]+r[y];return m}function e(r,m,y,v,x){return function(r,m,y,v,x){var w=(r-y)/(m-y);if(0===w)return v;if(1===w)return x;for(var C="#",O=1;O<6;O+=2){var S=parseInt(v.substr(O,2),16),k=parseInt(x.substr(O,2),16),N=Math.round((1-w)*S+w*k).toString(16);1===N.length&&(N="0"+N),C+=N}return C}(r,m,y,h(v),h(x))}var C=function(r){function n(m){r.call(this,m);var y=m.height,v=m.width,x=m.checked;this.t=m.handleDiameter||y-2,this.i=Math.max(v-y,v-(y+this.t)/2),this.o=Math.max(0,(y-this.t)/2),this.state={h:x?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(r){r.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(r){this.R.focus(),this.setState({j:r,B:!0,L:Date.now()})},n.prototype.N=function(r){var m=this.state,y=m.j,v=m.h,x=(this.props.checked?this.i:this.o)+r-y;m.U||r===y||this.setState({U:!0});var w=Math.min(this.i,Math.max(this.o,x));w!==v&&this.setState({h:w})},n.prototype.A=function(r){var m=this.state,y=m.h,v=m.U,x=m.L,w=this.props.checked,C=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var O=Date.now()-x;(!v||O<250||w&&y<=C||!w&&y>=C)&&this.X(r),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(r){r.preventDefault(),"number"==typeof r.button&&0!==r.button||(this.H(r.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(r){r.preventDefault(),this.N(r.clientX)},n.prototype.k=function(r){this.A(r),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(r){this.F=null,this.H(r.touches[0].clientX)},n.prototype.M=function(r){this.N(r.touches[0].clientX)},n.prototype.T=function(r){r.preventDefault(),this.A(r)},n.prototype.C=function(r){Date.now()-this.l>50&&(this.X(r),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(r){this.R=r},n.prototype.$=function(r){r.preventDefault(),this.R.focus(),this.X(r),this.I&&this.setState({B:!1})},n.prototype.X=function(r){var m=this.props;(0,m.onChange)(!m.checked,r,m.id)},n.prototype.render=function(){var r=this.props,m=r.checked,y=r.disabled,x=r.className,w=r.offColor,C=r.onColor,O=r.offHandleColor,S=r.onHandleColor,k=r.checkedIcon,N=r.uncheckedIcon,j=r.checkedHandleIcon,E=r.uncheckedHandleIcon,T=r.boxShadow,P=r.activeBoxShadow,_=r.height,D=r.width,I=r.borderRadius,A=function(r,m){var y={};for(var v in r)Object.prototype.hasOwnProperty.call(r,v)&&-1===m.indexOf(v)&&(y[v]=r[v]);return y}(r,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),R=this.state,M=R.h,F=R.U,W=R.B,B={position:"relative",display:"inline-block",textAlign:"left",opacity:y?.5:1,direction:"ltr",borderRadius:_/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},z={height:_,width:D,margin:Math.max(0,(this.t-_)/2),position:"relative",background:e(M,this.i,this.o,w,C),borderRadius:"number"==typeof I?I:_/2,cursor:y?"default":"pointer",WebkitTransition:F?null:"background 0.25s",MozTransition:F?null:"background 0.25s",transition:F?null:"background 0.25s"},L={height:_,width:Math.min(1.5*_,D-(this.t+_)/2+1),position:"relative",opacity:(M-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},V={height:_,width:Math.min(1.5*_,D-(this.t+_)/2+1),position:"absolute",opacity:1-(M-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},H={height:this.t,width:this.t,background:e(M,this.i,this.o,O,S),display:"inline-block",cursor:y?"default":"pointer",borderRadius:"number"==typeof I?I-1:"50%",position:"absolute",transform:"translateX("+M+"px)",top:Math.max(0,(_-this.t)/2),outline:0,boxShadow:W?P:T,border:0,WebkitTransition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},Z={height:this.t,width:this.t,opacity:Math.max(2*(1-(M-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},K={height:this.t,width:this.t,opacity:Math.max(2*((M-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"};return v.createElement("div",{className:x,style:B},v.createElement("div",{className:"react-switch-bg",style:z,onClick:y?null:this.$,onMouseDown:function(r){return r.preventDefault()}},k&&v.createElement("div",{style:L},k),N&&v.createElement("div",{style:V},N)),v.createElement("div",{className:"react-switch-handle",style:H,onClick:function(r){return r.preventDefault()},onMouseDown:y?null:this.p,onTouchStart:y?null:this.m,onTouchMove:y?null:this.M,onTouchEnd:y?null:this.T,onTouchCancel:y?null:this.S},E&&v.createElement("div",{style:Z},E),j&&v.createElement("div",{style:K},j)),v.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":m,checked:m,disabled:y,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},A,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(v.Component);C.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:x,checkedIcon:w,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

package/build/umd/3575.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 3575.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3575,115,9001,4873,4190,4228,8375,1008,7853],{70115:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),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,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 a=function BasketAction(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Basket"}))}},69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),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,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 a=function NavigationButtons(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39360:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),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,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 a=function BarrierActions(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"GlobalElements/BarrierActions"}))}},87056:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(20640),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),S=t.n(h),v=t(44589),y=t.n(v),P=t(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=S();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(47514);const O=(0,s.Pi)((function Inputbox(e){(0,o.Z)(e);var n=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;n.settingsState.setInputBoxValue(null!==(e=null===(i=n.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:s})]})]})})}))},53575:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(65515),o=t.n(i),r=t(20640),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),f=t(19216),b=t.n(f),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(87056),P=t(34190),w=t(97853),j=t(69001),O=t(70115),C=t(84101),Z=t(9420),G=t(39360),k=t(47514),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)"};const N=(0,Z.Pi)((function Ralph(e){var n=(0,r.NP)();return(0,a.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(B)}),[]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,n.uiState.configSettingsIsExpanded?S.zh:void 0,n.uiState.configSettingsIsFoldedUp?S.BC:void 0,n.uiState.configSettingsIsHidden?S.U7:void 0,n.uiState.isMobileLandscape?S.rK:void 0,n.uiState.isMobilePortrait?S.tW:void 0),children:[(0,k.jsx)(C.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,k.jsx)(P.default,{className:S.kL}),(0,k.jsx)(w.default,{className:S.vt}),(0,k.jsx)(j.default,{className:S.jl,showCheckoutButtons:n.uiState.isMobilePortrait}),(0,k.jsx)(O.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{}),(0,k.jsx)(G.default,{})]})}))},34190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),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,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 a=function Product(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/Product"}))}},84228:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),f=t(44589),b=t.n(f),m=t(5217),h={};h.styleTagTransform=b(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var S=t(20640),v=t(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,o.useTranslation)().t,t=(0,S.NP)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,v.jsx)(v.Fragment,{children:!i&&(0,v.jsxs)("div",{className:m.nC,children:[(0,v.jsx)("div",{className:m.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,v.jsx)("div",{className:m.nt,children:t.productState.formatedTotalPrice})]})})}))},48375:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var i=t(34988),o=t(88291),r=t(20640),a=t(9420),d=t(87363),l=t(29957),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),x=t(90569),g=t.n(x),f=t(3565),b=t.n(f),m=t(19216),h=t.n(m),S=t(44589),v=t.n(S),y=t(79501),P={};P.styleTagTransform=v(),P.setAttributes=b(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=h();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(40912),j=t(65515),O=t.n(j),C=t(84228),Z=t(47514);const G=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,o.Z)(e);var a=(0,r.NP)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var p,x,g={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?g.height="100%":g.height="calc(100% - "+(null!==(p=null===(x=a.settingsState.settingsHeaderElement)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),h=b.pairWithOptionsToGroup;h&&b.visible&&(c[h]||(c[h]=[]),c[h].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,Z.jsxs)("div",{style:g,className:O()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,Z.jsx)(l.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,Z.jsxs)("div",{children:[u.map((function(e){var n,t=(0,i.Z)(e,2),o=t[0],r=t[1];return(0,Z.jsx)(w.default,{item:r,id:o,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(n=r.optionCodex)&&void 0!==n?n:r.configStepKey)+o)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,Z.jsx)(C.default,{})]})]})}))},71008:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(34988),o=t(88291),r=t(9420),a=t(87363),d=t(37707),l=t(20640),s=t(82956),u=t(51451),c=t(48375),p=t(29957),x=t(74133),g=t(47514),f=t(25108);const b=(0,r.Pi)((function SettingsSwiper(e){(0,o.Z)(e);var n=(0,l.NP)(),t=(0,a.useState)(null),r=(0,i.Z)(t,2),b=r[0],m=r[1],h=(0,a.useState)([]),S=(0,i.Z)(h,2),v=S[0],y=S[1];if((0,a.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);y(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup]),!n.tabGroupState.curTabGroup)return(0,g.jsx)(g.Fragment,{});var P=(0,g.jsx)(c.default,{});return(0,g.jsx)(d.tq,{onSlideChange:function onSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){var t=e.activeIndex-v.indexOf(n.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,t),1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[v[e.activeIndex]].posNr)}},initialSlide:v.indexOf(n.tabGroupState.curTabGroup.key),onSwiper:m,className:s.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:s.Iz,children:v.map((function(e){var t;return(0,g.jsx)(d.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,g.jsxs)(g.Fragment,{children:[!n.uiState.isInMobileView&&!n.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(p.default,{},e),P,(0,g.jsx)(u.default,{})]}):(0,g.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,g.jsx)(x.default,{text:null===(t=Object.values(n.tabGroupState.allTabGroups[e].options)[0])||void 0===t?void 0:t.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(80248),o=t(72874),r=(t(87363),t(20640)),a=t(29957),d=t(48375),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),p=t(71008),x=t(51451),g=t(47514),f=["className"];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 b=(0,l.Pi)((function Settings(e){var n,t,i=e.className,l=(0,o.Z)(e,f),u=(0,r.NP)();return(0,g.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,s.vt,"horizontal"==u.tabGroupState.curTabGroupType?s.s1:void 0,u.uiState.configSettingsIsExpanded?s.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(d.default,{}),(0,g.jsx)(x.default,{})]})}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>b,vX:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(o()),c=l()(s);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\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  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",f="index-module--FQDBA";const b=u},26643:(e,n,t)=>{t.d(n,{BC:()=>b,U7:()=>m,ZP:()=>h,jl:()=>x,kL:()=>u,rK:()=>l,tM:()=>g,tW:()=>s,vt:()=>c,x6:()=>p,xn:()=>d,zh:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--y_P3G {\n  z-index: 1;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--y_P3G {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--CgVUn {\n  top: 100%;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--CgVUn {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--mDl2O {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--EZFN9,\n.index-module--FX0XZ.index-module--fBW3N .index-module--EZFN9 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--Kxi4K {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.index-module--FX0XZ .index-module--H5ouq {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--QpGuZ",l="index-module--M83gG",s="index-module--FX0XZ",u="index-module--y_P3G",c="index-module--CgVUn",p="index-module--mDl2O",x="index-module--EZFN9",g="index-module--Kxi4K",f="index-module--xWB6r",b="index-module--Uz3vC",m="index-module--fBW3N";const h=a},5217:(e,n,t)=>{t.d(n,{X_:()=>l,ZP:()=>u,nC:()=>d,nt:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",l="index-module--FXdIH",s="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>s,zh:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",l="index-module--DRDpA",s="index-module--Rpo_4";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3575,115,9001,4873,4190,4228,8375,1008,7853],{70115:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),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,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 a=function BasketAction(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Basket"}))}},69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),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,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 a=function NavigationButtons(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39360:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),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,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 a=function BarrierActions(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"GlobalElements/BarrierActions"}))}},87056:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(4820),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),S=t.n(h),v=t(44589),y=t.n(v),P=t(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=S();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(47514);const O=(0,s.Pi)((function Inputbox(e){(0,o.Z)(e);var n=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;n.settingsState.setInputBoxValue(null!==(e=null===(i=n.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:s})]})]})})}))},53575:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(65515),o=t.n(i),r=t(4820),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),f=t(19216),b=t.n(f),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(87056),P=t(34190),w=t(97853),j=t(69001),O=t(70115),C=t(84101),Z=t(9420),G=t(39360),k=t(47514),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)"};const N=(0,Z.Pi)((function Ralph(e){var n=(0,r.NP)();return(0,a.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(B)}),[]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,n.uiState.configSettingsIsExpanded?S.zh:void 0,n.uiState.configSettingsIsFoldedUp?S.BC:void 0,n.uiState.configSettingsIsHidden?S.U7:void 0,n.uiState.isMobileLandscape?S.rK:void 0,n.uiState.isMobilePortrait?S.tW:void 0),children:[(0,k.jsx)(C.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,k.jsx)(P.default,{className:S.kL}),(0,k.jsx)(w.default,{className:S.vt}),(0,k.jsx)(j.default,{className:S.jl,showCheckoutButtons:n.uiState.isMobilePortrait}),(0,k.jsx)(O.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{}),(0,k.jsx)(G.default,{})]})}))},34190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),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,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 a=function Product(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/Product"}))}},84228:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),f=t(44589),b=t.n(f),m=t(5217),h={};h.styleTagTransform=b(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var S=t(4820),v=t(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,o.useTranslation)().t,t=(0,S.NP)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,v.jsx)(v.Fragment,{children:!i&&(0,v.jsxs)("div",{className:m.nC,children:[(0,v.jsx)("div",{className:m.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,v.jsx)("div",{className:m.nt,children:t.productState.formatedTotalPrice})]})})}))},48375:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var i=t(34988),o=t(88291),r=t(4820),a=t(9420),d=t(87363),l=t(29957),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),x=t(90569),g=t.n(x),f=t(3565),b=t.n(f),m=t(19216),h=t.n(m),S=t(44589),v=t.n(S),y=t(79501),P={};P.styleTagTransform=v(),P.setAttributes=b(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=h();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(40912),j=t(65515),O=t.n(j),C=t(84228),Z=t(47514);const G=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,o.Z)(e);var a=(0,r.NP)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var p,x,g={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?g.height="100%":g.height="calc(100% - "+(null!==(p=null===(x=a.settingsState.settingsHeaderElement)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),h=b.pairWithOptionsToGroup;h&&b.visible&&(c[h]||(c[h]=[]),c[h].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,Z.jsxs)("div",{style:g,className:O()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,Z.jsx)(l.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,Z.jsxs)("div",{children:[u.map((function(e){var n,t=(0,i.Z)(e,2),o=t[0],r=t[1];return(0,Z.jsx)(w.default,{item:r,id:o,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(n=r.optionCodex)&&void 0!==n?n:r.configStepKey)+o)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,Z.jsx)(C.default,{})]})]})}))},71008:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(34988),o=t(88291),r=t(9420),a=t(87363),d=t(37707),l=t(4820),s=t(82956),u=t(51451),c=t(48375),p=t(29957),x=t(74133),g=t(47514),f=t(25108);const b=(0,r.Pi)((function SettingsSwiper(e){(0,o.Z)(e);var n=(0,l.NP)(),t=(0,a.useState)(null),r=(0,i.Z)(t,2),b=r[0],m=r[1],h=(0,a.useState)([]),S=(0,i.Z)(h,2),v=S[0],y=S[1];if((0,a.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);y(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup]),!n.tabGroupState.curTabGroup)return(0,g.jsx)(g.Fragment,{});var P=(0,g.jsx)(c.default,{});return(0,g.jsx)(d.tq,{onSlideChange:function onSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){var t=e.activeIndex-v.indexOf(n.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,t),1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[v[e.activeIndex]].posNr)}},initialSlide:v.indexOf(n.tabGroupState.curTabGroup.key),onSwiper:m,className:s.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:s.Iz,children:v.map((function(e){var t;return(0,g.jsx)(d.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,g.jsxs)(g.Fragment,{children:[!n.uiState.isInMobileView&&!n.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(p.default,{},e),P,(0,g.jsx)(u.default,{})]}):(0,g.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,g.jsx)(x.default,{text:null===(t=Object.values(n.tabGroupState.allTabGroups[e].options)[0])||void 0===t?void 0:t.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(80248),o=t(72874),r=(t(87363),t(4820)),a=t(29957),d=t(48375),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),p=t(71008),x=t(51451),g=t(47514),f=["className"];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 b=(0,l.Pi)((function Settings(e){var n,t,i=e.className,l=(0,o.Z)(e,f),u=(0,r.NP)();return(0,g.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,s.vt,"horizontal"==u.tabGroupState.curTabGroupType?s.s1:void 0,u.uiState.configSettingsIsExpanded?s.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(d.default,{}),(0,g.jsx)(x.default,{})]})}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>b,vX:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(o()),c=l()(s);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\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  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",f="index-module--FQDBA";const b=u},26643:(e,n,t)=>{t.d(n,{BC:()=>b,U7:()=>m,ZP:()=>h,jl:()=>x,kL:()=>u,rK:()=>l,tM:()=>g,tW:()=>s,vt:()=>c,x6:()=>p,xn:()=>d,zh:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--y_P3G {\n  z-index: 1;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--y_P3G {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--CgVUn {\n  top: 100%;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--CgVUn {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--mDl2O {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--EZFN9,\n.index-module--FX0XZ.index-module--fBW3N .index-module--EZFN9 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--Kxi4K {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.index-module--FX0XZ .index-module--H5ouq {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--QpGuZ",l="index-module--M83gG",s="index-module--FX0XZ",u="index-module--y_P3G",c="index-module--CgVUn",p="index-module--mDl2O",x="index-module--EZFN9",g="index-module--Kxi4K",f="index-module--xWB6r",b="index-module--Uz3vC",m="index-module--fBW3N";const h=a},5217:(e,n,t)=>{t.d(n,{X_:()=>l,ZP:()=>u,nC:()=>d,nt:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",l="index-module--FXdIH",s="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>s,zh:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",l="index-module--DRDpA",s="index-module--Rpo_4";const u=a}}]);