@crystaldesign/diva-web-planner-react 25.5.0-beta.2 → 25.5.0-beta.20

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

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

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7725.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7725],{77725:(e,a,s)=>{s.r(a),s.d(a,{default:()=>v});var n=s(80248),t=s(34988),i=s(87363),r=s(64263),c=s(65515),l=s.n(c),o=s(63286),d=s(88683),u=s(47514);function ownKeys(e,a){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);a&&(n=n.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),s.push.apply(s,n)}return s}function _objectSpread(e){for(var a=1;a<arguments.length;a++){var s=null!=arguments[a]?arguments[a]:{};a%2?ownKeys(Object(s),!0).forEach((function(a){(0,n.Z)(e,a,s[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):ownKeys(Object(s)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(s,a))}))}return e}(0,d.getLogger)("Planner","WEB-PLANNER-REACT");const v=function CreateAppointment(e){var a=e.basket,s=e.config,n=(0,d.useDivaCore)().actions.sendEmail,c=(0,d.useTranslation)(),v=c.i18n,h=(c.t,(0,i.useState)(!0)),j=(0,t.Z)(h,2),m=j[0],g=j[1],p=(0,i.useState)(!1),x=(0,t.Z)(p,2),N=x[0],f=x[1],b=(0,i.useState)(""),C=(0,t.Z)(b,2),y=C[0],O=C[1],S=(0,i.useState)(""),P=(0,t.Z)(S,2),D=P[0],E=P[1],W=(0,i.useState)(""),k=(0,t.Z)(W,2),w=k[0],_=k[1],Z=(0,i.useState)(""),R=(0,t.Z)(Z,2),B=R[0],K=R[1];return(0,u.jsxs)("div",{className:r.Bb,children:[(0,u.jsxs)("div",{className:r.jR,children:["WORK IN PROGRESS",(0,u.jsx)("div",{className:l()(r.aS,r._8),children:"Ihre Vorteile:"}),(0,u.jsxs)("div",{className:r.aS,children:[(0,u.jsx)("div",{className:l()(r.Fj,r.YC)}),"Persönliche Beratung durch unsere Experten"]}),(0,u.jsxs)("div",{className:r.aS,children:[(0,u.jsx)("div",{className:l()(r.Fj,r.YC)}),"Optimierung Ihrer Konfiguration"]}),(0,u.jsxs)("div",{className:r.aS,children:[(0,u.jsx)("div",{className:l()(r.Fj,r.YC)}),"Individuelle Anpassungsmöglichkeiten"]}),(0,u.jsxs)("div",{className:r.OV,children:[(0,u.jsxs)("div",{className:r.cW,children:[(0,u.jsx)("div",{className:l()(r._8),children:"Dein Vorname"}),(0,u.jsx)("input",{className:r.qH,type:"text",value:D,onChange:function onChange(e){return E(e.target.value)}})]}),(0,u.jsxs)("div",{className:r.cW,children:[(0,u.jsx)("div",{className:l()(r._8),children:"Dein Nachname"}),(0,u.jsx)("input",{className:r.qH,type:"text",value:w,onChange:function onChange(e){return _(e.target.value)}})]})]}),(0,u.jsxs)("div",{className:r.cW,children:[(0,u.jsx)("div",{className:l()(r._8),children:"Deine E-Mail-Adresse"}),(0,u.jsx)("input",{className:r.qH,type:"email",value:y,onChange:function onChange(e){return function onChangeMail(e){var a=d.DivaUtils.validateEmail(e);g(a),a&&f(!1),O(e)}(e.target.value)}}),N&&(0,u.jsx)("div",{className:r.Mx,children:"Bitte geben sie eine vollständige E-Mailadresse an!"})]}),(0,u.jsxs)("div",{className:r.cW,children:[(0,u.jsx)("div",{className:l()(r._8),children:"Telefonnummer"}),(0,u.jsx)("input",{className:r.qH,type:"text",value:B,onChange:function onChange(e){return K(e.target.value)}})]}),(0,u.jsxs)("div",{className:r.cW,children:[(0,u.jsx)("div",{className:l()(r._8),children:"Bevorzugte Kontaktart"}),(0,u.jsx)(o.ZP,{options:["Telefon","E-Mail","Video-Call"]})]}),(0,u.jsxs)("div",{className:r.cW,children:[(0,u.jsx)("div",{className:l()(r._8),children:"Bevorzugte Tageszeit"}),(0,u.jsx)(o.ZP,{options:["Vormittag","Nachmittag","Abends"]})]}),(0,u.jsxs)("div",{className:r.cW,children:[(0,u.jsx)("div",{className:l()(r._8),children:"Ihre Nachricht (optional )"}),(0,u.jsx)("textarea",{id:"message",placeholder:"Haben Sie spezielle Fragen oder Wünsche?"})]})]}),(0,u.jsx)("button",{className:l()(r.LI,r.KB,m?void 0:r.JU),onClick:function onClick(){return function sendMail(){if(!d.DivaUtils.validateEmail(y))return g(!1),void f(!0);n({content:_objectSpread(_objectSpread({},s),{},{to:y,divaNr:a.DivaNr,type:"basket",language:v.language})})}()},children:"Termin anfragen"})]})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7725,7835],{87835:(e,a,t)=>{t.r(a),t.d(a,{default:()=>c});var n=t(88683),s=(t(87363),t(47514));const c=function AcceptTerms(e){var a=e.privacyUrl,t=void 0===a?"https://www.diva-portal.de/datenschutz":a,c=e.agbUrl,r=void 0===c?"https://www.diva-portal.de/agb":c,i=(0,n.useTranslation)().t,l=(0,s.jsx)("a",{href:t,target:"_blank",children:i("auth.privacypolicy")}),o=(0,s.jsx)("a",{href:r,target:"_blank",children:i("auth.GeneralTerms")});return(0,s.jsx)(n.Trans,{i18nKey:"contactform.acceptprivacyandagb",components:{privacyUrl:l,agbUrl:o}})}},77725:(e,a,t)=>{t.r(a),t.d(a,{default:()=>h});var n=t(80248),s=t(34988),c=t(87363),r=t(64263),i=t(65515),l=t.n(i),o=t(88683),u=t(87835),d=t(47514);function ownKeys(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);a&&(n=n.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(e){for(var a=1;a<arguments.length;a++){var t=null!=arguments[a]?arguments[a]:{};a%2?ownKeys(Object(t),!0).forEach((function(a){(0,n.Z)(e,a,t[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))}))}return e}(0,o.getLogger)("Planner","WEB-PLANNER-REACT");const h=function CreateAppointment(e){var a=e.basket,t=e.config,n=t.showDSGVO,i=void 0===n||n,h=t.emailConfig,v=t.showSubscription,p=(0,o.useDivaCore)(),m=p.state.navigationConfiguration,g=p.actions.sendEmail,j=(0,o.useTranslation)(),x=j.i18n,f=j.t,N=(0,c.useState)(!0),b=(0,s.Z)(N,2),y=b[0],C=b[1],k=(0,c.useState)(!1),w=(0,s.Z)(k,2),S=w[0],O=w[1],_=(0,c.useState)(""),D=(0,s.Z)(_,2),P=D[0],U=D[1],Z=(0,c.useState)(""),W=(0,s.Z)(Z,2),E=W[0],M=W[1],T=(0,c.useState)(""),K=(0,s.Z)(T,2),L=K[0],R=K[1],q=(0,c.useState)(""),A=(0,s.Z)(q,2),B=A[0],H=A[1],F=(0,c.useState)(""),G=(0,s.Z)(F,2),J=G[0],V=G[1],Y=(0,c.useState)(!1),z=(0,s.Z)(Y,2),I=z[0],Q=z[1],X=(0,c.useState)(!1),$=(0,s.Z)(X,2),ee=$[0],ae=$[1],te=(0,c.useState)(!1),ne=(0,s.Z)(te,2),se=ne[0],ce=ne[1];return(0,d.jsxs)("div",{className:r.Bb,children:[(0,d.jsxs)("div",{className:r.jR,children:[(0,d.jsx)("div",{className:l()(r.aS,r._8),children:f("checkout.appointment.advanteges")}),(0,d.jsxs)("div",{className:r.aS,children:[(0,d.jsx)("div",{className:l()(r.Fj,r.YC)}),f("checkout.appointment.advanteges_one")]}),(0,d.jsxs)("div",{className:r.aS,children:[(0,d.jsx)("div",{className:l()(r.Fj,r.YC)}),f("checkout.appointment.advanteges_two")]}),(0,d.jsxs)("div",{className:r.aS,children:[(0,d.jsx)("div",{className:l()(r.Fj,r.YC)}),f("checkout.appointment.advanteges_three")]}),(0,d.jsxs)("div",{className:r.OV,children:[(0,d.jsxs)("div",{className:r.cW,children:[(0,d.jsx)("div",{className:l()(r._8),children:f("checkout.save.firstname")}),(0,d.jsx)("input",{className:r.qH,type:"text",value:E,onChange:function onChange(e){return M(e.target.value)}})]}),(0,d.jsxs)("div",{className:r.cW,children:[(0,d.jsx)("div",{className:l()(r._8),children:f("checkout.surname")}),(0,d.jsx)("input",{className:r.qH,type:"text",value:L,onChange:function onChange(e){return R(e.target.value)}})]})]}),(0,d.jsxs)("div",{className:r.cW,children:[(0,d.jsx)("div",{className:l()(r._8),children:f("checkout.save.email")}),(0,d.jsx)("input",{className:r.qH,type:"email",value:P,onChange:function onChange(e){return function onChangeMail(e){var a=o.DivaUtils.validateEmail(e);C(a),a&&O(!1),U(e)}(e.target.value)}}),S&&(0,d.jsx)("div",{className:r.Mx,children:f("checkout.share_mail.mail_error")})]}),(0,d.jsxs)("div",{className:r.cW,children:[(0,d.jsx)("div",{className:l()(r._8),children:f("telephoneSwitchBoard")}),(0,d.jsx)("input",{className:r.qH,type:"text",value:B,onChange:function onChange(e){return H(e.target.value)}})]}),(0,d.jsxs)("div",{className:r.cW,children:[(0,d.jsx)("div",{className:l()(r._8),children:f("checkout.appointment.note")}),(0,d.jsx)("textarea",{id:"message",placeholder:f("checkout.appointment.note_placehoder"),style:{height:100,maxWidth:350},onChange:function onChange(e){return V(e.target.value)},value:J})]})]}),(!!v||!!i)&&(0,d.jsxs)("div",{className:r.cW,children:[!!i&&(0,d.jsxs)("div",{className:r.wM,children:[(0,d.jsx)("input",{type:"checkbox",className:r.MJ,defaultChecked:I,onChange:function onChange(e){return function onChangeDSGVO(e){Q(e),e&&ce(!1),S||C(!0)}(e.target.checked)}}),(0,d.jsx)("div",{className:l()(r.fL),children:(0,d.jsx)(u.default,{agbUrl:m.tosUrl,privacyUrl:m.privacyUrl})})]}),!!v&&(0,d.jsxs)("div",{className:r.wM,children:[(0,d.jsx)("input",{type:"checkbox",className:r.MJ,defaultChecked:ee,onChange:function onChange(e){return ae(e.target.checked)}}),(0,d.jsx)("div",{className:l()(r.fL),children:f("checkout.appointment.subscription")})]}),se&&(0,d.jsx)("div",{className:r.Mx,children:f("checkout.dsgvo_error")})]}),(0,d.jsx)("button",{className:l()(r.LI,r.KB,y?void 0:r.JU),onClick:function onClick(){return function sendMail(){var e=!1;o.DivaUtils.validateEmail(P)||(C(!1),O(!0),e=!0),i&&!I&&(C(!1),ce(!0),e=!0),e||null==h||h.map((function(e){return g({showDialog:!1,content:_objectSpread(_objectSpread({},e),{},{to:P,divaNr:a.DivaNr,type:"basket",language:x.language})})}))}()},children:f("checkout.appointment.create")})]})}}}]);

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

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