@crystaldesign/diva-web-planner-react 25.7.5 → 25.8.0-beta.10

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7682.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7682,6293],{55764:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(23987),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const j=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},36293:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>C,default:()=>I});var i=t(23987),o=t(87363),r=t(55764),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(25244),w=t(39362),y=t(34249),k=t(9420),P=t(65515),j=t.n(P),O=t(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const I=(0,k.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(y.default,{className:h.x6}),(0,O.jsx)(w.default,{className:j()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(S.default,{className:j()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},67682:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(23987),o=t(87363),r=t(55764),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(36293),w=t(25244),y=t(39362),k=t(34249),P=t(9420),j=t(65515),O=t.n(j),C=t(47514);const I=(0,P.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,C.jsx)(w.default,{className:O()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,C.jsx)(y.default,{className:O()(h.vt,a?h.Uu:void 0)}),(0,C.jsx)(k.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,C.jsx)(r.default,{})]})}))},25244:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(80248),o=t(72874),r=t(87363),a=t(23987),d=t(9420),s=t(53049),l=t(19715),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.Z,k);y.Z&&y.Z.locals&&y.Z.locals;var P=t(36752),j=t(47514),O=["contentItemStartPos"];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 C=(0,d.Pi)((function Product(n){var e,t=n.contentItemStartPos,i=(0,o.Z)(n,O),d=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!d.uiState.isLoading&&null!==(n=d.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=d.configState.paramters)||void 0===e?void 0:e.checkout,d.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!d.uiState.isLoading&&(0,j.jsx)("div",{className:y.x,onClick:c}),(0,j.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,j.jsx)(s.default,{}),d.settingsState.contentItemVisible&&d.settingsState.contentItemId&&(0,j.jsx)(P.default,{id:d.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>g,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",b="index-module--FQDBA";const g=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--ic0Nz",s="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const x=a},87623:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",s="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a},23522:(n,e,t)=>{t.d(e,{Z:()=>p,x:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(66993),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var x="index-module--IAoMi";const p=u}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7682,6293],{55764:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(33923),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const j=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},36293:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>C,default:()=>I});var i=t(33923),o=t(87363),r=t(55764),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(25244),w=t(39362),y=t(34249),k=t(9420),P=t(65515),j=t.n(P),O=t(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const I=(0,k.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(y.default,{className:h.x6}),(0,O.jsx)(w.default,{className:j()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(S.default,{className:j()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},67682:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(33923),o=t(87363),r=t(55764),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(36293),w=t(25244),y=t(39362),k=t(34249),P=t(9420),j=t(65515),O=t.n(j),C=t(47514);const I=(0,P.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,C.jsx)(w.default,{className:O()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,C.jsx)(y.default,{className:O()(h.vt,a?h.Uu:void 0)}),(0,C.jsx)(k.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,C.jsx)(r.default,{})]})}))},25244:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(80248),o=t(72874),r=t(87363),a=t(33923),d=t(9420),s=t(53049),l=t(19715),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.Z,k);y.Z&&y.Z.locals&&y.Z.locals;var P=t(36752),j=t(47514),O=["contentItemStartPos"];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 C=(0,d.Pi)((function Product(n){var e,t=n.contentItemStartPos,i=(0,o.Z)(n,O),d=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!d.uiState.isLoading&&null!==(n=d.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=d.configState.paramters)||void 0===e?void 0:e.checkout,d.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!d.uiState.isLoading&&(0,j.jsx)("div",{className:y.x,onClick:c}),(0,j.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,j.jsx)(s.default,{}),d.settingsState.contentItemVisible&&d.settingsState.contentItemId&&(0,j.jsx)(P.default,{id:d.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>g,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",b="index-module--FQDBA";const g=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--ic0Nz",s="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const x=a},87623:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",s="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a},23522:(n,e,t)=>{t.d(e,{Z:()=>p,x:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(66993),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var x="index-module--IAoMi";const p=u}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7757.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7757,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=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 NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},55764:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(23987),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:w.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},83401:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(23987),v=t(9420),S=t(60217),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[(0,w.jsx)("div",{className:m.wc,children:o.productState.formatedTotalPrice}),l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PriceAnalyzer")},children:"Preise"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},47757:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>N});var i=t(23987),o=t(87363),a=t(55764),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(39362),y=t(34249),w=t(9420),P=t(65515),j=t.n(P),k=t(83401),C=t(69001),B=t(36752),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const N=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:j()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,D.jsx)(k.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+u+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7757,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=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 NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},55764:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(33923),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:w.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},83401:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(33923),v=t(9420),S=t(60217),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[(0,w.jsx)("div",{className:m.wc,children:o.productState.formatedTotalPrice}),l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PriceAnalyzer")},children:"Preise"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},47757:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>N});var i=t(33923),o=t(87363),a=t(55764),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(39362),y=t(34249),w=t(9420),P=t(65515),j=t.n(P),k=t(83401),C=t(69001),B=t(36752),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const N=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:j()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,D.jsx)(k.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+u+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7781.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7781,5103,3703,7880],{45103:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(23987),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),x=i(90569),c=i.n(x),u=i(3565),m=i.n(u),p=i(19216),b=i.n(p),g=i(44589),h=i.n(g),v=i(84887),I={};I.styleTagTransform=h(),I.setAttributes=m(),I.insert=c().bind(null,"head"),I.domAPI=s(),I.insertStyleElement=b();l()(v.Z,I);v.Z&&v.Z.locals&&v.Z.locals;var j=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,t.Z)(l,2),s=a[0],x=a[1],c=(0,o.NP)(),u=(0,d.useState)(""),m=(0,t.Z)(u,2),p=m[0],b=m[1],g=c.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==g?void 0:g.includes(e.codex)}));return(0,d.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===g[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<g.length;o++)t(o)}b(e),x(e)}}),[]),s?(0,j.jsx)("div",{style:n,className:v.B,children:p}):(0,j.jsx)(j.Fragment,{})}},7781:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var t=i(23987),o=(i(87363),i(65515)),d=i.n(o),r=i(13703),l=i(93379),a=i.n(l),s=i(7795),x=i.n(s),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),b=i(19216),g=i.n(b),h=i(44589),v=i.n(h),I=i(7171),j={};j.styleTagTransform=v(),j.setAttributes=p(),j.insert=u().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=g();a()(I.ZP,j);I.ZP&&I.ZP.locals&&I.ZP.locals;var w=i(88683),y=i(65069),f=i(23042),M=i(47514);const N=function OptionJungle(e){var n,i,o=e.item,l=e.paletteId,a=(e.type,o),s=(0,t.NP)(),x=(0,w.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,M.jsx)(r.default,{item:a,paletteId:l});var c,u,m=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],p=null===(i=a.text)||void 0===i?void 0:i.split(/,(.+)/)[1];p||(m=null===(c=a.text)||void 0===c?void 0:c.split(/\((.+)/)[0],p=null===(u=a.text)||void 0===u||null===(u=u.split(/\((.+)/)[1])||void 0===u?void 0:u.replace(")",""));return(0,M.jsxs)("div",{id:a.codex,className:d()(I.nC,a.sel?I.pA:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,l)},children:[(0,M.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,M.jsxs)("div",{className:I.jW,children:[(0,M.jsx)("div",{className:d()(I.TN),children:m}),p&&(0,M.jsx)("div",{className:d()(I.z$),children:p})]}),a.contentItemId&&(0,M.jsx)(y.default,{item:a},a.codex),a.disabledByConstructionRule&&(0,M.jsx)("div",{className:d()(I.ox),title:x("configurator."+a.disabledByConstructionRule)}),void 0!==a.pricePreviewPromise&&(0,M.jsx)(f.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel})]})}},13703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(80248),o=i(34988),d=i(65515),r=i.n(d),l=i(23987),a=i(9420),s=i(87363),x=i(94873),c=i(13838),u=i(88683),m=i(86587),p=i(46770),b=i(45103),g=i(95519),h=i(65069),v=i(23042),I=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const j=(0,a.Pi)((function Option(e){var n,i=e.item,t=e.paletteId,d=e.hidePricePreview,a=i,j=(0,l.NP)(),w=(0,u.useTranslation)().t,y=(0,u.useDivaCore)().state.dimensions,f=y.isMobile,M=y.isTablet,N=(0,s.useState)(""),C=(0,o.Z)(N,2),L=C[0],z=C[1],P={},k={},T=void 0,A=!1,O={},S=(0,p.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,p.sJ)({isOpen:S[0],auto:!0,placement:j.getViewConfig().tooltipPosition||"left-center"});return f||M||j.getViewConfig().hideTooltip||!a.image&&!a.hexColor||a.contentItemId||(A=S[0],O=S[1],P=Z.triggerProps,k=Z.layerProps,T=Z.renderLayer),(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:a.codex,"data-test-id":"plannerPaletteItem",className:r()(x.CA,a.sel?x.pA:void 0),onClick:function onClick(){a.doShowFav&&j.paletteViewHandler.clickedOnFavIcon(a),j.paletteViewHandler.clickedOnConfigPalette(a,void 0,t)}},P),O),{},{children:[(0,I.jsxs)("div",{className:r()(x.iZ,x.NC),children:[a.sel&&(0,I.jsx)(m.default,{listenToOptionVariables:!0}),a.contentItemId&&(0,I.jsx)(h.default,{item:a,style:{bottom:8}},a.codex),"TEXT"==a.layout&&(0,I.jsx)("div",{className:x.$l}),!("TEXT"==a.layout)&&(0,I.jsx)("div",{className:x.K5,style:{backgroundImage:"url(".concat(a.image,")")}}),(0,I.jsxs)("div",{className:r()(x.AR,"TEXT"==a.layout?x.Eb:void 0),children:[(0,I.jsx)("div",{className:r()(x.db,""!==L?x.Bm:void 0),dangerouslySetInnerHTML:{__html:a.text}}),(0,I.jsx)(b.default,{style:{position:"relative",float:"left"},metaData:a.metaData,visible:[L,z]},a.codex)]}),A&&(null===(n=T)||void 0===n?void 0:n((0,I.jsx)(g.default,{text:a.text+(a.freeText?a.freeText:""),desciption:L,image:a.image,hexColor:a.hexColor,pricePreviewPromise:a.pricePreviewPromise,layerProps:k},a.codex))),a.doShowFav&&(0,I.jsx)("div",{className:a.isFav?c.Md:c.Hq})]}),!d&&void 0!==a.pricePreviewPromise&&(0,I.jsx)(v.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),a.disabledByConstructionRule&&(0,I.jsx)("div",{className:r()(x.ox),title:w("configurator."+a.disabledByConstructionRule)})]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>r});var t=i(80248),o=(i(87363),i(2765)),d=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const r=function IsActive(e){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var l="index-module--hpPAb";const a=r},7171:(e,n,i)=>{i.d(n,{TN:()=>b,ZP:()=>v,jW:()=>p,nC:()=>u,ox:()=>h,pA:()=>m,z$:()=>g});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),x=r()(o()),c=a()(s);x.push([e.id,".index-module--XbsoT {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--XbsoT.index-module--eU3AB {\n  border: 2px solid var(--secondaryColor);\n}\n\n.index-module--XbsoT img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.index-module--rj5CV {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.index-module--sHLkk,\n.index-module--fzIuI {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.index-module--sHLkk {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fzIuI {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.index-module--rEqp0 {\n  display: block;\n  height: 30px;\n  background-image: url("+c+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n",""]);var u="index-module--XbsoT",m="index-module--eU3AB",p="index-module--rj5CV",b="index-module--sHLkk",g="index-module--fzIuI",h="index-module--rEqp0";const v=x},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>I,Bm:()=>y,CA:()=>u,Eb:()=>j,K5:()=>v,NC:()=>g,ZP:()=>M,db:()=>w,iZ:()=>p,ox:()=>f,pA:()=>m,vc:()=>b});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),x=r()(o()),c=a()(s);x.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--xFLJI {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xFLJI:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--xFLJI: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--xFLJI .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--xFLJI.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--xFLJI .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xFLJI .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--xFLJI .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--xFLJI.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--xFLJI .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--xFLJI.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--xFLJI .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--xFLJI .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--xFLJI .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--xFLJI .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+c+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--xFLJI",m="index-module--zZnWk",p="index-module--pQje2",b="index-module--CcpMC",g="index-module--II_8j",h="index-module--dUy8g",v="index-module--Z8KXz",I="index-module--m9VzR",j="index-module--Y5eRx",w="index-module--mZh26",y="index-module--NabGm",f="index-module--2NJnv";const M=x},94873:(e,n,i)=>{i.d(n,{$l:()=>b.$l,AR:()=>b.AR,Bm:()=>b.Bm,CA:()=>b.CA,Eb:()=>b.Eb,K5:()=>b.K5,NC:()=>b.NC,db:()=>b.db,iZ:()=>b.iZ,ox:()=>b.ox,pA:()=>b.pA,vc:()=>b.vc});var t=i(93379),o=i.n(t),d=i(7795),r=i.n(d),l=i(90569),a=i.n(l),s=i(3565),x=i.n(s),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),b=i(6284),g={};g.styleTagTransform=p(),g.setAttributes=x(),g.insert=a().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=u();o()(b.ZP,g),b.ZP&&b.ZP.locals&&b.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7781,5103,3703,7880],{45103:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(33923),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),x=i(90569),c=i.n(x),u=i(3565),m=i.n(u),p=i(19216),b=i.n(p),g=i(44589),h=i.n(g),v=i(84887),I={};I.styleTagTransform=h(),I.setAttributes=m(),I.insert=c().bind(null,"head"),I.domAPI=s(),I.insertStyleElement=b();l()(v.Z,I);v.Z&&v.Z.locals&&v.Z.locals;var j=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,t.Z)(l,2),s=a[0],x=a[1],c=(0,o.NP)(),u=(0,d.useState)(""),m=(0,t.Z)(u,2),p=m[0],b=m[1],g=c.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==g?void 0:g.includes(e.codex)}));return(0,d.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===g[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<g.length;o++)t(o)}b(e),x(e)}}),[]),s?(0,j.jsx)("div",{style:n,className:v.B,children:p}):(0,j.jsx)(j.Fragment,{})}},7781:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var t=i(33923),o=(i(87363),i(65515)),d=i.n(o),r=i(13703),l=i(93379),a=i.n(l),s=i(7795),x=i.n(s),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),b=i(19216),g=i.n(b),h=i(44589),v=i.n(h),I=i(7171),j={};j.styleTagTransform=v(),j.setAttributes=p(),j.insert=u().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=g();a()(I.ZP,j);I.ZP&&I.ZP.locals&&I.ZP.locals;var w=i(88683),y=i(65069),f=i(23042),M=i(47514);const N=function OptionJungle(e){var n,i,o=e.item,l=e.paletteId,a=(e.type,o),s=(0,t.NP)(),x=(0,w.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,M.jsx)(r.default,{item:a,paletteId:l});var c,u,m=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],p=null===(i=a.text)||void 0===i?void 0:i.split(/,(.+)/)[1];p||(m=null===(c=a.text)||void 0===c?void 0:c.split(/\((.+)/)[0],p=null===(u=a.text)||void 0===u||null===(u=u.split(/\((.+)/)[1])||void 0===u?void 0:u.replace(")",""));return(0,M.jsxs)("div",{id:a.codex,className:d()(I.nC,a.sel?I.pA:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,l)},children:[(0,M.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,M.jsxs)("div",{className:I.jW,children:[(0,M.jsx)("div",{className:d()(I.TN),children:m}),p&&(0,M.jsx)("div",{className:d()(I.z$),children:p})]}),a.contentItemId&&(0,M.jsx)(y.default,{item:a},a.codex),a.disabledByConstructionRule&&(0,M.jsx)("div",{className:d()(I.ox),title:x("configurator."+a.disabledByConstructionRule)}),void 0!==a.pricePreviewPromise&&(0,M.jsx)(f.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel})]})}},13703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(80248),o=i(34988),d=i(65515),r=i.n(d),l=i(33923),a=i(9420),s=i(87363),x=i(94873),c=i(13838),u=i(88683),m=i(86587),p=i(46770),b=i(45103),g=i(95519),h=i(65069),v=i(23042),I=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const j=(0,a.Pi)((function Option(e){var n,i=e.item,t=e.paletteId,d=e.hidePricePreview,a=i,j=(0,l.NP)(),w=(0,u.useTranslation)().t,y=(0,u.useDivaCore)().state.dimensions,f=y.isMobile,M=y.isTablet,N=(0,s.useState)(""),C=(0,o.Z)(N,2),L=C[0],z=C[1],P={},k={},T=void 0,A=!1,O={},S=(0,p.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,p.sJ)({isOpen:S[0],auto:!0,placement:j.getViewConfig().tooltipPosition||"left-center"});return f||M||j.getViewConfig().hideTooltip||!a.image&&!a.hexColor||a.contentItemId||(A=S[0],O=S[1],P=Z.triggerProps,k=Z.layerProps,T=Z.renderLayer),(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:a.codex,"data-test-id":"plannerPaletteItem",className:r()(x.CA,a.sel?x.pA:void 0),onClick:function onClick(){a.doShowFav&&j.paletteViewHandler.clickedOnFavIcon(a),j.paletteViewHandler.clickedOnConfigPalette(a,void 0,t)}},P),O),{},{children:[(0,I.jsxs)("div",{className:r()(x.iZ,x.NC),children:[a.sel&&(0,I.jsx)(m.default,{listenToOptionVariables:!0}),a.contentItemId&&(0,I.jsx)(h.default,{item:a,style:{bottom:8}},a.codex),"TEXT"==a.layout&&(0,I.jsx)("div",{className:x.$l}),!("TEXT"==a.layout)&&(0,I.jsx)("div",{className:x.K5,style:{backgroundImage:"url(".concat(a.image,")")}}),(0,I.jsxs)("div",{className:r()(x.AR,"TEXT"==a.layout?x.Eb:void 0),children:[(0,I.jsx)("div",{className:r()(x.db,""!==L?x.Bm:void 0),dangerouslySetInnerHTML:{__html:a.text}}),(0,I.jsx)(b.default,{style:{position:"relative",float:"left"},metaData:a.metaData,visible:[L,z]},a.codex)]}),A&&(null===(n=T)||void 0===n?void 0:n((0,I.jsx)(g.default,{text:a.text+(a.freeText?a.freeText:""),desciption:L,image:a.image,hexColor:a.hexColor,pricePreviewPromise:a.pricePreviewPromise,layerProps:k},a.codex))),a.doShowFav&&(0,I.jsx)("div",{className:a.isFav?c.Md:c.Hq})]}),!d&&void 0!==a.pricePreviewPromise&&(0,I.jsx)(v.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),a.disabledByConstructionRule&&(0,I.jsx)("div",{className:r()(x.ox),title:w("configurator."+a.disabledByConstructionRule)})]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>r});var t=i(80248),o=(i(87363),i(2765)),d=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const r=function IsActive(e){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var l="index-module--hpPAb";const a=r},7171:(e,n,i)=>{i.d(n,{TN:()=>b,ZP:()=>v,jW:()=>p,nC:()=>u,ox:()=>h,pA:()=>m,z$:()=>g});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),x=r()(o()),c=a()(s);x.push([e.id,".index-module--XbsoT {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--XbsoT.index-module--eU3AB {\n  border: 2px solid var(--secondaryColor);\n}\n\n.index-module--XbsoT img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.index-module--rj5CV {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.index-module--sHLkk,\n.index-module--fzIuI {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.index-module--sHLkk {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fzIuI {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.index-module--rEqp0 {\n  display: block;\n  height: 30px;\n  background-image: url("+c+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n",""]);var u="index-module--XbsoT",m="index-module--eU3AB",p="index-module--rj5CV",b="index-module--sHLkk",g="index-module--fzIuI",h="index-module--rEqp0";const v=x},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>I,Bm:()=>y,CA:()=>u,Eb:()=>j,K5:()=>v,NC:()=>g,ZP:()=>M,db:()=>w,iZ:()=>p,ox:()=>f,pA:()=>m,vc:()=>b});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),x=r()(o()),c=a()(s);x.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--xFLJI {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xFLJI:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--xFLJI: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--xFLJI .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--xFLJI.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--xFLJI .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xFLJI .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--xFLJI .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--xFLJI.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--xFLJI .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--xFLJI.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--xFLJI .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--xFLJI .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--xFLJI .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--xFLJI .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+c+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--xFLJI",m="index-module--zZnWk",p="index-module--pQje2",b="index-module--CcpMC",g="index-module--II_8j",h="index-module--dUy8g",v="index-module--Z8KXz",I="index-module--m9VzR",j="index-module--Y5eRx",w="index-module--mZh26",y="index-module--NabGm",f="index-module--2NJnv";const M=x},94873:(e,n,i)=>{i.d(n,{$l:()=>b.$l,AR:()=>b.AR,Bm:()=>b.Bm,CA:()=>b.CA,Eb:()=>b.Eb,K5:()=>b.K5,NC:()=>b.NC,db:()=>b.db,iZ:()=>b.iZ,ox:()=>b.ox,pA:()=>b.pA,vc:()=>b.vc});var t=i(93379),o=i.n(t),d=i(7795),r=i.n(d),l=i(90569),a=i.n(l),s=i(3565),x=i.n(s),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),b=i(6284),g={};g.styleTagTransform=p(),g.setAttributes=x(),g.insert=a().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=u();o()(b.ZP,g),b.ZP&&b.ZP.locals&&b.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7796.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7796,7531],{17628:(e,n,t)=>{t.d(n,{V:()=>o});var o=function getIconOfTabGroup(e,n,t){var o=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return o+t[e.toLowerCase()];if(t[e])return o+t[e]}switch(e){case"StaticRoomList":return o+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return o+"planner.svg";case"Summary":return o+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return o+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return o+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return o+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return o+"dimensions.svg";case"Topper":case"surmatelas":return o+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return o+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return o+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return o+"upholstery.svg";case"Sitz":case"Sitztiefe":return o+"seat.svg";case"Armlehne":return o+"armrest.svg";case"ACCESSOIRES":return o+"additionalArticles.svg";case"Rcken":return o+"sofaBackrest.svg";case"Konfiguration":return o+"material_config.svg";case"Zustand":return o+"settings_suggest.svg"}}},97796:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(80248),r=t(9420),i=(t(87363),t(7531)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),c=t(90569),u=t.n(c),b=t(3565),p=t.n(b),m=t(19216),v=t.n(m),x=t(44589),g=t.n(x),f=t(66874),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=v();s()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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 w=(0,r.Pi)((function VerticalTabGroupItemFree(e){return(0,k.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{wcVisitedStepClass:f.to,wcActiveStepClass:f.F1,verticalItemPoligonClass:f.Wb,wcStepIconClass:f.x3}))}))},7531:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(65515),r=t.n(o),i=t(9420),a=t(23987),s=t(87363),l=t(88683),d=t(93379),c=t.n(d),u=t(7795),b=t.n(u),p=t(90569),m=t.n(p),v=t(3565),x=t.n(v),g=t(19216),f=t.n(g),h=t(44589),k=t.n(h),w=t(38027),C={};C.styleTagTransform=k(),C.setAttributes=x(),C.insert=m().bind(null,"head"),C.domAPI=b(),C.insertStyleElement=f();c()(w.ZP,C);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(17628),P=t(47514);const S=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,o=e.height,i=e.minHeight,d=void 0===i?80:i,c=e.isFirstItem,u=e.isLastItem,b=e.wcVisitedStepClass,p=void 0===b?w.to:b,m=e.wcActiveStepClass,v=void 0===m?w.F1:m,x=e.verticalItemPoligonClass,g=void 0===x?w.Wb:x,f=e.wcStepIconClass,h=void 0===f?w.x3:f,k=e.lastItemDiv,C=(0,a.NP)(),S=(0,l.useTranslation)().t,j=(0,s.useRef)(null),G=C.tabGroupState.curTabGroup;o<d&&(o=d);var I=(0,l.useDivaCore)().state.apiConfig.baseCdnUrl;(0,s.useEffect)((function(){C.tabGroupState.setTabGroupItems(t.key,j.current)}),[j]);var O,V=t.posNr==(null==G?void 0:G.posNr),F=C.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==G?void 0:G.posNr));O=c&&u?"0 "+o+", 0 0, "+"128 0, "+"128 "+o+", 64 "+o:c?"0 "+(o-8)+", 0 0, "+"128 0, "+"128 "+(o-8)+", 64 "+o:u?"0 "+o+", 0 0, 64 8, "+"128 0, "+"128 "+o:"0 "+(o-8)+", 0 0, 64 8, "+"128 0, "+"128 "+(o-8)+", 64 "+o;var T=null!==(n=(0,y.V)(t.key,I,C.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",z=(0,P.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,P.jsx)("div",{className:h,style:{WebkitMaskImage:"url("+T+")",maskImage:"url("+T+")"}}),(0,P.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:S("configurator."+t.title,t.title)})]});return u&&k&&(z=k),(0,P.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+o,ref:j,style:{height:o+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){C.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:r()(w.x6,V?v:void 0,F?p:void 0),children:[(0,P.jsx)("polygon",{className:r()(g,V?v:void 0,F?p:void 0),points:O}),(0,P.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,P.jsx)("span",{className:r()(w.xb,g,V?v:void 0,F?p:void 0),children:z})})]})}))},66874:(e,n,t)=>{t.d(n,{F1:()=>l,Wb:()=>s,ZP:()=>u,to:()=>d,x3:()=>c});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--C6jFV {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.index-module--C6jFV:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.index-module--C6jFV.index-module--DwweC {\n  stroke: #cca663;\n  color: #cca663;\n}\n.index-module--C6jFV.index-module--GAYpd {\n  color: #a1a1a1;\n}\n\n.index-module--C6jFV.index-module--DwweC:hover {\n  stroke: #d6b781;\n}\n\n.index-module--C6jFV:hover,\n.index-module--C6jFV.index-module--GAYpd:hover {\n  color: #e1e1e1;\n}\n\n.index-module--IXuqN {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--DwweC .index-module--IXuqN {\n  background-color: #cca663;\n}\n.index-module--GAYpd .index-module--IXuqN {\n  background-color: #a1a1a1;\n}\n",""]);var s="index-module--C6jFV",l="index-module--DwweC",d="index-module--GAYpd",c="index-module--IXuqN";const u=a},38027:(e,n,t)=>{t.d(n,{F1:()=>c,Wb:()=>d,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>s,xb:()=>l});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var s="index-module--zywLK",l="index-module--q8ldY",d="index-module--_EcbQ",c="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7796,7531],{17628:(e,n,t)=>{t.d(n,{V:()=>o});var o=function getIconOfTabGroup(e,n,t){var o=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return o+t[e.toLowerCase()];if(t[e])return o+t[e]}switch(e){case"StaticRoomList":return o+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return o+"planner.svg";case"Summary":return o+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return o+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return o+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return o+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return o+"dimensions.svg";case"Topper":case"surmatelas":return o+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return o+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return o+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return o+"upholstery.svg";case"Sitz":case"Sitztiefe":return o+"seat.svg";case"Armlehne":return o+"armrest.svg";case"ACCESSOIRES":return o+"additionalArticles.svg";case"Rcken":return o+"sofaBackrest.svg";case"Konfiguration":return o+"material_config.svg";case"Zustand":return o+"settings_suggest.svg"}}},97796:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(80248),r=t(9420),i=(t(87363),t(7531)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),c=t(90569),u=t.n(c),b=t(3565),p=t.n(b),m=t(19216),v=t.n(m),x=t(44589),g=t.n(x),f=t(66874),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=v();s()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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 w=(0,r.Pi)((function VerticalTabGroupItemFree(e){return(0,k.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{wcVisitedStepClass:f.to,wcActiveStepClass:f.F1,verticalItemPoligonClass:f.Wb,wcStepIconClass:f.x3}))}))},7531:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(65515),r=t.n(o),i=t(9420),a=t(33923),s=t(87363),l=t(88683),d=t(93379),c=t.n(d),u=t(7795),b=t.n(u),p=t(90569),m=t.n(p),v=t(3565),x=t.n(v),g=t(19216),f=t.n(g),h=t(44589),k=t.n(h),w=t(38027),C={};C.styleTagTransform=k(),C.setAttributes=x(),C.insert=m().bind(null,"head"),C.domAPI=b(),C.insertStyleElement=f();c()(w.ZP,C);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(17628),P=t(47514);const S=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,o=e.height,i=e.minHeight,d=void 0===i?80:i,c=e.isFirstItem,u=e.isLastItem,b=e.wcVisitedStepClass,p=void 0===b?w.to:b,m=e.wcActiveStepClass,v=void 0===m?w.F1:m,x=e.verticalItemPoligonClass,g=void 0===x?w.Wb:x,f=e.wcStepIconClass,h=void 0===f?w.x3:f,k=e.lastItemDiv,C=(0,a.NP)(),S=(0,l.useTranslation)().t,j=(0,s.useRef)(null),G=C.tabGroupState.curTabGroup;o<d&&(o=d);var I=(0,l.useDivaCore)().state.apiConfig.baseCdnUrl;(0,s.useEffect)((function(){C.tabGroupState.setTabGroupItems(t.key,j.current)}),[j]);var O,V=t.posNr==(null==G?void 0:G.posNr),F=C.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==G?void 0:G.posNr));O=c&&u?"0 "+o+", 0 0, "+"128 0, "+"128 "+o+", 64 "+o:c?"0 "+(o-8)+", 0 0, "+"128 0, "+"128 "+(o-8)+", 64 "+o:u?"0 "+o+", 0 0, 64 8, "+"128 0, "+"128 "+o:"0 "+(o-8)+", 0 0, 64 8, "+"128 0, "+"128 "+(o-8)+", 64 "+o;var T=null!==(n=(0,y.V)(t.key,I,C.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",z=(0,P.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,P.jsx)("div",{className:h,style:{WebkitMaskImage:"url("+T+")",maskImage:"url("+T+")"}}),(0,P.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:S("configurator."+t.title,t.title)})]});return u&&k&&(z=k),(0,P.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+o,ref:j,style:{height:o+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){C.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:r()(w.x6,V?v:void 0,F?p:void 0),children:[(0,P.jsx)("polygon",{className:r()(g,V?v:void 0,F?p:void 0),points:O}),(0,P.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,P.jsx)("span",{className:r()(w.xb,g,V?v:void 0,F?p:void 0),children:z})})]})}))},66874:(e,n,t)=>{t.d(n,{F1:()=>l,Wb:()=>s,ZP:()=>u,to:()=>d,x3:()=>c});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--C6jFV {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.index-module--C6jFV:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.index-module--C6jFV.index-module--DwweC {\n  stroke: #cca663;\n  color: #cca663;\n}\n.index-module--C6jFV.index-module--GAYpd {\n  color: #a1a1a1;\n}\n\n.index-module--C6jFV.index-module--DwweC:hover {\n  stroke: #d6b781;\n}\n\n.index-module--C6jFV:hover,\n.index-module--C6jFV.index-module--GAYpd:hover {\n  color: #e1e1e1;\n}\n\n.index-module--IXuqN {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--DwweC .index-module--IXuqN {\n  background-color: #cca663;\n}\n.index-module--GAYpd .index-module--IXuqN {\n  background-color: #a1a1a1;\n}\n",""]);var s="index-module--C6jFV",l="index-module--DwweC",d="index-module--GAYpd",c="index-module--IXuqN";const u=a},38027:(e,n,t)=>{t.d(n,{F1:()=>c,Wb:()=>d,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>s,xb:()=>l});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var s="index-module--zywLK",l="index-module--q8ldY",d="index-module--_EcbQ",c="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=a}}]);