@crystaldesign/diva-web-planner-react 25.8.0-beta.18 → 25.8.0-beta.19

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7674.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7674,4133,804,3125,4890,9596,9520,1123],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});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 a=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},20804:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),r=t(33923),o=t(93379),a=t.n(o),l=t(7795),s=t.n(l),d=t(90569),c=t.n(d),u=t(3565),p=t.n(u),m=t(19216),f=t.n(m),g=t(44589),x=t.n(g),v=t(11309),y={};y.styleTagTransform=x(),y.setAttributes=p(),y.insert=c().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=f();a()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var h=t(65515),P=t.n(h),b=t(88683),j=t(47514);const O=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,b.useTranslation)().t;return(0,j.jsxs)("div",{className:P()(v.YS),children:[(0,j.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:P()(v.LI,n.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,j.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:P()(v.LI,n.settingsState.plannerReplaceMode?v.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});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 a=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},74890:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(84658),r=t(80248),o=t(34988),a=t(50747),l=t.n(a),s=t(87363),d=t(65515),c=t.n(d),u=t(93379),p=t.n(u),m=t(7795),f=t.n(m),g=t(90569),x=t.n(g),v=t(3565),y=t.n(v),h=t(19216),P=t.n(h),b=t(44589),j=t.n(b),O=t(18135),w={};w.styleTagTransform=j(),w.setAttributes=y(),w.insert=x().bind(null,"head"),w.domAPI=f(),w.insertStyleElement=P();p()(O.ZP,w);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=t(33923),N=t(9420),I=t(74133),A=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 R=(0,N.Pi)((function TextBox(e){var n,t,a=e.item,d=e.paletteId,u=e.style,p=(0,S.NP)(),m=(0,s.useRef)(null),f=a.groups[0].items,g=(0,s.useState)(f[0].freeTextLang),x=(0,o.Z)(g,2),v=x[0],y=x[1],h=function(){var e=(0,i.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,f[0],d);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),P=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,A.jsxs)("div",{className:O.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,A.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,A.jsx)(I.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,A.jsx)("div",{className:c()(O.eR,O.F2),children:P.length?(0,A.jsx)(A.Fragment,{children:P.map((function(e){return(0,A.jsxs)("div",{className:O.t,children:[(0,A.jsx)("div",{className:O.kA,children:e}),(0,A.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return h(e,n)}),500),y(_objectSpread(_objectSpread({},v),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==v?void 0:v[e]})]},e)}))}):(0,A.jsx)("div",{children:(0,A.jsx)("input",{className:O.q_,onChange:function handleChange(e){f[0]&&(f[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(f[0],"inputbox",d))},type:"text",value:null!==(t=f[0])&&void 0!==t&&t.freeText?f[0].freeText:""})})})]})}))},69520:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88683),o=t(33923),a=t(87363),l=t(9420),s=t(76615),d=t(93379),c=t.n(d),u=t(7795),p=t.n(u),m=t(90569),f=t.n(m),g=t(3565),x=t.n(g),v=t(19216),y=t.n(v),h=t(44589),P=t.n(h),b=t(77113),j={};j.styleTagTransform=P(),j.setAttributes=x(),j.insert=f().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=y();c()(b.ZP,j);b.ZP&&b.ZP.locals&&b.ZP.locals;var O=t(74133),w=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 N=(0,l.Pi)((function PromotedProducts(e){var n,t=e.item,l=(0,r.useDivaCore)(),d=l.actions.openComponent,c=l.handler.productHandler,u=l.state.organization,p=(0,a.useState)([]),m=(0,i.Z)(p,2),f=m[0],g=m[1],x=(0,o.NP)(),v=x.getViewConfig().productsConfig,y=(0,a.useState)(0),h=(0,i.Z)(y,2),P=h[0],j=h[1],N=(0,a.useCallback)((function(e){j(x.settingsState.configChanged),d({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[x]),I=P===x.settingsState.configChanged&&(null!==(n=x.configState.productId)&&void 0!==n?n:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId());(0,a.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==v?void 0:v.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==v?void 0:v.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(t=null==v?void 0:v.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(u._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}g(e.data)}))}),[x.uiState.isLoading]);var A=null!=v&&v.maxCount&&v.showSkeletions?S(v.maxCount,f.length):[];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(O.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,w.jsxs)("div",{className:b.Ry,children:[f.map((function(e,n){return(0,w.jsx)(s.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:N,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==I}))?{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)})),A.map((function(e){return(0,w.jsx)("div",{className:b.F1,children:(0,w.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),a=t(33923),l=t(59396),s=t(88683),d=t(65069),c=t(23042),u=t(47514),p=(0,s.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,s=e.item,m=e.paletteId,f=e.style,g=(0,a.NP)(),x=s.groups[0].items;if(!x)return(0,u.jsx)(u.Fragment,{});for(var v=0;v<x.length;v++){var y,h;null!==(y=x[v].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(i=x[v]),null!==(h=x[v].codex)&&void 0!==h&&h.startsWith("OPVJA")&&(t=x[v])}if(!(i&&t||(2==x.length&&(i=x[0],t=x[1]),i&&t)))return p.warn("Achtung! Bei der Option: "+x[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),s.isVisited=!0,(0,u.jsx)(u.Fragment,{});var P=0==i.sel,b=null!==(n=s.selectedElements)&&void 0!==n&&n[0].contentItemId?s.selectedElements[0]:s.optionContentItemId?{contentItemId:s.optionContentItemId,codex:s.configStepKey}:void 0;return(0,u.jsxs)("div",{className:o.O7,ref:function ref(e){return s.htmlRef=e},style:f,children:[(0,u.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,u.jsx)("div",{className:P?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,u.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,u.jsx)(l.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:s,alwaysActiveColor:!0,state:P})}),(0,u.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,u.jsx)("div",{className:P?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),b&&(0,u.jsx)(d.default,{item:b,style:{position:"relative"}},s.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(65515),r=t.n(i),o=t(550),a=t(33923),l=t(59396),s=t(9420),d=t(88683),c=t(59151),u=t(65069),p=t(23042),m=t(47514),f=(0,d.getLogger)("Planner","ToggleOption");const g=(0,s.Pi)((function ToggleOption(e){var n,t,i,s=e.item,d=e.paletteId,g=e.style,x=(0,a.NP)(),v=s.groups[0].items;if(!v)return(0,m.jsx)(m.Fragment,{});for(var y=0;y<v.length;y++){var h,P;null!==(h=v[y].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=v[y]),null!==(P=v[y].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(t=v[y])}if(!(i&&t||(2==v.length&&(i=v[0],t=v[1]),i&&t)))return f.error(new c.GE("Achtung! Bei der Option: "+v[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),s.isVisited=!0,(0,m.jsx)(m.Fragment,{});var b=null!==(n=s.selectedElements)&&void 0!==n&&n[0].contentItemId?s.selectedElements[0]:s.optionContentItemId?{contentItemId:s.optionContentItemId,codex:s.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return s.htmlRef=e},style:g,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:s.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(l.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:s,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),b&&(0,m.jsx)(u.default,{item:b,style:{bottom:"calc(50% - 10px)",right:"20px"}},s.configStepKey)]})}))},57981:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});t(87363);var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),g=t(98404),x={};x.styleTagTransform=f(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=p();r()(g.Z,x);g.Z&&g.Z.locals&&g.Z.locals;var v=t(65515),y=t.n(v),h=t(92110),P=t(74133),b=t(20804),j=t(9420),O=t(33923),w=t(47514);const S=(0,j.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,O.NP)();return(0,w.jsxs)("div",{style:t,className:y()(g.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,w.jsx)(h.default,{stepInfo:n.info}),n.isHeader||n.hideHeader?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(P.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),"ART"==n.type&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,w.jsx)(b.default,{}),i]})}))},61123:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});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 a=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/PaletteGroup"}))}},77674:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),r=t(34988),o=t(87363),a=t.n(o),l=t(9420),s=t(86468),d=t(74890),c=t(53125),u=t(61123),p=t(3985),m=t(88584),f=t(33923),g=t(56464),x=t(69520),v=t(78717),y=t(4903),h=t(57981),P=t(60615),b=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=a().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),O=a().lazy((function(){return Promise.all([t.e(2976),t.e(2145)]).then(t.bind(t,42145))})),w=a().lazy((function(){return Promise.all([t.e(4412),t.e(7333)]).then(t.bind(t,7333))}));const S=(0,l.Pi)((function SettingsPaletteItem(e){var n,t,i,a,l,S=e.item,N=e.groupSize,I=(0,f.NP)(),A=y.default[S.type];if(void 0===A)throw new Error("component type: '"+S.type+"' not implemented");var R=(0,o.useState)([]),C=(0,r.Z)(R,2),_=C[0],T=C[1],E=(0,o.useState)([]),Z=(0,r.Z)(E,2),L=Z[0],D=Z[1];(0,o.useEffect)((function(){var e=S.groups.map((function(e){return _objectSpread(_objectSpread({},e),{},{items:S.currentItemsFilter&&"PLANNERSWITCH"!==S.type?e.items.filter((0,s.ZP)(S.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),T(n),D(e)}),[S,I.settingsState.itemPalettes]);var k=1===_.length&&"none"===_[0].name,G=S.type.startsWith("SUMMARY")?"":p.pw,K=null!==(n=I.uiState.ViewConfig.settingsSizes)&&void 0!==n?n:{},M=null!==(t=null==K?void 0:K.gapDefault)&&void 0!==t?t:"10px",F=null!==(i=null==K?void 0:K.sizeDefault)&&void 0!==i?i:"300px",H=void 0;if(S.isRenderedNotInSettingPalette&&!S.isRenderedInAccessorieStep)F="240px";else if("SUMMARY_ARTICLES"==S.type||"SUMMARY_OPTIONTREE"===S.type||"SUMMARY_PARTLIST"==S.type||"VARIANTS"==S.type)F="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==S.type||"GAL_BIG"===S.type)F="100px";else if("ACC"==S.type)K.sizeAccessoires&&(F=K.sizeAccessoires);else if("ACC_CONFIG"==S.type)F="100%";else if(S.type.startsWith("GAL_SMALL"))F="60px";else if("RANGE"==S.type)F="100%";else if("GAL"==S.type){var W,z;F=null!==(W=null==K?void 0:K.sizeGallery)&&void 0!==W?W:"80px",M=null!==(z=null==K?void 0:K.gapGallery)&&void 0!==z?z:"10px"}else"PLANNERSWITCH"===S.type?F="170px":"SMALL"===S.type&&I.getIsInMobileView()&&"jungle"==(null===(a=I.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)||"SHELFPLANNER"===S.type&&I.productState.shelfPlannerRTV?F="120px":"VERY_SMALL"===S.type?F="48%":"GAL_TEXT"===S.type?F="100px":"GAL_BIG_TEXT"===S.type?F="120px":"GAL_SMALL_TEXT"===S.type&&(F="70px");["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(S.type)&&(H="20px");var V=_objectSpread({"--gridSize":F,"--gridGap":M},H?{"--infoIconSize":H}:{});if(!S.visible)return(0,b.jsx)(b.Fragment,{});switch(S.type){case"CHECKOUT":return(0,b.jsx)(P.default,{viewHandler:I});case"TOGGLE":return(0,b.jsx)(m.default,{style:V,item:S,paletteId:S.id});case"TOGGLE_NAME":return(0,b.jsx)(v.default,{style:V,item:S,paletteId:S.id});case"TEXTBOX":return(0,b.jsx)(d.default,{style:V,item:S,paletteId:S.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,b.jsx)(c.default,{style:V,item:S,paletteId:S.id});case"NUMBER":return(0,b.jsx)(A,{paletteId:S.id,item:null===(l=S.groups[0])||void 0===l||null===(l=l.items)||void 0===l?void 0:l[0],groupSize:N},S.id+S.configStepKey);case"SHELFPLANNER":return(0,b.jsx)(o.Suspense,{fallback:(0,b.jsx)(b.Fragment,{}),children:(0,b.jsx)(j,{filteredGroups:_,item:S,id:S.id,style:V},S.id)});case"PRODUCTS":return(0,b.jsx)(w,{item:S});case"PROMOTED":return(0,b.jsx)(x.default,{item:S});case"DOOR_PLANNER":return(0,b.jsx)(o.Suspense,{fallback:(0,b.jsx)(b.Fragment,{}),children:(0,b.jsx)(O,{item:S})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var B=(0,b.jsx)(g.default,{item:S,PaletteComponent:A,filteredGroups:L,id:S.id,showSearchBar:"GAL_GROUP_DROPDOWN"==S.type,contentInnerClassName:G},S.configStepKey);return(0,b.jsx)(h.default,{style:V,item:S,children:B});default:var U;return U=k?(0,b.jsx)("div",{className:G,children:_.map((function(e){return e.items.map((function(e,n){return(0,b.jsx)(A,{paletteType:S.type,paletteId:S.id,item:e},n)}))}))}):(0,b.jsx)(u.default,{groups:_,contentInnerClassName:G,itemPalette:S,PaletteComponent:A}),(0,b.jsx)(h.default,{style:V,item:S,children:U})}}))},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>s,YS:()=>l,ZP:()=>u,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var l="index-module--RNSdL",s="index-module--BZXkK",d="index-module--WUQm2",c="index-module--f88nM";const u=a},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>s,TN:()=>d,ZP:()=>g,eR:()=>p,kA:()=>f,q_:()=>l,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--nnufv {\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--nnufv: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--nnufv:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",s="index-module--VyzqQ",d="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",m="index-module--laiEH",f="index-module--HL0mI";const g=a},77113:(e,n,t)=>{t.d(n,{F1:()=>s,Ry:()=>l,ZP:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var l="index-module--x75w5",s="index-module--tgKwN";const d=a},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>l,TN:()=>c,ZN:()=>u,ZP:()=>f,eR:()=>s,pA:()=>m,u2:()=>p});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var l="index-module--v5pSs",s="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",p="index-module--z1OwD",m="index-module--PkMF3";const f=a},98404:(e,n,t)=>{t.d(n,{Z:()=>s,f:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var l="index-module--hCQUB";const s=a},70410:(e,n,t)=>{t.d(n,{ZP:()=>s,pw:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var l="index-module--anx5T";const s=a},550:(e,n,t)=>{t.d(n,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),g=t(43078),x={};x.styleTagTransform=f(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=p();r()(g.ZP,x),g.ZP&&g.ZP.locals&&g.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>g.pw});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),g=t(70410),x={};x.styleTagTransform=f(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=p();r()(g.ZP,x),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7674,4133,804,3125,4890,9596,9520,1123],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});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 a=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},20804:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),r=t(33923),o=t(93379),a=t.n(o),l=t(7795),s=t.n(l),d=t(90569),c=t.n(d),u=t(3565),p=t.n(u),m=t(19216),f=t.n(m),g=t(44589),x=t.n(g),v=t(11309),y={};y.styleTagTransform=x(),y.setAttributes=p(),y.insert=c().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=f();a()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var h=t(65515),P=t.n(h),b=t(88683),j=t(47514);const O=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,b.useTranslation)().t;return(0,j.jsxs)("div",{className:P()(v.YS),children:[(0,j.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:P()(v.LI,n.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,j.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:P()(v.LI,n.settingsState.plannerReplaceMode?v.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});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 a=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},74890:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(84658),r=t(80248),o=t(34988),a=t(50747),l=t.n(a),s=t(87363),d=t(65515),c=t.n(d),u=t(93379),p=t.n(u),m=t(7795),f=t.n(m),g=t(90569),x=t.n(g),v=t(3565),y=t.n(v),h=t(19216),P=t.n(h),b=t(44589),j=t.n(b),O=t(18135),w={};w.styleTagTransform=j(),w.setAttributes=y(),w.insert=x().bind(null,"head"),w.domAPI=f(),w.insertStyleElement=P();p()(O.ZP,w);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=t(33923),N=t(9420),I=t(74133),A=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 C=(0,N.Pi)((function TextBox(e){var n,t,a=e.item,d=e.paletteId,u=e.style,p=(0,S.NP)(),m=(0,s.useRef)(null),f=a.groups[0].items,g=(0,s.useState)(f[0].freeTextLang),x=(0,o.Z)(g,2),v=x[0],y=x[1],h=function(){var e=(0,i.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,f[0],d);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),P=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,A.jsxs)("div",{className:O.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,A.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,A.jsx)(I.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,A.jsx)("div",{className:c()(O.eR,O.F2),children:P.length?(0,A.jsx)(A.Fragment,{children:P.map((function(e){return(0,A.jsxs)("div",{className:O.t,children:[(0,A.jsx)("div",{className:O.kA,children:e}),(0,A.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return h(e,n)}),500),y(_objectSpread(_objectSpread({},v),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==v?void 0:v[e]})]},e)}))}):(0,A.jsx)("div",{children:(0,A.jsx)("input",{className:O.q_,onChange:function handleChange(e){f[0]&&(f[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(f[0],"inputbox",d))},type:"text",value:null!==(t=f[0])&&void 0!==t&&t.freeText?f[0].freeText:""})})})]})}))},69520:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88683),o=t(33923),a=t(87363),l=t(9420),s=t(76615),d=t(93379),c=t.n(d),u=t(7795),p=t.n(u),m=t(90569),f=t.n(m),g=t(3565),x=t.n(g),v=t(19216),y=t.n(v),h=t(44589),P=t.n(h),b=t(77113),j={};j.styleTagTransform=P(),j.setAttributes=x(),j.insert=f().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=y();c()(b.ZP,j);b.ZP&&b.ZP.locals&&b.ZP.locals;var O=t(74133),w=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 N=(0,l.Pi)((function PromotedProducts(e){var n,t=e.item,l=(0,r.useDivaCore)(),d=l.actions.openComponent,c=l.handler.productHandler,u=l.state.organization,p=(0,a.useState)([]),m=(0,i.Z)(p,2),f=m[0],g=m[1],x=(0,o.NP)(),v=x.getViewConfig().productsConfig,y=(0,a.useState)(0),h=(0,i.Z)(y,2),P=h[0],j=h[1],N=(0,a.useCallback)((function(e){j(x.settingsState.configChanged),d({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[x]),I=P===x.settingsState.configChanged&&(null!==(n=x.configState.productId)&&void 0!==n?n:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId());(0,a.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==v?void 0:v.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==v?void 0:v.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(t=null==v?void 0:v.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(u._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}g(e.data)}))}),[x.uiState.isLoading]);var A=null!=v&&v.maxCount&&v.showSkeletions?S(v.maxCount,f.length):[];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(O.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,w.jsxs)("div",{className:b.Ry,children:[f.map((function(e,n){return(0,w.jsx)(s.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:N,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==I}))?{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)})),A.map((function(e){return(0,w.jsx)("div",{className:b.F1,children:(0,w.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),a=t(33923),l=t(59396),s=t(88683),d=t(65069),c=t(23042),u=t(47514),p=(0,s.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,s=e.item,m=e.paletteId,f=e.style,g=(0,a.NP)(),x=s.groups[0].items;if(!x)return(0,u.jsx)(u.Fragment,{});for(var v=0;v<x.length;v++){var y,h;null!==(y=x[v].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(i=x[v]),null!==(h=x[v].codex)&&void 0!==h&&h.startsWith("OPVJA")&&(t=x[v])}if(!(i&&t||(2==x.length&&(i=x[0],t=x[1]),i&&t)))return p.warn("Achtung! Bei der Option: "+x[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),s.isVisited=!0,(0,u.jsx)(u.Fragment,{});var P=0==i.sel,b=null!==(n=s.selectedElements)&&void 0!==n&&n[0].contentItemId?s.selectedElements[0]:s.optionContentItemId?{contentItemId:s.optionContentItemId,codex:s.configStepKey}:void 0;return(0,u.jsxs)("div",{className:o.O7,ref:function ref(e){return s.htmlRef=e},style:f,children:[(0,u.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,u.jsx)("div",{className:P?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,u.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,u.jsx)(l.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:s,alwaysActiveColor:!0,state:P})}),(0,u.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,u.jsx)("div",{className:P?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),b&&(0,u.jsx)(d.default,{item:b,style:{position:"relative"}},s.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(65515),r=t.n(i),o=t(550),a=t(33923),l=t(59396),s=t(9420),d=t(88683),c=t(59151),u=t(65069),p=t(23042),m=t(47514),f=(0,d.getLogger)("Planner","ToggleOption");const g=(0,s.Pi)((function ToggleOption(e){var n,t,i,s=e.item,d=e.paletteId,g=e.style,x=(0,a.NP)(),v=s.groups[0].items;if(!v)return(0,m.jsx)(m.Fragment,{});for(var y=0;y<v.length;y++){var h,P;null!==(h=v[y].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=v[y]),null!==(P=v[y].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(t=v[y])}if(!(i&&t||(2==v.length&&(i=v[0],t=v[1]),i&&t)))return f.error(new c.GE("Achtung! Bei der Option: "+v[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),s.isVisited=!0,(0,m.jsx)(m.Fragment,{});var b=null!==(n=s.selectedElements)&&void 0!==n&&n[0].contentItemId?s.selectedElements[0]:s.optionContentItemId?{contentItemId:s.optionContentItemId,codex:s.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return s.htmlRef=e},style:g,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:s.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(l.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:s,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),b&&(0,m.jsx)(u.default,{item:b,style:{bottom:"calc(50% - 10px)",right:"20px"}},s.configStepKey)]})}))},57981:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});t(87363);var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),g=t(98404),x={};x.styleTagTransform=f(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=p();r()(g.Z,x);g.Z&&g.Z.locals&&g.Z.locals;var v=t(65515),y=t.n(v),h=t(92110),P=t(74133),b=t(20804),j=t(9420),O=t(33923),w=t(47514);const S=(0,j.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,O.NP)();return(0,w.jsxs)("div",{style:t,className:y()(g.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,w.jsx)(h.default,{stepInfo:n.info}),n.isHeader||n.hideHeader?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(P.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),"ART"==n.type&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,w.jsx)(b.default,{}),i]})}))},61123:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});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 a=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/PaletteGroup"}))}},77674:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N,getKey:()=>S});var i=t(80248),r=t(34988),o=t(87363),a=t.n(o),l=t(9420),s=t(86468),d=t(74890),c=t(53125),u=t(61123),p=t(3985),m=t(88584),f=t(33923),g=t(56464),x=t(69520),v=t(78717),y=t(4903),h=t(57981),P=t(60615),b=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=a().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),O=a().lazy((function(){return Promise.all([t.e(2976),t.e(2145)]).then(t.bind(t,42145))})),w=a().lazy((function(){return Promise.all([t.e(4412),t.e(7333)]).then(t.bind(t,7333))})),S=function getKey(e){var n,t,i;return null!==(n=null!==(t=null!==(i=e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const N=(0,l.Pi)((function SettingsPaletteItem(e){var n,t,i,a,l,N=e.item,I=e.groupSize,A=(0,f.NP)(),C=y.default[N.type];if(void 0===C)throw new Error("component type: '"+N.type+"' not implemented");var R=(0,o.useState)([]),_=(0,r.Z)(R,2),T=_[0],E=_[1],Z=(0,o.useState)([]),L=(0,r.Z)(Z,2),D=L[0],k=L[1];(0,o.useEffect)((function(){var e=N.groups.map((function(e){return _objectSpread(_objectSpread({},e),{},{items:N.currentItemsFilter&&"PLANNERSWITCH"!==N.type?e.items.filter((0,s.ZP)(N.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),E(n),k(e)}),[N,A.settingsState.itemPalettes]);var G=1===T.length&&"none"===T[0].name,K=N.type.startsWith("SUMMARY")?"":p.pw,M=null!==(n=A.uiState.ViewConfig.settingsSizes)&&void 0!==n?n:{},F=null!==(t=null==M?void 0:M.gapDefault)&&void 0!==t?t:"10px",H=null!==(i=null==M?void 0:M.sizeDefault)&&void 0!==i?i:"300px",W=void 0;if(N.isRenderedNotInSettingPalette&&!N.isRenderedInAccessorieStep)H="240px";else if("SUMMARY_ARTICLES"==N.type||"SUMMARY_OPTIONTREE"===N.type||"SUMMARY_PARTLIST"==N.type||"VARIANTS"==N.type)H="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==N.type||"GAL_BIG"===N.type)H="100px";else if("ACC"==N.type)M.sizeAccessoires&&(H=M.sizeAccessoires);else if("ACC_CONFIG"==N.type)H="100%";else if(N.type.startsWith("GAL_SMALL"))H="60px";else if("RANGE"==N.type)H="100%";else if("GAL"==N.type){var z,V;H=null!==(z=null==M?void 0:M.sizeGallery)&&void 0!==z?z:"80px",F=null!==(V=null==M?void 0:M.gapGallery)&&void 0!==V?V:"10px"}else"PLANNERSWITCH"===N.type?H="170px":"SMALL"===N.type&&A.getIsInMobileView()&&"jungle"==(null===(a=A.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)||"SHELFPLANNER"===N.type&&A.productState.shelfPlannerRTV?H="120px":"VERY_SMALL"===N.type?H="48%":"GAL_TEXT"===N.type?H="100px":"GAL_BIG_TEXT"===N.type?H="120px":"GAL_SMALL_TEXT"===N.type&&(H="70px");["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(N.type)&&(W="20px");var B=_objectSpread({"--gridSize":H,"--gridGap":F},W?{"--infoIconSize":W}:{});if(!N.visible)return(0,b.jsx)(b.Fragment,{});switch(N.type){case"CHECKOUT":return(0,b.jsx)(P.default,{viewHandler:A});case"TOGGLE":return(0,b.jsx)(m.default,{style:B,item:N,paletteId:N.id});case"TOGGLE_NAME":return(0,b.jsx)(v.default,{style:B,item:N,paletteId:N.id});case"TEXTBOX":return(0,b.jsx)(d.default,{style:B,item:N,paletteId:N.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,b.jsx)(c.default,{style:B,item:N,paletteId:N.id});case"NUMBER":return(0,b.jsx)(C,{paletteId:N.id,item:null===(l=N.groups[0])||void 0===l||null===(l=l.items)||void 0===l?void 0:l[0],groupSize:I},N.id+N.configStepKey);case"SHELFPLANNER":return(0,b.jsx)(o.Suspense,{fallback:(0,b.jsx)(b.Fragment,{}),children:(0,b.jsx)(j,{filteredGroups:T,item:N,id:N.id,style:B},N.id)});case"PRODUCTS":return(0,b.jsx)(w,{item:N});case"PROMOTED":return(0,b.jsx)(x.default,{item:N});case"DOOR_PLANNER":return(0,b.jsx)(o.Suspense,{fallback:(0,b.jsx)(b.Fragment,{}),children:(0,b.jsx)(O,{item:N})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var U=(0,b.jsx)(g.default,{item:N,PaletteComponent:C,filteredGroups:D,id:N.id,showSearchBar:"GAL_GROUP_DROPDOWN"==N.type,contentInnerClassName:K},N.configStepKey);return(0,b.jsx)(h.default,{style:B,item:N,children:U});default:var X;return X=G?(0,b.jsx)("div",{className:K,children:T.map((function(e){return e.items.map((function(e,n){return(0,b.jsx)(C,{paletteType:N.type,paletteId:N.id,item:e},S(e))}))}))}):(0,b.jsx)(u.default,{groups:T,contentInnerClassName:K,itemPalette:N,PaletteComponent:C}),(0,b.jsx)(h.default,{style:B,item:N,children:X})}}))},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>s,YS:()=>l,ZP:()=>u,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var l="index-module--RNSdL",s="index-module--BZXkK",d="index-module--WUQm2",c="index-module--f88nM";const u=a},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>s,TN:()=>d,ZP:()=>g,eR:()=>p,kA:()=>f,q_:()=>l,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--nnufv {\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--nnufv: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--nnufv:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",s="index-module--VyzqQ",d="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",m="index-module--laiEH",f="index-module--HL0mI";const g=a},77113:(e,n,t)=>{t.d(n,{F1:()=>s,Ry:()=>l,ZP:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var l="index-module--x75w5",s="index-module--tgKwN";const d=a},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>l,TN:()=>c,ZN:()=>u,ZP:()=>f,eR:()=>s,pA:()=>m,u2:()=>p});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var l="index-module--v5pSs",s="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",p="index-module--z1OwD",m="index-module--PkMF3";const f=a},98404:(e,n,t)=>{t.d(n,{Z:()=>s,f:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var l="index-module--hCQUB";const s=a},70410:(e,n,t)=>{t.d(n,{ZP:()=>s,pw:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var l="index-module--anx5T";const s=a},550:(e,n,t)=>{t.d(n,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),g=t(43078),x={};x.styleTagTransform=f(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=p();r()(g.ZP,x),g.ZP&&g.ZP.locals&&g.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>g.pw});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),g=t(70410),x={};x.styleTagTransform=f(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=p();r()(g.ZP,x),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8589.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8589,9754,2979],{9754:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});t(87363);var r=t(65515),o=t.n(r),a=t(93379),i=t.n(a),l=t(7795),s=t.n(l),p=t(90569),d=t.n(p),u=t(3565),c=t.n(u),m=t(19216),g=t.n(m),f=t(44589),x=t.n(f),b=t(92493),h={};h.styleTagTransform=x(),h.setAttributes=c(),h.insert=d().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();i()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(88683),w=t(47514);const v=function Group(e){var n=e.group,t=e.PaletteComponent,r=e.paletteId,a=e.rowCount,i=e.paletteType,l=e.contentInnerClassName,s=(0,y.useTranslation)().t,p=n.items,d="none"!==n.name?n.name:s("configurator.other");return(0,w.jsx)(w.Fragment,{children:p.map((function(e,n){return(0,w.jsxs)("div",{className:o()(b.nC,l),style:{width:"calc("+100/a+"%"+(0===n?" - 3px":"")+" - 5px)",borderRadius:n===p.length-1&&0===n?"8px":0===n?"8px 0px 0px 8px":n===p.length-1?"0px 8px 8px 0px":void 0,marginLeft:0===n?3:void 0,paddingRight:"5px"},children:[(0,w.jsx)(t,{paletteId:r,item:e,paletteType:i,style:{"--galleryItemRowCount":"1","--galleryItemRowCountSmall":"1",paddingTop:"unset"}},n),(0,w.jsx)("span",{className:b.TN,children:0===n?d:""})]})}))})}},38589:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var r=t(9420),o=t(33923),a=(t(87363),t(9754)),i=t(93379),l=t.n(i),s=t(7795),p=t.n(s),d=t(90569),u=t.n(d),c=t(3565),m=t.n(c),g=t(19216),f=t.n(g),x=t(44589),b=t.n(x),h=t(75992),y={};y.styleTagTransform=b(),y.setAttributes=m(),y.insert=u().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=f();l()(h.Z,y);h.Z&&h.Z.locals&&h.Z.locals;var w=t(88683),v=t(92979),P=t(47514);const j=(0,r.Pi)((function PaletteGroup(e){var n=e.itemPalette,t=e.groups,r=e.PaletteComponent,i=e.contentInnerClassName,l=e.rowCount,s=void 0===l?12:l;if(!(0,o.NP)().uiState.isInMobileView)return(0,P.jsx)(v.default,{contentInnerClassName:i,itemPalette:n,groups:t,PaletteComponent:r,rowCount:s});var p=(0,w.useDivaCore)().state.dimensions.width,d=0;if(p)for(;p/s<60;)s-=1;return(0,P.jsx)("div",{className:h.n,children:t.map((function(e){var t=!1;return d%s==s-1&&e.items.length>1&&(t=!0,d++),d+=e.items.length,(0,P.jsxs)(P.Fragment,{children:[t&&(0,P.jsx)("div",{style:{background:"rgba(242, 242, 242, 0.6)",width:100/s+"%"}}),(0,P.jsx)(a.default,{PaletteComponent:r,contentInnerClassName:i,paletteType:n.type,group:e,paletteId:n.id,rowCount:s})]})}))})}))},92979:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var r=t(80248),o=t(9420),a=t(87363),i=t(91232),l=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}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 s=(0,o.Pi)((function PaletteGroup(e){return(0,l.jsx)(l.Fragment,{children:e.groups.map((function(n){return(0,a.createElement)(i.default,_objectSpread(_objectSpread({},e),{},{key:n.key,group:n}))}))})}))},92493:(e,n,t)=>{t.d(n,{TN:()=>s,ZP:()=>p,nC:()=>l});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--g85YY {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  margin-bottom: 3px;\n  background: rgba(242, 242, 242, 0.6);\n  padding-top: 5px;\n}\n\n.index-module--uj55Y {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n",""]);var l="index-module--g85YY",s="index-module--uj55Y";const p=i},75992:(e,n,t)=>{t.d(n,{Z:()=>s,n:()=>l});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--Wo_45 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n",""]);var l="index-module--Wo_45";const s=i}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8589,7446,9754,1232,2979],{57446:function(r,m,y){var x;r.exports=(x=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var x=m[y]={i:y,l:!1,exports:{}};return r[y].call(x.exports,x,x.exports,n),x.l=!0,x.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 x in r)n.d(y,x,function(m){return r[m]}.bind(null,x));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=x},function(r,m,y){"use strict";var x=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,C,O){if(O!==x){var w=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 w.name="Invariant Violation",w}}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 x=y(1),v=y.n(x),C=y(0),O=y.n(C),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 x in y)Object.prototype.hasOwnProperty.call(y,x)&&(r[x]=y[x])}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 x=m[y];x.enumerable=x.enumerable||!1,x.configurable=!0,"value"in x&&(x.writable=!0),Object.defineProperty(r,x.key,x)}}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,x=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(x,arguments,v)}else y=x.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 w=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,x,C=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=C.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 v.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",x=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,N=P.classParentString,j=P.contentOuterClassName,S=P.contentInnerClassName,k="".concat(N,"__trigger ").concat(y," ").concat(x," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(N,"__contentOuter ").concat(j),_="".concat(N,"__contentInner ").concat(S);return v.a.createElement(O,l({className:I.trim()},this.props.containerElementProps),v.a.createElement(w,l({id:this.triggerId,className:k.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),C),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:E.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},v.a.createElement("div",{className:_.trim()},T)))}}])&&p(m.prototype,y),x&&p(m,x),Object.defineProperty(m,"prototype",{writable:!1}),s}(x.Component);w.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},w.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=w}]))},9754:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>A});y(87363);var x=y(65515),v=y.n(x),C=y(93379),O=y.n(C),w=y(7795),T=y.n(w),P=y(90569),N=y.n(P),j=y(3565),S=y.n(j),k=y(19216),I=y.n(k),E=y(44589),_=y.n(E),R=y(92493),Z={};Z.styleTagTransform=_(),Z.setAttributes=S(),Z.insert=N().bind(null,"head"),Z.domAPI=T(),Z.insertStyleElement=I();O()(R.ZP,Z);R.ZP&&R.ZP.locals&&R.ZP.locals;var W=y(88683),F=y(77674),D=y(47514);const A=function Group(r){var m=r.group,y=r.PaletteComponent,x=r.paletteId,C=r.rowCount,O=r.paletteType,w=r.contentInnerClassName,T=(0,W.useTranslation)().t,P=m.items,N="none"!==m.name?m.name:T("configurator.other");return(0,D.jsx)(D.Fragment,{children:P.map((function(r,m){return(0,D.jsxs)("div",{className:v()(R.nC,w),style:{width:"calc("+100/C+"%"+(0===m?" - 3px":"")+" - 5px)",borderRadius:m===P.length-1&&0===m?"8px":0===m?"8px 0px 0px 8px":m===P.length-1?"0px 8px 8px 0px":void 0,marginLeft:0===m?3:void 0,paddingRight:"5px"},children:[(0,D.jsx)(y,{paletteId:x,item:r,paletteType:O,style:{"--galleryItemRowCount":"1","--galleryItemRowCountSmall":"1",paddingTop:"unset"}},(0,F.getKey)(r)),(0,D.jsx)("span",{className:R.TN,children:0===m?N:""})]})}))})}},38589:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>H});var x=y(9420),v=y(33923),C=(y(87363),y(9754)),O=y(93379),w=y.n(O),T=y(7795),P=y.n(T),N=y(90569),j=y.n(N),S=y(3565),k=y.n(S),I=y(19216),E=y.n(I),_=y(44589),R=y.n(_),Z=y(75992),W={};W.styleTagTransform=R(),W.setAttributes=k(),W.insert=j().bind(null,"head"),W.domAPI=P(),W.insertStyleElement=E();w()(Z.Z,W);Z.Z&&Z.Z.locals&&Z.Z.locals;var F=y(88683),D=y(92979),A=y(47514);const H=(0,x.Pi)((function PaletteGroup(r){var m=r.itemPalette,y=r.groups,x=r.PaletteComponent,O=r.contentInnerClassName,w=r.rowCount,T=void 0===w?12:w;if(!(0,v.NP)().uiState.isInMobileView)return(0,A.jsx)(D.default,{contentInnerClassName:O,itemPalette:m,groups:y,PaletteComponent:x,rowCount:T});var P=(0,F.useDivaCore)().state.dimensions.width,N=0;if(P)for(;P/T<60;)T-=1;return(0,A.jsx)("div",{className:Z.n,children:y.map((function(r){var y=!1;return N%T==T-1&&r.items.length>1&&(y=!0,N++),N+=r.items.length,(0,A.jsxs)(A.Fragment,{children:[y&&(0,A.jsx)("div",{style:{background:"rgba(242, 242, 242, 0.6)",width:100/T+"%"}}),(0,A.jsx)(C.default,{PaletteComponent:x,contentInnerClassName:O,paletteType:m.type,group:r,paletteId:m.id,rowCount:T})]})}))})}))},91232:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>L});var x=y(34988),v=y(87363),C=y(88683),O=y(65515),w=y.n(O),T=y(57446),P=y.n(T),N=y(93379),j=y.n(N),S=y(7795),k=y.n(S),I=y(90569),E=y.n(I),_=y(3565),R=y.n(_),Z=y(19216),W=y.n(Z),F=y(44589),D=y.n(F),A=y(75261),H={};H.styleTagTransform=D(),H.setAttributes=R(),H.insert=E().bind(null,"head"),H.domAPI=k(),H.insertStyleElement=W();j()(A.ZP,H);A.ZP&&A.ZP.locals&&A.ZP.locals;var z=y(33923),K=y(9420),B=y(65069),G=y(23042),V=y(77674),Y=y(47514);const L=(0,K.Pi)((function Group(r){var m=r.group,y=r.PaletteComponent,O=r.itemPalette,T=r.contentInnerClassName,N=(0,C.useTranslation)().t,j=(0,z.NP)(),S=(0,v.useState)(m.isFolded),k=(0,x.Z)(S,2),I=k[0],E=k[1],_=(0,v.useState)(!m.isFolded),R=(0,x.Z)(_,2),Z=R[0],W=R[1];(0,v.useEffect)((function(){Z||m.isFolded?W(!m.isFolded):setTimeout((function(){return W(!m.isFolded)}),400),!I&&m.isFolded?setTimeout((function(){return E(m.isFolded)}),200):E(m.isFolded)}),[m.isFolded]);var F=("none"!==m.name?m.name:N("configurator.other"))+(m.parentName&&m.parentName!=O.name?" ("+m.parentName+")":""),D=m.items[0].pricePreviewPromise;return(0,Y.jsx)("div",{className:A.YS,id:F,children:(0,Y.jsx)(P(),{className:A.MB,open:Z,contentInnerClassName:T,handleTriggerClick:function handleTriggerClick(){m.isFolded?j.settingsState.openGroup(O.id,m.key,j.paletteViewHandler.isGroupFolded(O.id)):j.settingsState.closeGroup(O.id,m.key)},triggerOpenedClassName:A.R6,trigger:(0,Y.jsxs)("div",{className:w()(A.qt,A.dG),children:[(0,Y.jsx)("div",{className:A.IS}),m.contentItemId&&(0,Y.jsx)(B.default,{item:m,style:{zIndex:100,margin:"0px 10px",position:"relative"}},m.key),(0,Y.jsxs)("div",{className:A.Xx,children:[F,void 0!==D&&(0,Y.jsx)(G.default,{asyncPricePreview:D})]})]}),easing:"ease",children:!I&&m.items.map((function(r,m){return(0,Y.jsx)(y,{paletteType:O.type,paletteId:O.id,item:r,hidePricePreview:!0},(0,V.getKey)(r))}))})},F)}))},92979:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>T});var x=y(80248),v=y(9420),C=y(87363),O=y(91232),w=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var x=Object.getOwnPropertySymbols(r);m&&(x=x.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,x)}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,x.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 T=(0,v.Pi)((function PaletteGroup(r){return(0,w.jsx)(w.Fragment,{children:r.groups.map((function(m){return(0,C.createElement)(O.default,_objectSpread(_objectSpread({},r),{},{key:m.key,group:m}))}))})}))},92493:(r,m,y)=>{"use strict";y.d(m,{TN:()=>T,ZP:()=>P,nC:()=>w});var x=y(8081),v=y.n(x),C=y(23645),O=y.n(C)()(v());O.push([r.id,".index-module--g85YY {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  margin-bottom: 3px;\n  background: rgba(242, 242, 242, 0.6);\n  padding-top: 5px;\n}\n\n.index-module--uj55Y {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n",""]);var w="index-module--g85YY",T="index-module--uj55Y";const P=O},75992:(r,m,y)=>{"use strict";y.d(m,{Z:()=>T,n:()=>w});var x=y(8081),v=y.n(x),C=y(23645),O=y.n(C)()(v());O.push([r.id,".index-module--Wo_45 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n",""]);var w="index-module--Wo_45";const T=O},75261:(r,m,y)=>{"use strict";y.d(m,{IS:()=>R,MB:()=>k,R6:()=>Z,Xx:()=>_,YS:()=>S,ZP:()=>W,dG:()=>E,qt:()=>I});var x=y(8081),v=y.n(x),C=y(23645),O=y.n(C),w=y(61667),T=y.n(w),P=new URL(y(24827),y.b),N=O()(v()),j=T()(P);N.push([r.id,".index-module--gjndF {\n  width: 100%;\n}\n\n.index-module--Anu0y .index-module--EXS9h {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.index-module--Zi1K0.index-module--FVyax {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.index-module--Zi1K0.index-module--FVyax {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.index-module--Zi1K0.index-module--FVyax:hover {\n  z-index: 200;\n}\n\n.index-module--W3aaL {\n  font-size: 17.6px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.index-module--W3aaL:hover {\n  z-index: 200;\n}\n\n.index-module--Zi1K0 .index-module--lXg0H {\n  margin: 0px 6px;\n  background-image: url("+j+");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.index-module--cVNUC .index-module--Zi1K0 .index-module--lXg0H {\n  transform: rotateZ(180deg);\n}\n",""]);var S="index-module--gjndF",k="index-module--EXS9h",I="index-module--Zi1K0",E="index-module--FVyax",_="index-module--W3aaL",R="index-module--lXg0H",Z="index-module--cVNUC";const W=N}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9362.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9362,7070,3306],{97070:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),a=t.n(o),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),c=t(3565),g=t.n(c),p=t(19216),m=t.n(p),x=t(44589),b=t.n(x),S=t(5217),f={};f.styleTagTransform=b(),f.setAttributes=g(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=m();a()(S.ZP,f);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=t(33923),h=t(47514);const P=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,r.useTranslation)().t,t=(0,v.NP)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!i&&(0,h.jsxs)("div",{className:S.nC,children:[(0,h.jsx)("div",{className:S.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:S.nt,children:t.productState.formatedTotalPrice})]})})}))},63306:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88291),o=t(33923),a=t(9420),d=t(87363),s=t(72757),l=t(93379),u=t.n(l),c=t(7795),g=t.n(c),p=t(90569),m=t.n(p),x=t(3565),b=t.n(x),S=t(19216),f=t.n(S),v=t(44589),h=t.n(v),P=t(79501),I={};I.styleTagTransform=h(),I.setAttributes=b(),I.insert=m().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=f();u()(P.ZP,I);P.ZP&&P.ZP.locals&&P.ZP.locals;var M=t(77674),j=t(65515),w=t.n(j),C=t(97070),L=t(47514);const N=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,r.Z)(e);var a=(0,o.NP)(),l=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return l.current?(a.settingsState.setScrollerElement(l.current),a.uiState.setUpSettingsScrollEvent(l.current)):function(){}}),[l]);var g,p,m={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?m.height="100%":m.height="calc(100% - "+(null!==(g=null===(p=a.settingsState.settingsHeaderElement)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==g?g:0)+"px)";for(var x=0;x<a.settingsState.itemPaletteArr.length;x++){var b=a.settingsState.itemPaletteArr[x][1],S=Number(b.id),f=b.pairWithOptionsToGroup;f&&b.visible&&(c[f]||(c[f]=[]),c[f].push(S)),b.isRenderedNotInSettingPalette||u.push([S,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,L.jsxs)("div",{style:m,className:w()(P.e8,a.uiState.configSettingsIsExpanded?P.zh:void 0,a.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:l,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,L.jsx)(s.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,L.jsxs)("div",{children:[u.map((function(e){var n=(0,i.Z)(e,2),t=n[0],r=n[1];return(0,L.jsx)(M.default,{item:r,id:t,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},t)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,L.jsx)(C.default,{})]})]})}))},39362:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var i=t(80248),r=t(72874),o=(t(87363),t(33923)),a=t(72757),d=t(63306),s=t(9420),l=t(93379),u=t.n(l),c=t(7795),g=t.n(c),p=t(90569),m=t.n(p),x=t(3565),b=t.n(x),S=t(19216),f=t.n(S),v=t(44589),h=t.n(v),P=t(62500),I={};I.styleTagTransform=h(),I.setAttributes=b(),I.insert=m().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=f();u()(P.ZP,I);P.ZP&&P.ZP.locals&&P.ZP.locals;var M=t(65515),j=t.n(M),w=t(47514),C=["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 L=(0,s.Pi)((function Settings(e){var n,t,i=e.className,s=(0,r.Z)(e,C),l=(0,o.NP)();return(0,w.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:j()(i,P.vt,"horizontal"==l.tabGroupState.curTabGroupType?P.s1:void 0,l.uiState.configSettingsIsExpanded?P.zh:void 0),children:[l.uiState.doShowConfSettingsExpander&&!l.uiState.isInMobileView&&(0,w.jsx)("div",{className:P.AH,onClick:l.uiState.onClickExpandConfigSettings}),!l.uiState.isInMobileView&&!l.settingsState.forceSettingsHeaderInScrollContainer&&(0,w.jsx)(a.default,{},null!==(n=null===(t=l.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,w.jsx)(d.default,{}),!l.uiState.isInMobileView&&l.uiState.doShowConfSettingsMaxMinExpander&&(0,w.jsxs)(w.Fragment,{children:[!l.uiState.configSettingsIsMaxExpanded&&(0,w.jsx)("div",{className:P.EN,onClick:l.uiState.onClickExpandMaxConfigSettings}),!l.uiState.configSettingsIsMinExpanded&&(0,w.jsx)("div",{className:P.nW,onClick:l.uiState.onClickExpandMinConfigSettings})]})]}))}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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",s="index-module--FXdIH",l="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>l,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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",s="index-module--DRDpA",l="index-module--Rpo_4";const u=a},62500:(e,n,t)=>{t.d(n,{AH:()=>b,EN:()=>v,ZP:()=>h,nW:()=>f,s1:()=>x,vt:()=>m,zh:()=>S});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=new URL(t(27557),t.b),c=a()(r()),g=s()(l),p=s()(u);c.push([e.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+g+");\n  background-size: 19.2px;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+p+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n",""]);var m="index-module--e1N3L",x="index-module--eN6np",b="index-module--RKDxk",S="index-module--YiJDf",f="index-module--B75oj",v="index-module--rLMX4";const h=c},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9362,7070,3306],{97070:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),a=t.n(o),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),c=t(3565),g=t.n(c),p=t(19216),m=t.n(p),x=t(44589),b=t.n(x),S=t(5217),f={};f.styleTagTransform=b(),f.setAttributes=g(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=m();a()(S.ZP,f);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=t(33923),h=t(47514);const P=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,r.useTranslation)().t,t=(0,v.NP)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!i&&(0,h.jsxs)("div",{className:S.nC,children:[(0,h.jsx)("div",{className:S.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:S.nt,children:t.productState.formatedTotalPrice})]})})}))},63306:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88291),o=t(33923),a=t(9420),d=t(87363),s=t(72757),l=t(93379),u=t.n(l),c=t(7795),g=t.n(c),p=t(90569),m=t.n(p),x=t(3565),b=t.n(x),S=t(19216),f=t.n(S),v=t(44589),h=t.n(v),P=t(79501),I={};I.styleTagTransform=h(),I.setAttributes=b(),I.insert=m().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=f();u()(P.ZP,I);P.ZP&&P.ZP.locals&&P.ZP.locals;var M=t(77674),j=t(65515),w=t.n(j),C=t(97070),L=t(47514);const N=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,r.Z)(e);var a=(0,o.NP)(),l=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return l.current?(a.settingsState.setScrollerElement(l.current),a.uiState.setUpSettingsScrollEvent(l.current)):function(){}}),[l]);var g,p,m={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?m.height="100%":m.height="calc(100% - "+(null!==(g=null===(p=a.settingsState.settingsHeaderElement)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==g?g:0)+"px)";for(var x=0;x<a.settingsState.itemPaletteArr.length;x++){var b=a.settingsState.itemPaletteArr[x][1],S=Number(b.id),f=b.pairWithOptionsToGroup;f&&b.visible&&(c[f]||(c[f]=[]),c[f].push(S)),b.isRenderedNotInSettingPalette||u.push([S,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,L.jsxs)("div",{style:m,className:w()(P.e8,a.uiState.configSettingsIsExpanded?P.zh:void 0,a.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:l,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,L.jsx)(s.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,L.jsxs)("div",{children:[u.map((function(e){var n=(0,i.Z)(e,2),t=n[0],r=n[1];return(0,L.jsx)(M.default,{item:r,id:t,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},r.configStepKey)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,L.jsx)(C.default,{})]})]})}))},39362:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var i=t(80248),r=t(72874),o=(t(87363),t(33923)),a=t(72757),d=t(63306),s=t(9420),l=t(93379),u=t.n(l),c=t(7795),g=t.n(c),p=t(90569),m=t.n(p),x=t(3565),b=t.n(x),S=t(19216),f=t.n(S),v=t(44589),h=t.n(v),P=t(62500),I={};I.styleTagTransform=h(),I.setAttributes=b(),I.insert=m().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=f();u()(P.ZP,I);P.ZP&&P.ZP.locals&&P.ZP.locals;var M=t(65515),j=t.n(M),w=t(47514),C=["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 L=(0,s.Pi)((function Settings(e){var n,t,i=e.className,s=(0,r.Z)(e,C),l=(0,o.NP)();return(0,w.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:j()(i,P.vt,"horizontal"==l.tabGroupState.curTabGroupType?P.s1:void 0,l.uiState.configSettingsIsExpanded?P.zh:void 0),children:[l.uiState.doShowConfSettingsExpander&&!l.uiState.isInMobileView&&(0,w.jsx)("div",{className:P.AH,onClick:l.uiState.onClickExpandConfigSettings}),!l.uiState.isInMobileView&&!l.settingsState.forceSettingsHeaderInScrollContainer&&(0,w.jsx)(a.default,{},null!==(n=null===(t=l.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,w.jsx)(d.default,{}),!l.uiState.isInMobileView&&l.uiState.doShowConfSettingsMaxMinExpander&&(0,w.jsxs)(w.Fragment,{children:[!l.uiState.configSettingsIsMaxExpanded&&(0,w.jsx)("div",{className:P.EN,onClick:l.uiState.onClickExpandMaxConfigSettings}),!l.uiState.configSettingsIsMinExpanded&&(0,w.jsx)("div",{className:P.nW,onClick:l.uiState.onClickExpandMinConfigSettings})]})]}))}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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",s="index-module--FXdIH",l="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>l,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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",s="index-module--DRDpA",l="index-module--Rpo_4";const u=a},62500:(e,n,t)=>{t.d(n,{AH:()=>b,EN:()=>v,ZP:()=>h,nW:()=>f,s1:()=>x,vt:()=>m,zh:()=>S});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=new URL(t(27557),t.b),c=a()(r()),g=s()(l),p=s()(u);c.push([e.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+g+");\n  background-size: 19.2px;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+p+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n",""]);var m="index-module--e1N3L",x="index-module--eN6np",b="index-module--RKDxk",S="index-module--YiJDf",f="index-module--B75oj",v="index-module--rLMX4";const h=c},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9419.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9419,7446,5792],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.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 C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));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=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,T,x){if(x!==C){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 C=y(1),v=y.n(C),T=y(0),x=y.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}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 C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}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,C=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(C,arguments,v)}else y=C.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,C,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(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 v.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",C=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,O=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,S=N.classParentString,I=N.contentOuterClassName,M=N.contentInnerClassName,P="".concat(S,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),j="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(S,"__contentOuter ").concat(I),L="".concat(S,"__contentInner ").concat(M);return v.a.createElement(x,l({className:j.trim()},this.props.containerElementProps),v.a.createElement(O,l({id:this.triggerId,className:P.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),T),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:L.trim()},w)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);O.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.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}]))},85792:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>_});var C=y(65515),v=y.n(C),T=y(9420),x=(y(87363),y(33923)),O=y(93379),w=y.n(O),N=y(7795),S=y.n(N),I=y(90569),M=y.n(I),P=y(3565),j=y.n(P),k=y(19216),L=y.n(k),E=y(44589),D=y.n(E),A=y(95055),R={};R.styleTagTransform=D(),R.setAttributes=j(),R.insert=M().bind(null,"head"),R.domAPI=S(),R.insertStyleElement=L();w()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=y(88683),z=y(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,y=r.curState,C=r.tabs,T=(0,x.NP)(),O=(0,Z.useTranslation)().t;return(0,z.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:v()(A.Fs,m[0]?A.bA:void 0,T.uiState.isInMobileView?A.ai:void 0),children:[(0,z.jsx)("div",{className:A.YS,children:C.map((function(r,T){return(0,z.jsxs)("div",{className:v()(A.TN,y[0]===r&&m[0]?A.pA:void 0),onClick:function onClick(C){y[1](r),m[0]||m[1](!0),C.stopPropagation()},children:["ALL"===r&&1!==C.length&&O("configurator.config_all"),1===C.length&&O("configurator.config_accessoire"),C.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,z.jsx)("div",{className:v()(A.y6)})]})}))},29419:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>V});var C=y(12952),v=y(34988),T=y(87363),x=y(57446),O=y.n(x),w=y(85792),N=y(77674),S=y(9420),I=y(93379),M=y.n(I),P=y(7795),j=y.n(P),k=y(90569),L=y.n(k),E=y(3565),D=y.n(E),A=y(19216),R=y.n(A),Z=y(44589),z=y.n(Z),_=y(27558),H={};H.styleTagTransform=z(),H.setAttributes=D(),H.insert=L().bind(null,"head"),H.domAPI=j(),H.insertStyleElement=R();M()(_.Z,H);_.Z&&_.Z.locals&&_.Z.locals;var U=y(33923),W=y(47514);const V=(0,S.Pi)((function SubTabgroup(r){var m,y,x=r.itemPalettesOfArticle,S=(0,U.NP)(),I=(0,T.useState)(!(null===(m=S.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),M=(0,v.Z)(I,2),P=M[0],j=M[1],k=Object.keys(x),L=(0,T.useState)("ALL"),E=(0,v.Z)(L,2),D=E[0],A=E[1],R=(0,T.useState)([]),Z=(0,v.Z)(R,2),z=Z[0],H=Z[1],V=(0,T.useState)(x[k[0]]),J=(0,v.Z)(V,2),B=J[0],Q=J[1];return(0,T.useEffect)((function(){var r,m=null!==(r=x["ALL"==D?k[0]:D])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==D?k:void 0})),Q(m),H(["ALL"].concat((0,C.Z)(k.length>1?k:[]))),z.includes(D)||A(z[0])}),[x,D]),(0,W.jsx)(O(),{trigger:null!==(y=S.getViewConfig())&&void 0!==y&&y.selectAccessoiresWithToggle?(0,W.jsx)(W.Fragment,{}):(0,W.jsx)(w.default,{tabs:z,openState:[P,j],curState:[D,A]}),contentOuterClassName:P?_.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:Object.values(B).map((function(r,m){return(0,W.jsx)(N.default,{item:r,id:r.id},m)}))})}))},95055:(r,m,y)=>{"use strict";y.d(m,{Fs:()=>M,TN:()=>j,YS:()=>P,ZP:()=>A,ai:()=>D,bA:()=>E,pA:()=>k,y6:()=>L});var C=y(8081),v=y.n(C),T=y(23645),x=y.n(T),O=y(61667),w=y.n(O),N=new URL(y(37766),y.b),S=x()(v()),I=w()(N);S.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+I+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var M="index-module--bSSUt",P="index-module--wbRxH",j="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",E="index-module--jWjLA",D="index-module--PzZv7";const A=S},27558:(r,m,y)=>{"use strict";y.d(m,{Z:()=>w,n:()=>O});var C=y(8081),v=y.n(C),T=y(23645),x=y.n(T)()(v());x.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const w=x},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9419,7446,5792],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.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 C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));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=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,T,x){if(x!==C){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 C=y(1),v=y.n(C),T=y(0),x=y.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}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 C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}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,C=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(C,arguments,v)}else y=C.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,C,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(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 v.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",C=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,O=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,S=this.props,N=S.classParentString,I=S.contentOuterClassName,M=S.contentInnerClassName,P="".concat(N,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),j="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(N,"__contentOuter ").concat(I),L="".concat(N,"__contentInner ").concat(M);return v.a.createElement(x,l({className:j.trim()},this.props.containerElementProps),v.a.createElement(O,l({id:this.triggerId,className:P.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),T),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:L.trim()},w)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);O.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.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}]))},85792:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>_});var C=y(65515),v=y.n(C),T=y(9420),x=(y(87363),y(33923)),O=y(93379),w=y.n(O),S=y(7795),N=y.n(S),I=y(90569),M=y.n(I),P=y(3565),j=y.n(P),k=y(19216),L=y.n(k),E=y(44589),D=y.n(E),A=y(95055),R={};R.styleTagTransform=D(),R.setAttributes=j(),R.insert=M().bind(null,"head"),R.domAPI=N(),R.insertStyleElement=L();w()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=y(88683),z=y(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,y=r.curState,C=r.tabs,T=(0,x.NP)(),O=(0,Z.useTranslation)().t;return(0,z.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:v()(A.Fs,m[0]?A.bA:void 0,T.uiState.isInMobileView?A.ai:void 0),children:[(0,z.jsx)("div",{className:A.YS,children:C.map((function(r,T){return(0,z.jsxs)("div",{className:v()(A.TN,y[0]===r&&m[0]?A.pA:void 0),onClick:function onClick(C){y[1](r),m[0]||m[1](!0),C.stopPropagation()},children:["ALL"===r&&1!==C.length&&O("configurator.config_all"),1===C.length&&O("configurator.config_accessoire"),C.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,z.jsx)("div",{className:v()(A.y6)})]})}))},29419:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>V});var C=y(12952),v=y(34988),T=y(87363),x=y(57446),O=y.n(x),w=y(85792),S=y(77674),N=y(9420),I=y(93379),M=y.n(I),P=y(7795),j=y.n(P),k=y(90569),L=y.n(k),E=y(3565),D=y.n(E),A=y(19216),R=y.n(A),Z=y(44589),z=y.n(Z),_=y(27558),H={};H.styleTagTransform=z(),H.setAttributes=D(),H.insert=L().bind(null,"head"),H.domAPI=j(),H.insertStyleElement=R();M()(_.Z,H);_.Z&&_.Z.locals&&_.Z.locals;var U=y(33923),W=y(47514);const V=(0,N.Pi)((function SubTabgroup(r){var m,y,x=r.itemPalettesOfArticle,N=(0,U.NP)(),I=(0,T.useState)(!(null===(m=N.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),M=(0,v.Z)(I,2),P=M[0],j=M[1],k=Object.keys(x),L=(0,T.useState)("ALL"),E=(0,v.Z)(L,2),D=E[0],A=E[1],R=(0,T.useState)([]),Z=(0,v.Z)(R,2),z=Z[0],H=Z[1],V=(0,T.useState)(x[k[0]]),J=(0,v.Z)(V,2),B=J[0],Q=J[1];return(0,T.useEffect)((function(){var r,m=null!==(r=x["ALL"==D?k[0]:D])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==D?k:void 0})),Q(m),H(["ALL"].concat((0,C.Z)(k.length>1?k:[]))),z.includes(D)||A(z[0])}),[x,D]),(0,W.jsx)(O(),{trigger:null!==(y=N.getViewConfig())&&void 0!==y&&y.selectAccessoiresWithToggle?(0,W.jsx)(W.Fragment,{}):(0,W.jsx)(w.default,{tabs:z,openState:[P,j],curState:[D,A]}),contentOuterClassName:P?_.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:Object.values(B).map((function(r,m){return(0,W.jsx)(S.default,{item:r,id:r.id},r.configStepKey)}))})}))},95055:(r,m,y)=>{"use strict";y.d(m,{Fs:()=>M,TN:()=>j,YS:()=>P,ZP:()=>A,ai:()=>D,bA:()=>E,pA:()=>k,y6:()=>L});var C=y(8081),v=y.n(C),T=y(23645),x=y.n(T),O=y(61667),w=y.n(O),S=new URL(y(37766),y.b),N=x()(v()),I=w()(S);N.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+I+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var M="index-module--bSSUt",P="index-module--wbRxH",j="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",E="index-module--jWjLA",D="index-module--PzZv7";const A=N},27558:(r,m,y)=>{"use strict";y.d(m,{Z:()=>w,n:()=>O});var C=y(8081),v=y.n(C),T=y(23645),x=y.n(T)()(v());x.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const w=x},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9754.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9754],{9754:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});t(87363);var a=t(65515),l=t.n(a),i=t(93379),o=t.n(i),r=t(7795),p=t.n(r),s=t(90569),d=t.n(s),x=t(3565),u=t.n(x),c=t(19216),g=t.n(c),m=t(44589),h=t.n(m),b=t(92493),f={};f.styleTagTransform=h(),f.setAttributes=u(),f.insert=d().bind(null,"head"),f.domAPI=p(),f.insertStyleElement=g();o()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var v=t(88683),w=t(47514);const y=function Group(n){var e=n.group,t=n.PaletteComponent,a=n.paletteId,i=n.rowCount,o=n.paletteType,r=n.contentInnerClassName,p=(0,v.useTranslation)().t,s=e.items,d="none"!==e.name?e.name:p("configurator.other");return(0,w.jsx)(w.Fragment,{children:s.map((function(n,e){return(0,w.jsxs)("div",{className:l()(b.nC,r),style:{width:"calc("+100/i+"%"+(0===e?" - 3px":"")+" - 5px)",borderRadius:e===s.length-1&&0===e?"8px":0===e?"8px 0px 0px 8px":e===s.length-1?"0px 8px 8px 0px":void 0,marginLeft:0===e?3:void 0,paddingRight:"5px"},children:[(0,w.jsx)(t,{paletteId:a,item:n,paletteType:o,style:{"--galleryItemRowCount":"1","--galleryItemRowCountSmall":"1",paddingTop:"unset"}},e),(0,w.jsx)("span",{className:b.TN,children:0===e?d:""})]})}))})}},92493:(n,e,t)=>{t.d(e,{TN:()=>p,ZP:()=>s,nC:()=>r});var a=t(8081),l=t.n(a),i=t(23645),o=t.n(i)()(l());o.push([n.id,".index-module--g85YY {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  margin-bottom: 3px;\n  background: rgba(242, 242, 242, 0.6);\n  padding-top: 5px;\n}\n\n.index-module--uj55Y {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n",""]);var r="index-module--g85YY",p="index-module--uj55Y";const s=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9754],{9754:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});t(87363);var a=t(65515),l=t.n(a),i=t(93379),o=t.n(i),r=t(7795),p=t.n(r),s=t(90569),d=t.n(s),x=t(3565),u=t.n(x),c=t(19216),g=t.n(c),m=t(44589),h=t.n(m),b=t(92493),f={};f.styleTagTransform=h(),f.setAttributes=u(),f.insert=d().bind(null,"head"),f.domAPI=p(),f.insertStyleElement=g();o()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var v=t(88683),w=t(77674),y=t(47514);const C=function Group(n){var e=n.group,t=n.PaletteComponent,a=n.paletteId,i=n.rowCount,o=n.paletteType,r=n.contentInnerClassName,p=(0,v.useTranslation)().t,s=e.items,d="none"!==e.name?e.name:p("configurator.other");return(0,y.jsx)(y.Fragment,{children:s.map((function(n,e){return(0,y.jsxs)("div",{className:l()(b.nC,r),style:{width:"calc("+100/i+"%"+(0===e?" - 3px":"")+" - 5px)",borderRadius:e===s.length-1&&0===e?"8px":0===e?"8px 0px 0px 8px":e===s.length-1?"0px 8px 8px 0px":void 0,marginLeft:0===e?3:void 0,paddingRight:"5px"},children:[(0,y.jsx)(t,{paletteId:a,item:n,paletteType:o,style:{"--galleryItemRowCount":"1","--galleryItemRowCountSmall":"1",paddingTop:"unset"}},(0,w.getKey)(n)),(0,y.jsx)("span",{className:b.TN,children:0===e?d:""})]})}))})}},92493:(n,e,t)=>{t.d(e,{TN:()=>p,ZP:()=>s,nC:()=>r});var a=t(8081),l=t.n(a),i=t(23645),o=t.n(i)()(l());o.push([n.id,".index-module--g85YY {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  margin-bottom: 3px;\n  background: rgba(242, 242, 242, 0.6);\n  padding-top: 5px;\n}\n\n.index-module--uj55Y {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n",""]);var r="index-module--g85YY",p="index-module--uj55Y";const s=o}}]);