@crystaldesign/diva-web-planner-react 25.5.0-beta.7 → 25.5.0-beta.9

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,7190,3125,7618,9596,9418,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"}))}},57190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),r=t(53185),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"}))}},87618:(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(53185),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:""})})})]})}))},79418:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88683),o=t(53185),a=t(87363),l=t(9420),s=t(86008),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(53185),l=t(54365),s=t(88683),d=t(21336),c=t(59214),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(53185),l=t(54365),s=t(9420),d=t(88683),c=t(74530),u=t(21336),p=t(59214),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)]})}))},56990:(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(30336),P=t(74133),b=t(57190),j=t(9420),O=t(53185),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(87618),c=t(53125),u=t(61123),p=t(3985),m=t(88584),f=t(53185),g=t(58230),x=t(79418),v=t(78717),y=t(4903),h=t(56990),P=t(95217),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(2122),t.e(7442)]).then(t.bind(t,67442))})),O=a().lazy((function(){return Promise.all([t.e(2976),t.e(68)]).then(t.bind(t,90068))})),w=a().lazy((function(){return Promise.all([t.e(8356),t.e(5894)]).then(t.bind(t,95894))}));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,7190,3125,7618,9596,9418,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"}))}},57190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),r=t(53185),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"}))}},87618:(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(53185),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:""})})})]})}))},79418:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88683),o=t(53185),a=t(87363),l=t(9420),s=t(95351),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(53185),l=t(54365),s=t(88683),d=t(21336),c=t(59214),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(53185),l=t(54365),s=t(9420),d=t(88683),c=t(74530),u=t(21336),p=t(59214),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)]})}))},56990:(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(30336),P=t(74133),b=t(57190),j=t(9420),O=t(53185),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(87618),c=t(53125),u=t(61123),p=t(3985),m=t(88584),f=t(53185),g=t(58230),x=t(79418),v=t(78717),y=t(4903),h=t(56990),P=t(95217),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(2122),t.e(7442)]).then(t.bind(t,67442))})),O=a().lazy((function(){return Promise.all([t.e(2976),t.e(68)]).then(t.bind(t,90068))})),w=a().lazy((function(){return Promise.all([t.e(8356),t.e(5894)]).then(t.bind(t,95894))}));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}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7709.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7709,7020,1020],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},17709:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(11020),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(79578),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderGold(n){return(0,v.jsx)(i.default,{productClass:h.I})}},11020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(53185),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),y=t(26876),S={};S.styleTagTransform=j(),S.setAttributes=v(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=w();x()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var z=t(86008),H=t(27123),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),S=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(y.YS,t,o.uiState.isMobileLandscape?y.rK:void 0,o.uiState.isMobilePortrait?y.tW:void 0,o.uiState.configSettingsIsExpanded?y.zh:void 0,o.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,o.productState.plannerRenderingIsStaticBG?y.Li:void 0,y.Gr),children:[(0,D.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:y.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:y.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:y.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!S&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:y.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:y.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},79578:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--KWoIG * {\n  color: var(--secondaryColor) !important;\n}\n",""]);var a="index-module--KWoIG";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\n}\n\n.index-module--f5D1B.index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7709,7020,1020],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},17709:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(11020),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(79578),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderGold(n){return(0,v.jsx)(i.default,{productClass:h.I})}},11020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(53185),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),y=t(26876),S={};S.styleTagTransform=j(),S.setAttributes=v(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=w();x()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var z=t(95351),H=t(27123),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),S=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(y.YS,t,o.uiState.isMobileLandscape?y.rK:void 0,o.uiState.isMobilePortrait?y.tW:void 0,o.uiState.configSettingsIsExpanded?y.zh:void 0,o.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,o.productState.plannerRenderingIsStaticBG?y.Li:void 0,y.Gr),children:[(0,D.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:y.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:y.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:y.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!S&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:y.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:y.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},79578:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--KWoIG * {\n  color: var(--secondaryColor) !important;\n}\n",""]);var a="index-module--KWoIG";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\n}\n\n.index-module--f5D1B.index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7762.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7762,3263,5132,2289],{73263:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});var t=o(72874),r=(o(87363),o(93379)),i=o.n(r),a=o(7795),l=o.n(a),d=o(90569),s=o.n(d),c=o(3565),u=o.n(c),p=o(19216),g=o.n(p),b=o(44589),x=o.n(b),m=o(8368),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();i()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var A=o(65515),v=o.n(A),w=o(47514),h=["onClick","iconAsDelete","open"];const D=function Arrow(n){var e=n.onClick,o=n.iconAsDelete,r=n.open,i=(0,t.Z)(n,h);return(0,w.jsx)("span",{onClick:e,onTouchEnd:e,className:v()(m.xX,o?m.zl:void 0,o?void 0:r?m.h1:m.Oe,i.className)})}},43207:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});o(87363);var t=o(10304),r=o(93379),i=o.n(r),a=o(7795),l=o.n(a),d=o(90569),s=o.n(d),c=o(3565),u=o.n(c),p=o(19216),g=o.n(p),b=o(44589),x=o.n(b),m=o(55116),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();i()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var A=o(88683),v=o(53185),w=o(65515),h=o.n(w),D=o(73263),C=o(47514);const P=function RalDropdownFilter(n){var e,o=n.visibleColorItems,r=n.dropdownRootClass,i=void 0===r?m.oF:r,a=n.deleteCurValue,l=n.id,d=(0,A.useTranslation)().t,s=(0,v.NP)(),c=null===(e=s.settingsState.itemPalettes.get(l))||void 0===e?void 0:e.filterValue,u=o.map((function(n){return{label:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("span",{className:m.oM,style:{backgroundColor:n.rgb}})," ",d("configurator."+n.text)]}),text:n.text,value:n.text}}));return(0,C.jsx)("div",{"data-test-id":"ral-dropdown",children:(0,C.jsx)(t.Z,{className:h()(i),controlClassName:m.x_,options:u,value:c,onChange:function onChange(n){return s.paletteViewHandler.onSelectFilter(l,n.value,"RAL")},placeholder:d("configurator.colors"),arrowClosed:(0,C.jsx)(D.default,{onClick:a,open:!1,iconAsDelete:!!c}),arrowOpen:(0,C.jsx)(D.default,{onClick:a,open:!0,iconAsDelete:!!c})})})}},85132:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});var t=o(9420),r=(o(87363),o(93379)),i=o.n(r),a=o(7795),l=o.n(a),d=o(90569),s=o.n(d),c=o(3565),u=o.n(c),p=o(19216),g=o.n(p),b=o(44589),x=o.n(b),m=o(33625),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();i()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var A=o(65515),v=o.n(A),w=o(53185),h=o(47514);const D=(0,t.Pi)((function FilterItem(n){var e,o=n.item,t=n.id,r=(0,w.NP)(),i=null===(e=r.settingsState.itemPalettes.get(t))||void 0===e?void 0:e.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return r.paletteViewHandler.onSelectFilter(t,o.text,"RAL")},style:{backgroundColor:o.rgb},className:v()(m.kT,i===o.text?m.pA:void 0)})}))},32289:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});o(87363);var t=o(86008);var r=o(93379),i=o.n(r),a=o(7795),l=o.n(a),d=o(90569),s=o.n(d),c=o(3565),u=o.n(c),p=o(19216),g=o.n(p),b=o(44589),x=o.n(b),m=o(98106),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();i()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var A=o(9420),v=o(85132),w=o(53185),h=o(47514);const D=(0,A.Pi)((function SlideFilter(n){var e,o=n.visibleColorItems,r=n.id,i=n.deleteCurValue,a=(0,w.NP)(),l=o.map((function(n){return{swiperSlideStyle:{backgroundColor:"transparent",width:60},content:(0,h.jsx)(v.default,{id:r,item:n})}})),d=(0,h.jsx)(t.p,{settings:{contentBoxProps:{type:"SliderContainer",sliderType:"slideX",resistanceRatio:0,height:"auto",slidesPerView:7,contents:l,centeredSlides:!0}}});return(0,h.jsxs)("div",{className:m.nC,"data-test-id":"slide-filter",children:[(null===(e=a.settingsState.itemPalettes.get(r))||void 0===e?void 0:e.filterValue)&&(0,h.jsx)("div",{className:m.tb,onClick:i}),(0,h.jsx)("img",{className:m.Mj,src:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/APlLw34buvE90LS0AGPmkkb7saZxuPqf7qjlj6AEi4xc3ZHXh8PPFTVOn829oru/0XU+oNE+Gmk6HEGWIXM2OZZwHOf9lSNiDrjau7BwWascRTajaLfy0P0bBYHC4a3uKpPrKaUvuT0j8lfu2aEtmoby9o2+mBj8ulfn+JvCT1aZ9vFx5LWXL2srfcYOq/DnTNdjP7oW8x6SwgKQf9pRhXHruGfRh1rlpZnXwstJOcesZO6+T3Xy08mfLY3LsJiU/cVOfScEou/mlZS+av2aPnHxR4XvPCd39kvACGG6KRc7JE6ZXPQg8Mp5U+oKsfvsLiqeNp+1paW0lF7xfZ/o+vrdL8uxWFngqjpVNesZLaS7r9V0flZv3P4fWsejWEYxiWYCSU9yW5UH/dUhceuT3r6mjT5YLu9X8z6LApUKSt8Uvef6L5L8bntOnXKXA2+tZ1ad0z3IVeVjJ9KYzcDivzXMaLhJn0MMVH2e50VhpDYGRXxkoO541bFJbM5f4peBl8QeH7jao+02SNcwHvuiUs6f9tIwygZxv2Mfu16uXV3hMRB/Ym1CS8pOyfydn6XXU+Zxs1iKbT3j70fluvmv0PHbGUKo2fdwMfTtX9BRhdK21jxVilBWvsdlpF60bjmpnS0IlmcYdT3DQpYrkBpgMAdfevgs1oqK5vvM4Zvzfu4nZRrAPuYr86qcqeht9Zct2Jc+SIn8zHl7G3em3B3fpmuCW65d76evQftT4E8KamL60Tn54gI3HuowD/wIYPpnIHSv6TwdRVaS/mj7r+Wz+a/G58bi5ypSt0eqPRtPGCDXTUlpY+Yq4hrqemaVfNGoGa+IzKPPFonD4hqVzsLXUmXvX5LiIOEmfZ0a10cb8U/HCeHPD9xtbFzeI1tAoPO6RdruPaNCXzjG7avG4Vtl2HeKxMFb3INTm+lk7pf9vPT0u+h6MZ30R8LaTq02jzCeHnsynO1h6HHcdj2PqMg/rVGtKhLnh810aMq1GNePJP5Pqn3PdfD3i/T9QCgyLDL3jkIU59icK3/ATn1Ar2/rUKi0dn2f9anwmLwNek7qLnH+aKv96Wq/LzPVLO9RV37ht9cjH59K8HFvmTPLpJxlazv2tqY+tfE7SdAQgyi5mA4hgIc5/wBpgdiD13NuxyFaviqmAqYmXurlX8z0+5bv+tT6/DUq07e64rvLT7lu/wAvM+YPFXiu98XXn2y9IAUbYolzsiTOdq56knlmPLH0AVR9FhcLTwcPZ0lvrJveT7v9F09bt/SwioKyP//Z",onClick:function onClick(){var n=a.settingsState.infoBoxContent;n&&n.id===r&&"filter"===n.type?a.settingsState.updateInfoBox():a.settingsState.updateInfoBox({type:"filter",id:r,content:d})}})]})}))},57762:(n,e,o)=>{o.r(e),o.d(e,{default:()=>N});var t=o(80248),r=o(88291),i=o(53185),a=o(9420),l=o(87363),d=o(93379),s=o.n(d),c=o(7795),u=o.n(c),p=o(90569),g=o.n(p),b=o(3565),x=o.n(b),m=o(19216),f=o.n(m),A=o(44589),v=o.n(A),w=o(17507),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=g().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();s()(w.Z,h);w.Z&&w.Z.locals&&w.Z.locals;var D=o(43207),C=o(32289),P=[{rgb:"#CC3300",text:"red"},{rgb:"#FF8C00",text:"orange"},{rgb:"#E1C699",text:"beige"},{rgb:"#330000",text:"brown"},{rgb:"#F0E68C",text:"yellow"},{rgb:"#006633",text:"green"},{rgb:"#3333FF",text:"blue"},{rgb:"#6633FF",text:"violet"},{rgb:"#CCCCCC",text:"grey"},{rgb:"#000000",text:"black"},{rgb:"#eeeeee",text:"white"},{rgb:"#eeeeee",text:"else"}],Z=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const N=(0,a.Pi)((function RalFilter(n){var e=Object.assign({},((0,r.Z)(n),n)),o=(0,i.NP)(),t=o.settingsState.itemPalettes.get(e.id),a=[],d=function deleteCurValue(){o.paletteViewHandler.onSelectFilter(e.id,"","RAL")};return(0,l.useEffect)((function(){!t||null!=t&&t.deleteCurFilter||(t.deleteCurFilter=d)}),[t]),null==t||t.groups.map((function(n){return n.items.map((function(n){var e,o=n;if(null!==(e=o.colorGroups1)&&void 0!==e&&e.length)for(var t=[o.colorGroups1,o.colorGroups2,o.colorGroups3],r=function _loop(){var n=t[i],e=P.find((function(e){return e.text===n}));e&&!a.find((function(e){return e.text===n}))&&a.push(e)},i=0;i<t.length;i++)r()}))})),o.uiState.isInMobileView&&o.getViewConfig().ralFilter?(0,Z.jsx)(C.default,_objectSpread({deleteCurValue:d,visibleColorItems:a},e)):(0,Z.jsx)(D.default,_objectSpread({deleteCurValue:d,visibleColorItems:a},e))}))},8368:(n,e,o)=>{o.d(e,{Oe:()=>f,ZP:()=>A,h1:()=>m,xX:()=>b,zl:()=>x});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i),l=o(61667),d=o.n(l),s=new URL(o(49797),o.b),c=new URL(o(24827),o.b),u=a()(r()),p=d()(s),g=d()(c);u.push([n.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+g+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+g+");\n}\n",""]);var b="index-module--kpDq_",x="index-module--qA_2S",m="index-module--GLLUM",f="index-module--ctBIw";const A=u},55116:(n,e,o)=>{o.d(e,{ZP:()=>c,oF:()=>d,oM:()=>l,x_:()=>s});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--qJ16N {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n",""]);var l="index-module--rh3_P",d="index-module--kEhTd",s="index-module--qJ16N";const c=a},33625:(n,e,o)=>{o.d(e,{ZP:()=>s,kT:()=>l,pA:()=>d});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var l="index-module--ouZ0f",d="index-module--PFRaI";const s=a},98106:(n,e,o)=>{o.d(e,{Mj:()=>g,ZP:()=>x,nC:()=>p,tb:()=>b});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i),l=o(61667),d=o.n(l),s=new URL(o(90263),o.b),c=a()(r()),u=d()(s);c.push([n.id,".index-module--Tmi2t {\n  position: relative;\n}\n\n.index-module--jfeai {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.index-module--WGHBP {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url("+u+");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n",""]);var p="index-module--Tmi2t",g="index-module--jfeai",b="index-module--WGHBP";const x=c},17507:(n,e,o)=>{o.d(e,{Z:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);const l=a},49797:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},90263:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSAxTDMgM00zIDNMNSA1TTMgM0wxIDVNMyAzTDEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="},24827:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7762,3263,5132,2289],{73263:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});var t=o(72874),r=(o(87363),o(93379)),i=o.n(r),a=o(7795),l=o.n(a),d=o(90569),s=o.n(d),c=o(3565),u=o.n(c),p=o(19216),g=o.n(p),b=o(44589),x=o.n(b),m=o(8368),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();i()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var A=o(65515),v=o.n(A),w=o(47514),h=["onClick","iconAsDelete","open"];const D=function Arrow(n){var e=n.onClick,o=n.iconAsDelete,r=n.open,i=(0,t.Z)(n,h);return(0,w.jsx)("span",{onClick:e,onTouchEnd:e,className:v()(m.xX,o?m.zl:void 0,o?void 0:r?m.h1:m.Oe,i.className)})}},43207:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});o(87363);var t=o(10304),r=o(93379),i=o.n(r),a=o(7795),l=o.n(a),d=o(90569),s=o.n(d),c=o(3565),u=o.n(c),p=o(19216),g=o.n(p),b=o(44589),x=o.n(b),m=o(55116),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();i()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var A=o(88683),v=o(53185),w=o(65515),h=o.n(w),D=o(73263),C=o(47514);const P=function RalDropdownFilter(n){var e,o=n.visibleColorItems,r=n.dropdownRootClass,i=void 0===r?m.oF:r,a=n.deleteCurValue,l=n.id,d=(0,A.useTranslation)().t,s=(0,v.NP)(),c=null===(e=s.settingsState.itemPalettes.get(l))||void 0===e?void 0:e.filterValue,u=o.map((function(n){return{label:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("span",{className:m.oM,style:{backgroundColor:n.rgb}})," ",d("configurator."+n.text)]}),text:n.text,value:n.text}}));return(0,C.jsx)("div",{"data-test-id":"ral-dropdown",children:(0,C.jsx)(t.Z,{className:h()(i),controlClassName:m.x_,options:u,value:c,onChange:function onChange(n){return s.paletteViewHandler.onSelectFilter(l,n.value,"RAL")},placeholder:d("configurator.colors"),arrowClosed:(0,C.jsx)(D.default,{onClick:a,open:!1,iconAsDelete:!!c}),arrowOpen:(0,C.jsx)(D.default,{onClick:a,open:!0,iconAsDelete:!!c})})})}},85132:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});var t=o(9420),r=(o(87363),o(93379)),i=o.n(r),a=o(7795),l=o.n(a),d=o(90569),s=o.n(d),c=o(3565),u=o.n(c),p=o(19216),g=o.n(p),b=o(44589),x=o.n(b),m=o(33625),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();i()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var A=o(65515),v=o.n(A),w=o(53185),h=o(47514);const D=(0,t.Pi)((function FilterItem(n){var e,o=n.item,t=n.id,r=(0,w.NP)(),i=null===(e=r.settingsState.itemPalettes.get(t))||void 0===e?void 0:e.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return r.paletteViewHandler.onSelectFilter(t,o.text,"RAL")},style:{backgroundColor:o.rgb},className:v()(m.kT,i===o.text?m.pA:void 0)})}))},32289:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});o(87363);var t=o(95351);var r=o(93379),i=o.n(r),a=o(7795),l=o.n(a),d=o(90569),s=o.n(d),c=o(3565),u=o.n(c),p=o(19216),g=o.n(p),b=o(44589),x=o.n(b),m=o(98106),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();i()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var A=o(9420),v=o(85132),w=o(53185),h=o(47514);const D=(0,A.Pi)((function SlideFilter(n){var e,o=n.visibleColorItems,r=n.id,i=n.deleteCurValue,a=(0,w.NP)(),l=o.map((function(n){return{swiperSlideStyle:{backgroundColor:"transparent",width:60},content:(0,h.jsx)(v.default,{id:r,item:n})}})),d=(0,h.jsx)(t.p,{settings:{contentBoxProps:{type:"SliderContainer",sliderType:"slideX",resistanceRatio:0,height:"auto",slidesPerView:7,contents:l,centeredSlides:!0}}});return(0,h.jsxs)("div",{className:m.nC,"data-test-id":"slide-filter",children:[(null===(e=a.settingsState.itemPalettes.get(r))||void 0===e?void 0:e.filterValue)&&(0,h.jsx)("div",{className:m.tb,onClick:i}),(0,h.jsx)("img",{className:m.Mj,src:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/APlLw34buvE90LS0AGPmkkb7saZxuPqf7qjlj6AEi4xc3ZHXh8PPFTVOn829oru/0XU+oNE+Gmk6HEGWIXM2OZZwHOf9lSNiDrjau7BwWascRTajaLfy0P0bBYHC4a3uKpPrKaUvuT0j8lfu2aEtmoby9o2+mBj8ulfn+JvCT1aZ9vFx5LWXL2srfcYOq/DnTNdjP7oW8x6SwgKQf9pRhXHruGfRh1rlpZnXwstJOcesZO6+T3Xy08mfLY3LsJiU/cVOfScEou/mlZS+av2aPnHxR4XvPCd39kvACGG6KRc7JE6ZXPQg8Mp5U+oKsfvsLiqeNp+1paW0lF7xfZ/o+vrdL8uxWFngqjpVNesZLaS7r9V0flZv3P4fWsejWEYxiWYCSU9yW5UH/dUhceuT3r6mjT5YLu9X8z6LApUKSt8Uvef6L5L8bntOnXKXA2+tZ1ad0z3IVeVjJ9KYzcDivzXMaLhJn0MMVH2e50VhpDYGRXxkoO541bFJbM5f4peBl8QeH7jao+02SNcwHvuiUs6f9tIwygZxv2Mfu16uXV3hMRB/Ym1CS8pOyfydn6XXU+Zxs1iKbT3j70fluvmv0PHbGUKo2fdwMfTtX9BRhdK21jxVilBWvsdlpF60bjmpnS0IlmcYdT3DQpYrkBpgMAdfevgs1oqK5vvM4Zvzfu4nZRrAPuYr86qcqeht9Zct2Jc+SIn8zHl7G3em3B3fpmuCW65d76evQftT4E8KamL60Tn54gI3HuowD/wIYPpnIHSv6TwdRVaS/mj7r+Wz+a/G58bi5ypSt0eqPRtPGCDXTUlpY+Yq4hrqemaVfNGoGa+IzKPPFonD4hqVzsLXUmXvX5LiIOEmfZ0a10cb8U/HCeHPD9xtbFzeI1tAoPO6RdruPaNCXzjG7avG4Vtl2HeKxMFb3INTm+lk7pf9vPT0u+h6MZ30R8LaTq02jzCeHnsynO1h6HHcdj2PqMg/rVGtKhLnh810aMq1GNePJP5Pqn3PdfD3i/T9QCgyLDL3jkIU59icK3/ATn1Ar2/rUKi0dn2f9anwmLwNek7qLnH+aKv96Wq/LzPVLO9RV37ht9cjH59K8HFvmTPLpJxlazv2tqY+tfE7SdAQgyi5mA4hgIc5/wBpgdiD13NuxyFaviqmAqYmXurlX8z0+5bv+tT6/DUq07e64rvLT7lu/wAvM+YPFXiu98XXn2y9IAUbYolzsiTOdq56knlmPLH0AVR9FhcLTwcPZ0lvrJveT7v9F09bt/SwioKyP//Z",onClick:function onClick(){var n=a.settingsState.infoBoxContent;n&&n.id===r&&"filter"===n.type?a.settingsState.updateInfoBox():a.settingsState.updateInfoBox({type:"filter",id:r,content:d})}})]})}))},57762:(n,e,o)=>{o.r(e),o.d(e,{default:()=>N});var t=o(80248),r=o(88291),i=o(53185),a=o(9420),l=o(87363),d=o(93379),s=o.n(d),c=o(7795),u=o.n(c),p=o(90569),g=o.n(p),b=o(3565),x=o.n(b),m=o(19216),f=o.n(m),A=o(44589),v=o.n(A),w=o(17507),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=g().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();s()(w.Z,h);w.Z&&w.Z.locals&&w.Z.locals;var D=o(43207),C=o(32289),P=[{rgb:"#CC3300",text:"red"},{rgb:"#FF8C00",text:"orange"},{rgb:"#E1C699",text:"beige"},{rgb:"#330000",text:"brown"},{rgb:"#F0E68C",text:"yellow"},{rgb:"#006633",text:"green"},{rgb:"#3333FF",text:"blue"},{rgb:"#6633FF",text:"violet"},{rgb:"#CCCCCC",text:"grey"},{rgb:"#000000",text:"black"},{rgb:"#eeeeee",text:"white"},{rgb:"#eeeeee",text:"else"}],Z=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const N=(0,a.Pi)((function RalFilter(n){var e=Object.assign({},((0,r.Z)(n),n)),o=(0,i.NP)(),t=o.settingsState.itemPalettes.get(e.id),a=[],d=function deleteCurValue(){o.paletteViewHandler.onSelectFilter(e.id,"","RAL")};return(0,l.useEffect)((function(){!t||null!=t&&t.deleteCurFilter||(t.deleteCurFilter=d)}),[t]),null==t||t.groups.map((function(n){return n.items.map((function(n){var e,o=n;if(null!==(e=o.colorGroups1)&&void 0!==e&&e.length)for(var t=[o.colorGroups1,o.colorGroups2,o.colorGroups3],r=function _loop(){var n=t[i],e=P.find((function(e){return e.text===n}));e&&!a.find((function(e){return e.text===n}))&&a.push(e)},i=0;i<t.length;i++)r()}))})),o.uiState.isInMobileView&&o.getViewConfig().ralFilter?(0,Z.jsx)(C.default,_objectSpread({deleteCurValue:d,visibleColorItems:a},e)):(0,Z.jsx)(D.default,_objectSpread({deleteCurValue:d,visibleColorItems:a},e))}))},8368:(n,e,o)=>{o.d(e,{Oe:()=>f,ZP:()=>A,h1:()=>m,xX:()=>b,zl:()=>x});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i),l=o(61667),d=o.n(l),s=new URL(o(49797),o.b),c=new URL(o(24827),o.b),u=a()(r()),p=d()(s),g=d()(c);u.push([n.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+g+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+g+");\n}\n",""]);var b="index-module--kpDq_",x="index-module--qA_2S",m="index-module--GLLUM",f="index-module--ctBIw";const A=u},55116:(n,e,o)=>{o.d(e,{ZP:()=>c,oF:()=>d,oM:()=>l,x_:()=>s});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--qJ16N {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n",""]);var l="index-module--rh3_P",d="index-module--kEhTd",s="index-module--qJ16N";const c=a},33625:(n,e,o)=>{o.d(e,{ZP:()=>s,kT:()=>l,pA:()=>d});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var l="index-module--ouZ0f",d="index-module--PFRaI";const s=a},98106:(n,e,o)=>{o.d(e,{Mj:()=>g,ZP:()=>x,nC:()=>p,tb:()=>b});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i),l=o(61667),d=o.n(l),s=new URL(o(90263),o.b),c=a()(r()),u=d()(s);c.push([n.id,".index-module--Tmi2t {\n  position: relative;\n}\n\n.index-module--jfeai {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.index-module--WGHBP {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url("+u+");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n",""]);var p="index-module--Tmi2t",g="index-module--jfeai",b="index-module--WGHBP";const x=c},17507:(n,e,o)=>{o.d(e,{Z:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);const l=a},49797:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},90263:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSAxTDMgM00zIDNMNSA1TTMgM0wxIDVNMyAzTDEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="},24827:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7810.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7810,3263,4690],{10304:(e,t,n)=>{t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s),c=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},c),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,c=s.controlClassName,u=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,y,!!y),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),P=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),w=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),O=o.default.createElement("div",{className:_},v),x=this.state.isOpen?o.default.createElement("div",{className:P,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},O,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:w}))),x)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},27810:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var o=n(65515),r=n.n(o),a=n(9420),i=(n(87363),n(10304)),s=n(20196),l=n(73263),c=n(47514);const u=(0,a.Pi)((function OptionsSelector(e){var t=e.options,n=e.optionState,o=(0,c.jsx)(l.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,c.jsx)("div",{className:s.YS,children:(0,c.jsx)(i.Z,{className:r()(s.oF),controlClassName:s.x_,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:o,arrowOpen:o})})}))},73263:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),c=n.n(l),u=n(3565),d=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),_=n(47514),P=["onClick","iconAsDelete","open"];const w=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,P);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:r?y.h1:y.Oe,a.className)})}},95044:(e,t,n)=>{n.d(t,{YS:()=>s,ZP:()=>u,oF:()=>l,x_:()=>c});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--cA3b1",l="index-module--CJSAc",c="index-module--h2JpC";const u=i},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),c=new URL(n(49797),n.b),u=new URL(n(24827),n.b),d=i()(r()),p=l()(c),f=l()(u);d.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=d},20196:(e,t,n)=>{n.d(t,{YS:()=>m.YS,oF:()=>m.oF,x_:()=>m.x_});var o=n(93379),r=n.n(o),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),c=n(3565),u=n.n(c),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),m=n(95044),y={};y.styleTagTransform=h(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();r()(m.ZP,y),m.ZP&&m.ZP.locals&&m.ZP.locals},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7810,3263],{10304:(e,t,n)=>{t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s),c=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},c),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,c=s.controlClassName,u=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,y,!!y),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),P=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),w=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),O=o.default.createElement("div",{className:_},v),x=this.state.isOpen?o.default.createElement("div",{className:P,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},O,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:w}))),x)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},27810:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var o=n(65515),r=n.n(o),a=n(9420),i=(n(87363),n(10304)),s=n(20196),l=n(73263),c=n(47514);const u=(0,a.Pi)((function OptionsSelector(e){var t=e.options,n=e.optionState,o=(0,c.jsx)(l.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,c.jsx)("div",{className:s.YS,children:(0,c.jsx)(i.Z,{className:r()(s.oF),controlClassName:s.x_,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:o,arrowOpen:o})})}))},73263:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),c=n.n(l),u=n(3565),d=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),_=n(47514),P=["onClick","iconAsDelete","open"];const w=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,P);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:r?y.h1:y.Oe,a.className)})}},95044:(e,t,n)=>{n.d(t,{YS:()=>s,ZP:()=>u,oF:()=>l,x_:()=>c});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--cA3b1",l="index-module--CJSAc",c="index-module--h2JpC";const u=i},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),c=new URL(n(49797),n.b),u=new URL(n(24827),n.b),d=i()(r()),p=l()(c),f=l()(u);d.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=d},20196:(e,t,n)=>{n.d(t,{YS:()=>m.YS,oF:()=>m.oF,x_:()=>m.x_});var o=n(93379),r=n.n(o),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),c=n(3565),u=n.n(c),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),m=n(95044),y={};y.styleTagTransform=h(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();r()(m.ZP,y),m.ZP&&m.ZP.locals&&m.ZP.locals},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 8488.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8488,5301,8692,8291],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),p=(0,a.default)(u),d=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:p,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},d),l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,p=u.baseClassName,d=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,b=u.arrowClassName,v=u.arrowClosed,m=u.arrowOpen,w=u.className,g=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(p,"-root"),!0),_defineProperty(t,w,!!w),_defineProperty(t,"is-open",this.state.isOpen),t)),_=(0,a.default)((_defineProperty(o={},"".concat(p,"-control"),!0),_defineProperty(o,d,!!d),_defineProperty(o,g,!!g),o)),C=(0,a.default)((_defineProperty(i={},"".concat(p,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),D=(0,a.default)((_defineProperty(l={},"".concat(p,"-menu"),!0),_defineProperty(l,y,!!y),l)),P=(0,a.default)((_defineProperty(c={},"".concat(p,"-arrow"),!0),_defineProperty(c,b,!!b),c)),E=r.default.createElement("div",{className:C},k),S=this.state.isOpen?r.default.createElement("div",{className:D,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:_,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},E,r.default.createElement("div",{className:"".concat(p,"-arrow-wrapper")},m&&v?this.state.isOpen?m:v:r.default.createElement("span",{className:P}))),S)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.Z=u},88291:(t,o,i)=>{function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t)}i.d(o,{Z:()=>_objectDestructuringEmpty})},68692:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var p=parseInt(r.substr(u,2),16),d=parseInt(a.substr(u,2),16),f=Math.round((1-l)*p+l*d).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var o=this.state,i=o.R,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.N||t===i||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var o=this.state,i=o.h,r=o.N,a=o.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,p=t.onHandleColor,d=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,b=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,w=t.height,g=t.width,k=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),_=this.state,C=_.h,D=_.N,P=_.j,E={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:w/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},S={height:w,width:g,margin:Math.max(0,(this.t-w)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:w/2,cursor:i?"default":"pointer",WebkitTransition:D?null:"background 0.25s",MozTransition:D?null:"background 0.25s",transition:D?null:"background 0.25s"},M={height:w,width:Math.min(1.5*w,g-(this.t+w)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},j={height:w,width:Math.min(1.5*w,g-(this.t+w)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},x={height:this.t,width:this.t,background:e(C,this.i,this.o,u,p),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(w-this.t)/2),outline:0,boxShadow:P?m:v,border:0,WebkitTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},N={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:E},r.createElement("div",{className:"react-switch-bg",style:S,onClick:i?null:this.T,onMouseDown:function(t){return t.preventDefault()}},d&&r.createElement("div",{style:M},d),f&&r.createElement("div",{style:j},f)),r.createElement("div",{className:"react-switch-handle",style:x,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.k,onTouchMove:i?null:this.m,onTouchEnd:i?null:this.M,onTouchCancel:i?null:this.O},b&&r.createElement("div",{style:N},b),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

package/build/umd/8488.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:8488 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9274.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9274,7020,1020],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},89274:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(11020),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),x=t.n(u),c=t(19216),m=t.n(c),p=t(44589),f=t.n(p),h=t(46718),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderBlue(n){return(0,v.jsx)(i.default,{productClass:h.I})}},11020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(53185),a=t(9420),s=t(87363),l=t(88683),u=t(57020),x=t(93379),c=t.n(x),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),S=t(26876),y={};y.styleTagTransform=j(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();c()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var z=t(86008),H=t(27123),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,x=(0,l.useDivaCore)().state,c=x.hidePrices,m=x.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),y=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(S.YS,t,o.uiState.isMobileLandscape?S.rK:void 0,o.uiState.isMobilePortrait?S.tW:void 0,o.uiState.configSettingsIsExpanded?S.zh:void 0,o.uiState.configSettingsIsMaxExpanded?S.Zk:void 0,o.productState.plannerRenderingIsStaticBG?S.Li:void 0,S.Gr),children:[(0,D.jsxs)("div",{className:S.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:S.NG,children:[!c&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:S.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:S.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:S.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:S.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},46718:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--xNNVT {\n  font-weight: 300 !important;\n}\n",""]);var a="index-module--xNNVT";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>x,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>c,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\n}\n\n.index-module--f5D1B.index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",x="index-module--MvVu6",c="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9274,7020,1020],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},89274:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(11020),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),x=t.n(u),c=t(19216),m=t.n(c),p=t(44589),f=t.n(p),h=t(46718),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderBlue(n){return(0,v.jsx)(i.default,{productClass:h.I})}},11020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(53185),a=t(9420),s=t(87363),l=t(88683),u=t(57020),x=t(93379),c=t.n(x),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),S=t(26876),y={};y.styleTagTransform=j(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();c()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var z=t(95351),H=t(27123),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,x=(0,l.useDivaCore)().state,c=x.hidePrices,m=x.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),y=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(S.YS,t,o.uiState.isMobileLandscape?S.rK:void 0,o.uiState.isMobilePortrait?S.tW:void 0,o.uiState.configSettingsIsExpanded?S.zh:void 0,o.uiState.configSettingsIsMaxExpanded?S.Zk:void 0,o.productState.plannerRenderingIsStaticBG?S.Li:void 0,S.Gr),children:[(0,D.jsxs)("div",{className:S.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:S.NG,children:[!c&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:S.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:S.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:S.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:S.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},46718:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--xNNVT {\n  font-weight: 300 !important;\n}\n",""]);var a="index-module--xNNVT";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>x,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>c,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\n}\n\n.index-module--f5D1B.index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",x="index-module--MvVu6",c="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9418.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9418,4133,9596],{74133:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var r=n(80248),i=(n(87363),n(2765)),a=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const o=function SettingsHeader(e){return(0,a.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},79418:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var r=n(34988),i=n(88683),a=n(53185),o=n(87363),d=n(9420),s=n(86008),l=n(93379),c=n.n(l),u=n(7795),p=n.n(u),g=n(90569),f=n.n(g),m=n(3565),v=n.n(m),b=n(19216),y=n.n(b),x=n(44589),P=n.n(x),h=n(77113),S={};S.styleTagTransform=P(),S.setAttributes=v(),S.insert=f().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var j=n(74133),w=n(47514),O=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var r=[];if(n)for(var i=n-1;i>=0;i--)r.push(e-i);return r};const C=(0,d.Pi)((function PromotedProducts(e){var t,n=e.item,d=(0,i.useDivaCore)(),l=d.actions.openComponent,c=d.handler.productHandler,u=d.state.organization,p=(0,o.useState)([]),g=(0,r.Z)(p,2),f=g[0],m=g[1],v=(0,a.NP)(),b=v.getViewConfig().productsConfig,y=(0,o.useState)(0),x=(0,r.Z)(y,2),P=x[0],S=x[1],C=(0,o.useCallback)((function(e){S(v.settingsState.configChanged),l({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[v]),_=P===v.settingsState.configChanged&&(null!==(t=v.configState.productId)&&void 0!==t?t:!v.configState.divaNr&&v.divaWebPlanner.getStartProductId());(0,o.useEffect)((function(){var e,t,n;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==b?void 0:b.maxCount)&&void 0!==e?e:void 0,search:null!==(t=null==b?void 0:b.filter)&&void 0!==t?t:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(n=null==b?void 0:b.sort)&&void 0!==n?n:"{-created}"}).then((function(e){var t=e.data.findIndex((function(e){var t;return null===(t=e.items[0].startProductForOrganizations)||void 0===t?void 0:t.includes(u._id)}));if(-1!=t){var n=e.data[t];e.data.splice(t,1),e.data.unshift(n)}m(e.data)}))}),[v.uiState.isLoading]);var k=null!=b&&b.maxCount&&b.showSkeletions?O(b.maxCount,f.length):[];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:n}),(0,w.jsxs)("div",{className:h.Ry,children:[f.map((function(e,t){return(0,w.jsx)(s.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:C,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),k.map((function(e){return(0,w.jsx)("div",{className:h.F1,children:(0,w.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>s,Ry:()=>d,ZP:()=>l});var r=n(8081),i=n.n(r),a=n(23645),o=n.n(a)()(i());o.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 d="index-module--x75w5",s="index-module--tgKwN";const l=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9418,4133,9596],{74133:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var r=n(80248),i=(n(87363),n(2765)),a=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const o=function SettingsHeader(e){return(0,a.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},79418:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var r=n(34988),i=n(88683),a=n(53185),o=n(87363),d=n(9420),s=n(95351),l=n(93379),c=n.n(l),u=n(7795),p=n.n(u),g=n(90569),f=n.n(g),m=n(3565),v=n.n(m),b=n(19216),y=n.n(b),x=n(44589),P=n.n(x),h=n(77113),S={};S.styleTagTransform=P(),S.setAttributes=v(),S.insert=f().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var j=n(74133),w=n(47514),O=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var r=[];if(n)for(var i=n-1;i>=0;i--)r.push(e-i);return r};const C=(0,d.Pi)((function PromotedProducts(e){var t,n=e.item,d=(0,i.useDivaCore)(),l=d.actions.openComponent,c=d.handler.productHandler,u=d.state.organization,p=(0,o.useState)([]),g=(0,r.Z)(p,2),f=g[0],m=g[1],v=(0,a.NP)(),b=v.getViewConfig().productsConfig,y=(0,o.useState)(0),x=(0,r.Z)(y,2),P=x[0],S=x[1],C=(0,o.useCallback)((function(e){S(v.settingsState.configChanged),l({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[v]),_=P===v.settingsState.configChanged&&(null!==(t=v.configState.productId)&&void 0!==t?t:!v.configState.divaNr&&v.divaWebPlanner.getStartProductId());(0,o.useEffect)((function(){var e,t,n;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==b?void 0:b.maxCount)&&void 0!==e?e:void 0,search:null!==(t=null==b?void 0:b.filter)&&void 0!==t?t:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(n=null==b?void 0:b.sort)&&void 0!==n?n:"{-created}"}).then((function(e){var t=e.data.findIndex((function(e){var t;return null===(t=e.items[0].startProductForOrganizations)||void 0===t?void 0:t.includes(u._id)}));if(-1!=t){var n=e.data[t];e.data.splice(t,1),e.data.unshift(n)}m(e.data)}))}),[v.uiState.isLoading]);var k=null!=b&&b.maxCount&&b.showSkeletions?O(b.maxCount,f.length):[];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:n}),(0,w.jsxs)("div",{className:h.Ry,children:[f.map((function(e,t){return(0,w.jsx)(s.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:C,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),k.map((function(e){return(0,w.jsx)("div",{className:h.F1,children:(0,w.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>s,Ry:()=>d,ZP:()=>l});var r=n(8081),i=n.n(r),a=n(23645),o=n.n(a)()(i());o.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 d="index-module--x75w5",s="index-module--tgKwN";const l=o}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9611.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9611,7020,1020],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},69611:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(11020),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(17333),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderRalph(n){return(0,v.jsx)(i.default,{hidePrice:!0,productClass:h.I})}},11020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(53185),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),S=t.n(P),j=t(26876),y={};y.styleTagTransform=S(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();x()(j.ZP,y);j.ZP&&j.ZP.locals&&j.ZP.locals;var z=t(86008),H=t(27123),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),S=(0,i.Z)(P,2),y=S[0],I=S[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(j.YS,t,o.uiState.isMobileLandscape?j.rK:void 0,o.uiState.isMobilePortrait?j.tW:void 0,o.uiState.configSettingsIsExpanded?j.zh:void 0,o.uiState.configSettingsIsMaxExpanded?j.Zk:void 0,o.productState.plannerRenderingIsStaticBG?j.Li:void 0,j.Gr),children:[(0,D.jsxs)("div",{className:j.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:j.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:j.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:j.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:j.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:j.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:j.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:j.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:j.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:j.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},17333:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--J0Scc h1 {\n  font-weight: 700;\n}\n",""]);var a="index-module--J0Scc";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\n}\n\n.index-module--f5D1B.index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9611,7020,1020],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},69611:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(11020),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(17333),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderRalph(n){return(0,v.jsx)(i.default,{hidePrice:!0,productClass:h.I})}},11020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(53185),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),S=t.n(P),j=t(26876),y={};y.styleTagTransform=S(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();x()(j.ZP,y);j.ZP&&j.ZP.locals&&j.ZP.locals;var z=t(95351),H=t(27123),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),S=(0,i.Z)(P,2),y=S[0],I=S[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(j.YS,t,o.uiState.isMobileLandscape?j.rK:void 0,o.uiState.isMobilePortrait?j.tW:void 0,o.uiState.configSettingsIsExpanded?j.zh:void 0,o.uiState.configSettingsIsMaxExpanded?j.Zk:void 0,o.productState.plannerRenderingIsStaticBG?j.Li:void 0,j.Gr),children:[(0,D.jsxs)("div",{className:j.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:j.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:j.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:j.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:j.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:j.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:j.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:j.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:j.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:j.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},17333:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--J0Scc h1 {\n  font-weight: 700;\n}\n",""]);var a="index-module--J0Scc";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\n}\n\n.index-module--f5D1B.index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);