npm - @crystaldesign/diva-web-planner-react - Versions diffs - 24.10.0-beta.9 → 24.10.0-rc.1 - Mend

@crystaldesign/diva-web-planner-react 24.10.0-beta.9 → 24.10.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (415) hide show

package/build/umd/9146.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 9146.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9146,714,4209],{54751:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(84451),i=t(32134),r=t(64281),a=t.n(r),s=t(5219),d=t(41594),l=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),g=t(91148),f=t.n(g),b=t(73035),m=t.n(b),h=t(24959),v=t.n(h),S=t(15004),w=t.n(S),y=t(54605),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.Ay,j);y.Ay&&y.Ay.locals&&y.Ay.locals;var A=t(82246);const k=(0,l.PA)((function Inputbox(e){(0,i.A)(e);var n=(0,s.hV)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,A.jsx)(A.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.A)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,A.jsx)("div",{children:(0,A.jsxs)("div",{className:y.m7,children:[(0,A.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Bw,children:"✖"}),(0,A.jsxs)("div",{style:{width:"100%"},children:[(0,A.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,A.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:y.Ig,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,A.jsx)("button",{className:y.hn,onClick:l})]})]})})}))},39146:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>C,default:()=>P});var o=t(5219),i=t(41594),r=t(54751),a=t(25835),s=t.n(a),d=t(69120),l=t.n(d),u=t(91148),c=t.n(u),p=t(73035),x=t.n(p),g=t(24959),f=t.n(g),b=t(15004),m=t.n(b),h=t(30974),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.Ay,v);h.Ay&&h.Ay.locals&&h.Ay.locals;var S=t(75077),w=t(4209),y=t(77422),j=t(970),A=t(72919),k=t.n(A),I=t(82246),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"0.3125rem"};const P=(0,j.PA)((function Serious(e){var n,t=(0,o.hV)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.Ao,children:[(0,I.jsx)(y.default,{className:h.vL}),(0,I.jsx)(w.default,{className:k()(h.$e,a?h.KC:void 0)}),(0,I.jsx)(S.default,{className:k()(h.H3,a?h.KC:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,I.jsx)(r.default,{})]})}))},75077:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(13587),i=t(23170),r=t(41594),a=t(5219),s=t(970),d=t(66624),l=t(53802),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),g=t(91148),f=t.n(g),b=t(73035),m=t.n(b),h=t(24959),v=t.n(h),S=t(15004),w=t.n(S),y=t(20697),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.A,j);y.A&&y.A.locals&&y.A.locals;var A=t(46665),k=t(82246),I=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const C=(0,s.PA)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.A)(e,I),s=(0,a.hV)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,k.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{children:[!s.uiState.isLoading&&(0,k.jsx)("div",{className:y.U,onClick:c}),(0,k.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,k.jsx)(d.default,{}),s.settingsState.contentItemVisible&&s.settingsState.contentItemId&&(0,k.jsx)(A.default,{id:s.settingsState.contentItemId,startPos:t})]}))}))},90714:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var o=t(36520),i=t(5219),r=t(970),a=t(41594),s=t(99174),d=t(25835),l=t.n(d),u=t(69120),c=t.n(u),p=t(91148),x=t.n(p),g=t(73035),f=t.n(g),b=t(24959),m=t.n(b),h=t(15004),v=t.n(h),S=t(68333),w={};w.styleTagTransform=v(),w.setAttributes=f(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=m();l()(S.A,w);S.A&&S.A.locals&&S.A.locals;var y=t(82246);const j=(0,r.PA)((function SettingsSubTabGroup(e){var n=(0,i.hV)(),t=(0,a.useState)([]),r=(0,o.A)(t,2),d=r[0],l=r[1],u=(0,a.useState)([]),c=(0,o.A)(u,2),p=c[0],x=c[1],g=(0,a.useRef)(null);return(0,a.useEffect)((function(){return g.current?(n.settingsState.setScrollerElement(g.current),n.uiState.setUpSettingsScrollEvent(g.current)):function(){}}),[g]),(0,a.useEffect)((function(){var e=[],t=[];n.settingsState.itemPaletteArr.map((function(n){var i=(0,o.A)(n,2),r=i[0],a=i[1];if(!a.isRenderedNotInSettingPalette&&a.visible)if(e.includes(a.subTabGroup))t[e.indexOf(a.subTabGroup)][r]=a;else{e.push(a.subTabGroup);var s={};s[r]=a,t.push(s)}})),l(e),x(t)}),[n.settingsState.itemPaletteArr]),(0,a.useEffect)((function(){!(d.length>0)||n.tabGroupState.currentSubTabGroupFolded&&d.includes(n.tabGroupState.currentSubTabGroupFolded)||n.tabGroupState.setCurrentSubTabGroupFolded(d[0])}),[d,p]),(0,y.jsx)("div",{id:"subTabGroupScroller",className:S.J,ref:g,children:p.map((function(e,n){return(0,y.jsx)(s.default,{itemPalettes:e,subTabGroupName:d[n],index:n,count:p.length},d[n])}))})}))},4209:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var o=t(13587),i=t(36520),r=t(23170),a=(t(41594),t(5219)),s=t(32356),d=t(22256),l=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),g=t(91148),f=t.n(g),b=t(73035),m=t.n(b),h=t(24959),v=t.n(h),S=t(15004),w=t.n(S),y=t(32956),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.Ay,j);y.Ay&&y.Ay.locals&&y.Ay.locals;var A=t(72919),k=t.n(A),I=t(90714),C=t(82246),P=["className"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const L=(0,l.PA)((function Settings(e){var n,t,o=e.className,l=(0,r.A)(e,P),u=(0,a.hV)(),c=!!u.settingsState.itemPaletteArr.length,p=[];return u.settingsState.itemPaletteArr.map((function(e){var n=(0,i.A)(e,2),t=(n[0],n[1]);void 0===t.subTabGroup&&(c=!1),p.push(t)})),(0,C.jsxs)("div",_objectSpread(_objectSpread({},l),{},{className:k()(o,y.$e,"horizontal"==u.tabGroupState.curTabGroupType?y.Nk:void 0,u.uiState.configSettingsIsExpanded?y.sz:void 0),children:[u.uiState.doShowConfSettingsExpander&&!u.uiState.isInMobileView&&(0,C.jsx)("div",{className:y.GQ,onClick:u.uiState.onClickExpandConfigSettings}),!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,C.jsx)(s.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),c?(0,C.jsx)(I.default,{}):(0,C.jsx)(d.default,{itemPalettes:p}),!u.uiState.isInMobileView&&u.uiState.doShowConfSettingsMaxMinExpander&&(0,C.jsxs)(C.Fragment,{children:[!u.uiState.configSettingsIsMaxExpanded&&(0,C.jsx)("div",{className:y.ys,onClick:u.uiState.onClickExpandMaxConfigSettings}),!u.uiState.configSettingsIsMinExpanded&&(0,C.jsx)("div",{className:y.k,onClick:u.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(e,n,t)=>{t.d(n,{Ay:()=>b,Bw:()=>g,Ig:()=>p,hn:()=>f,m7:()=>x});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r),s=t(1946),d=t.n(s),l=new URL(t(41943),t.b),u=a()(i()),c=d()(l);u.push([e.id,`.index-module--hLZKG {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--uzMQY {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--cx2sU {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var p="index-module--hLZKG",x="index-module--uzMQY",g="index-module--cx2sU",f="index-module--_9Crt";const b=u},30974:(e,n,t)=>{t.d(n,{$e:()=>c,Ao:()=>s,Ay:()=>p,H3:()=>l,KC:()=>u,vL:()=>d});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r)()(i());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--FTSwf {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--FTSwf *,\n.index-module--FTSwf *::before,\n.index-module--FTSwf *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--Rvzx8 {\n  width: 75px;\n  position: relative;\n}\n.index-module--Echcm {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--Echcm.index-module--YAf4m {\n  display: none;\n}\n\n.index-module--IGLeE {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--IGLeE.index-module--YAf4m {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--FTSwf",d="index-module--Rvzx8",l="index-module--Echcm",u="index-module--YAf4m",c="index-module--IGLeE";const p=a},20697:(e,n,t)=>{t.d(n,{A:()=>x,U:()=>p});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r),s=t(1946),d=t.n(s),l=new URL(t(54027),t.b),u=a()(i()),c=d()(l);u.push([e.id,`.index-module--QnEdN {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url(${c});\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n`,""]);var p="index-module--QnEdN";const x=u},68333:(e,n,t)=>{t.d(n,{A:()=>d,J:()=>s});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r)()(i());a.push([e.id,".index-module--kQfQ5 {\n  /* overflow: auto; */\n  height: 100%;\n}\n",""]);var s="index-module--kQfQ5";const d=a},32956:(e,n,t)=>{t.d(n,{$e:()=>g,Ay:()=>S,GQ:()=>b,Nk:()=>f,k:()=>h,sz:()=>m,ys:()=>v});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r),s=t(1946),d=t.n(s),l=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=a()(i()),p=d()(l),x=d()(u);c.push([e.id,`.index-module--E51P2 {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${p});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${x});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var g="index-module--E51P2",f="index-module--mgvLD",b="index-module--dLjl5",m="index-module--hpghF",h="index-module--hYAg_",v="index-module--rBWYr";const S=c},41943:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9146,3667,2256,4209],{54751:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(84451),o=t(32134),r=t(64281),a=t.n(r),d=t(5219),s=t(41594),l=t(970),u=t(25835),c=t.n(u),p=t(69120),g=t.n(p),x=t(91148),m=t.n(x),f=t(73035),b=t.n(f),h=t(24959),v=t.n(h),S=t(15004),y=t.n(S),w=t(54605),j={};j.styleTagTransform=y(),j.setAttributes=b(),j.insert=m().bind(null,"head"),j.domAPI=g(),j.insertStyleElement=v();c()(w.Ay,j);w.Ay&&w.Ay.locals&&w.Ay.locals;var A=t(82246);const k=(0,l.PA)((function Inputbox(e){(0,o.A)(e);var n=(0,d.hV)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var e,i,o;n.settingsState.setInputBoxValue(null!==(e=null===(i=n.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,A.jsx)(A.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,i.A)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,A.jsx)("div",{children:(0,A.jsxs)("div",{className:w.m7,children:[(0,A.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:w.Bw,children:"✖"}),(0,A.jsxs)("div",{style:{width:"100%"},children:[(0,A.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,A.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:w.Ig,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,A.jsx)("button",{className:w.hn,onClick:l})]})]})})}))},39146:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>C,default:()=>P});var i=t(5219),o=t(41594),r=t(54751),a=t(25835),d=t.n(a),s=t(69120),l=t.n(s),u=t(91148),c=t.n(u),p=t(73035),g=t.n(p),x=t(24959),m=t.n(x),f=t(15004),b=t.n(f),h=t(30974),v={};v.styleTagTransform=b(),v.setAttributes=g(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=m();d()(h.Ay,v);h.Ay&&h.Ay.locals&&h.Ay.locals;var S=t(75077),y=t(4209),w=t(77422),j=t(970),A=t(72919),k=t.n(A),I=t(82246),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"0.3125rem"};const P=(0,j.PA)((function Serious(e){var n,t=(0,i.hV)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.Ao,children:[(0,I.jsx)(w.default,{className:h.vL}),(0,I.jsx)(y.default,{className:k()(h.$e,a?h.KC:void 0)}),(0,I.jsx)(S.default,{className:k()(h.H3,a?h.KC:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,I.jsx)(r.default,{})]})}))},75077:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(13587),o=t(23170),r=t(41594),a=t(5219),d=t(970),s=t(66624),l=t(53802),u=t(25835),c=t.n(u),p=t(69120),g=t.n(p),x=t(91148),m=t.n(x),f=t(73035),b=t.n(f),h=t(24959),v=t.n(h),S=t(15004),y=t.n(S),w=t(20697),j={};j.styleTagTransform=y(),j.setAttributes=b(),j.insert=m().bind(null,"head"),j.domAPI=g(),j.insertStyleElement=v();c()(w.A,j);w.A&&w.A.locals&&w.A.locals;var A=t(46665),k=t(82246),I=["contentItemStartPos"];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.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const C=(0,d.PA)((function Product(e){var n,t=e.contentItemStartPos,i=(0,o.A)(e,I),d=(0,a.hV)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!d.uiState.isLoading&&null!==(e=d.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=d.configState.paramters)||void 0===n?void 0:n.checkout,d.uiState.isLoading]),(0,k.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!d.uiState.isLoading&&(0,k.jsx)("div",{className:w.U,onClick:c}),(0,k.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,k.jsx)(s.default,{}),d.settingsState.contentItemVisible&&d.settingsState.contentItemId&&(0,k.jsx)(A.default,{id:d.settingsState.contentItemId,startPos:t})]}))}))},93667:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(970),o=(t(41594),t(14488)),r=t(25835),a=t.n(r),d=t(69120),s=t.n(d),l=t(91148),u=t.n(l),c=t(73035),p=t.n(c),g=t(24959),x=t.n(g),m=t(15004),f=t.n(m),b=t(29443),h={};h.styleTagTransform=f(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();a()(b.Ay,h);b.Ay&&b.Ay.locals&&b.Ay.locals;var v=t(5219),S=t(82246);const y=(0,i.PA)((function SummaryTotalPrice(e){var n=(0,o.useTranslation)().t,t=(0,v.hV)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,S.jsx)(S.Fragment,{children:!i&&(0,S.jsxs)("div",{className:b.kL,children:[(0,S.jsx)("div",{className:b.kc,children:n("configurator.TotalPrice","TotalPrice")}),(0,S.jsx)("div",{className:b.q9,children:t.productState.formatedTotalPrice})]})})}))},22256:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(36520),o=t(32134),r=t(5219),a=t(970),d=t(41594),s=t(32356),l=t(25835),u=t.n(l),c=t(69120),p=t.n(c),g=t(91148),x=t.n(g),m=t(73035),f=t.n(m),b=t(24959),h=t.n(b),v=t(15004),S=t.n(v),y=t(40810),w={};w.styleTagTransform=S(),w.setAttributes=f(),w.insert=x().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var j=t(10968),A=t(72919),k=t.n(A),I=t(93667),C=t(82246);const P=(0,a.PA)((function SettingsScroller(e){var n,t;(0,o.A)(e);var a=(0,r.hV)(),l=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return l.current?(a.settingsState.setScrollerElement(l.current),a.uiState.setUpSettingsScrollEvent(l.current)):function(){}}),[l]);var p,g,x={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?x.height="100%":x.height="calc(100% - "+(null!==(p=null===(g=a.settingsState.settingsHeaderElement)||void 0===g?void 0:g.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var m=0;m<a.settingsState.itemPaletteArr.length;m++){var f=a.settingsState.itemPaletteArr[m][1],b=Number(f.id),h=f.pairWithOptionsToGroup;h&&f.visible&&(c[h]||(c[h]=[]),c[h].push(b)),f.isRenderedNotInSettingPalette||u.push([b,f])}return(0,C.jsxs)("div",{style:x,className:k()(y.Rq,a.uiState.configSettingsIsExpanded?y.sz:void 0,a.uiState.configSettingsIsMinExpanded?y.QC:void 0),id:"wcConfigurator-settings-scroller",ref:l,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,C.jsx)(s.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,C.jsxs)("div",{children:[u.map((function(e){var n=(0,i.A)(e,2),t=n[0],o=n[1];return(0,C.jsx)(j.default,{item:o,id:t,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},t)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,C.jsx)(I.default,{})]})]})}))},4209:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(13587),o=t(23170),r=(t(41594),t(5219)),a=t(32356),d=t(22256),s=t(970),l=t(25835),u=t.n(l),c=t(69120),p=t.n(c),g=t(91148),x=t.n(g),m=t(73035),f=t.n(m),b=t(24959),h=t.n(b),v=t(15004),S=t.n(v),y=t(32956),w={};w.styleTagTransform=S(),w.setAttributes=f(),w.insert=x().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var j=t(72919),A=t.n(j),k=t(82246),I=["className"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const C=(0,s.PA)((function Settings(e){var n,t,i=e.className,s=(0,o.A)(e,I),l=(0,r.hV)();return(0,k.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:A()(i,y.$e,"horizontal"==l.tabGroupState.curTabGroupType?y.Nk:void 0,l.uiState.configSettingsIsExpanded?y.sz:void 0),children:[l.uiState.doShowConfSettingsExpander&&!l.uiState.isInMobileView&&(0,k.jsx)("div",{className:y.GQ,onClick:l.uiState.onClickExpandConfigSettings}),!l.uiState.isInMobileView&&!l.settingsState.forceSettingsHeaderInScrollContainer&&(0,k.jsx)(a.default,{},null!==(n=null===(t=l.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,k.jsx)(d.default,{}),!l.uiState.isInMobileView&&l.uiState.doShowConfSettingsMaxMinExpander&&(0,k.jsxs)(k.Fragment,{children:[!l.uiState.configSettingsIsMaxExpanded&&(0,k.jsx)("div",{className:y.ys,onClick:l.uiState.onClickExpandMaxConfigSettings}),!l.uiState.configSettingsIsMinExpanded&&(0,k.jsx)("div",{className:y.k,onClick:l.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(e,n,t)=>{t.d(n,{Ay:()=>f,Bw:()=>x,Ig:()=>p,hn:()=>m,m7:()=>g});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),s=t.n(d),l=new URL(t(41943),t.b),u=a()(o()),c=s()(l);u.push([e.id,`.index-module--hLZKG {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--uzMQY {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--cx2sU {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var p="index-module--hLZKG",g="index-module--uzMQY",x="index-module--cx2sU",m="index-module--_9Crt";const f=u},30974:(e,n,t)=>{t.d(n,{$e:()=>c,Ao:()=>d,Ay:()=>p,H3:()=>l,KC:()=>u,vL:()=>s});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--FTSwf {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--FTSwf *,\n.index-module--FTSwf *::before,\n.index-module--FTSwf *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--Rvzx8 {\n  width: 75px;\n  position: relative;\n}\n.index-module--Echcm {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--Echcm.index-module--YAf4m {\n  display: none;\n}\n\n.index-module--IGLeE {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--IGLeE.index-module--YAf4m {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--FTSwf",s="index-module--Rvzx8",l="index-module--Echcm",u="index-module--YAf4m",c="index-module--IGLeE";const p=a},20697:(e,n,t)=>{t.d(n,{A:()=>g,U:()=>p});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),s=t.n(d),l=new URL(t(54027),t.b),u=a()(o()),c=s()(l);u.push([e.id,`.index-module--QnEdN {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url(${c});\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n`,""]);var p="index-module--QnEdN";const g=u},29443:(e,n,t)=>{t.d(n,{Ay:()=>u,kL:()=>d,kc:()=>s,q9:()=>l});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([e.id,".index-module--pDgck {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--U3M2N {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--qKp1_ {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--pDgck",s="index-module--U3M2N",l="index-module--qKp1_";const u=a},40810:(e,n,t)=>{t.d(n,{Ay:()=>u,QC:()=>l,Rq:()=>d,sz:()=>s});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([e.id,".index-module--RLEOe {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--gKH7d.index-module--RLEOe {\n  z-index: 600;\n}\n\n.index-module--mMgBF {\n  visibility: hidden;\n}\n",""]);var d="index-module--RLEOe",s="index-module--gKH7d",l="index-module--mMgBF";const u=a},32956:(e,n,t)=>{t.d(n,{$e:()=>x,Ay:()=>S,GQ:()=>f,Nk:()=>m,k:()=>h,sz:()=>b,ys:()=>v});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),s=t.n(d),l=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=a()(o()),p=s()(l),g=s()(u);c.push([e.id,`.index-module--E51P2 {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${p});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${g});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var x="index-module--E51P2",m="index-module--mgvLD",f="index-module--dLjl5",b="index-module--hpghF",h="index-module--hYAg_",v="index-module--rBWYr";const S=c},41943:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);

package/build/umd/9334.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 9334.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9334,5434,3053,196,9228,6953],{49228:(i,b,y)=>{"use strict";y.r(b),y.d(b,{default:()=>Z});y(41594);var v=y(72919),x=y.n(v),C=y(5219),O=y(14488),T=y(25835),N=y.n(T),S=y(69120),w=y.n(S),P=y(91148),j=y.n(P),k=y(73035),I=y.n(k),E=y(24959),D=y.n(E),_=y(15004),A=y.n(_),R=y(97639),W={};W.styleTagTransform=A(),W.setAttributes=I(),W.insert=j().bind(null,"head"),W.domAPI=w(),W.insertStyleElement=D();N()(R.Ay,W);R.Ay&&R.Ay.locals&&R.Ay.locals;var H=y(82246);const Z=function Header(i){var b=i.tabGroup,y=i.open,v=(0,C.hV)(),T=(0,O.useTranslation)().t;return(0,H.jsxs)("div",{className:x()(R.uy,v.tabGroupAlreadyVisited(b)?R.F8:void 0,y?R.P4:void 0),children:[(0,H.jsx)("div",{children:T("configurator."+b.title,b.title)}),(0,H.jsx)("div",{className:x()(R.UE)})]})}},86953:(i,b,y)=>{"use strict";y.r(b),y.d(b,{default:()=>B});var v=y(25835),x=y.n(v),C=y(69120),O=y.n(C),T=y(91148),N=y.n(T),S=y(73035),w=y.n(S),P=y(24959),j=y.n(P),k=y(15004),I=y.n(k),E=y(94210),D={};D.styleTagTransform=I(),D.setAttributes=w(),D.insert=N().bind(null,"head"),D.domAPI=O(),D.insertStyleElement=j();x()(E.Ay,D);E.Ay&&E.Ay.locals&&E.Ay.locals;var _=y(970),A=y(5219),R=(y(41594),y(72919)),W=y.n(R),H=y(14488),Z=y(82246);const B=(0,_.PA)((function OptionStepComponent(i){var b,y,v,x,C,O,T=i.step,N=T.option,S=T.configStep,w=(0,A.hV)(),P=(0,H.useTranslation)().t,j=null===(b=S.optionstate)||void 0===b?void 0:b.valName;if(null!==(y=S.optionstate)&&void 0!==y&&y.isDifferentOption)j="divers";else if(null!==(v=S.optionstate)&&void 0!==v&&v.freeTextLang){var k="",I=S.optionstate.freeTextLang;for(var D in I){var _;k+=D+": "+(null!==(_=I[D])&&void 0!==_?_:"")+";"}k&&(j=k)}else if(null!==(x=S.optionstate)&&void 0!==x&&x.freeText)j=S.optionstate.freeText+(w.getViewConfig().hideMeasureUnit?"":" "+S.optionstate.measureUnit);else if(null!==(C=S.optionstate)&&void 0!==C&&C.isMultiselect&&null!==(O=S.optionstate)&&void 0!==O&&null!==(O=O.multiSelects)&&void 0!==O&&O.length){var R,B;j=(null!==(R=null===(B=S.optionstate)||void 0===B?void 0:B.multiSelects)&&void 0!==R?R:[]).map((function(i){return i.name})).join(",")}return(0,Z.jsxs)("div",{className:W()(E.DZ,w.configuratorStructureHandler.curConfigStepKey===S.key?E.ss:void 0,w.configStepAlreadyVisited(S)?E.sw:void 0,S.isDisabledByDiverseParentOption?E.r9:void 0),title:S.isDisabledByDiverseParentOption?P("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){S.isDisabledByDiverseParentOption||w.navigateToConfigStep(S.key)},children:[(0,Z.jsx)("div",{className:E.Ee,title:S.isDisabledByDiverseParentOption?void 0:N.codex,children:N.title}),(0,Z.jsx)("div",{className:E.TN,title:S.isDisabledByDiverseParentOption?void 0:j,children:j})]})}))},9334:(i,b,y)=>{"use strict";y.r(b),y.d(b,{default:()=>P});var v=y(970),x=y(5219),C=y(41594),O=y(79092),T=y.n(O),N=y(86953),S=y(49228),w=y(82246);const P=(0,v.PA)((function VerticalTabGroupItemClassification(i){var b=i.tabGroup,y=(i.height,i.minHeight,(0,x.hV)()),v=(0,C.useRef)(null);(0,C.useEffect)((function(){y.tabGroupState.setTabGroupItems(b.key,v.current)}),[v]);var O=Object.values(b.options).map((function(i){return Object.values(i.configSteps).map((function(b){return{configStep:b,option:i}}))})).flat();return(0,w.jsx)("div",{ref:v,children:(0,w.jsx)(T(),{open:!0,easing:"ease",trigger:(0,w.jsx)(S.default,{tabGroup:b,open:!1}),triggerWhenOpen:(0,w.jsx)(S.default,{tabGroup:b,open:!0}),children:O.map((function(i){return(0,w.jsx)(N.default,{step:i},i.configStep.key)}))})})}))},97639:(i,b,y)=>{"use strict";y.d(b,{Ay:()=>D,F8:()=>I,P4:()=>k,UE:()=>E,uy:()=>j});var v=y(38634),x=y.n(v),C=y(92083),O=y.n(C),T=y(1946),N=y.n(T),S=new URL(y(33608),y.b),w=O()(x()),P=N()(S);w.push([i.id,`.index-module--EoHTi {\n  font-size: 12px;\n  padding: 12px 16px 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.index-module--PpAav.index-module--EoHTi {\n  border-bottom: none;\n}\n\n.index-module--P3PQ6 {\n  background-color: #142a37;\n}\n\n.index-module--W4h2N {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url(${P});\n  transition: transform 0.3s ease;\n}\n\n.index-module--PpAav .index-module--W4h2N {\n  transform: rotate(90deg);\n}\n`,""]);var j="index-module--EoHTi",k="index-module--PpAav",I="index-module--P3PQ6",E="index-module--W4h2N";const D=w},94210:(i,b,y)=>{"use strict";y.d(b,{Ay:()=>k,DZ:()=>T,Ee:()=>N,TN:()=>P,r9:()=>j,ss:()=>w,sw:()=>S});var v=y(38634),x=y.n(v),C=y(92083),O=y.n(C)()(x());O.push([i.id,".index-module--llTt3 {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--llTt3:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--TZjzZ {\n  font-weight: 600;\n}\n.index-module--C25BE {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--C25BE:hover {\n  background-color: #134054;\n}\n.index-module--ruD48 {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--WYsCU {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--hOiWc {\n  background-color: #9da7ad;\n}\n.index-module--llTt3.index-module--hOiWc:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var T="index-module--llTt3",N="index-module--TZjzZ",S="index-module--C25BE",w="index-module--ruD48",P="index-module--WYsCU",j="index-module--hOiWc";const k=O},1946:i=>{"use strict";i.exports=function(i,b){return b||(b={}),i?(i=String(i.__esModule?i.default:i),/^['"].*['"]$/.test(i)&&(i=i.slice(1,-1)),b.hash&&(i+=b.hash),/["'() \t\n]|(%20)/.test(i)||b.needQuotes?'"'.concat(i.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):i):i}},72919:(i,b)=>{var y;!function(){"use strict";var v={}.hasOwnProperty;function classNames(){for(var i=[],b=0;b<arguments.length;b++){var y=arguments[b];if(y){var x=typeof y;if("string"===x||"number"===x)i.push(y);else if(Array.isArray(y)){if(y.length){var C=classNames.apply(null,y);C&&i.push(C)}}else if("object"===x)if(y.toString===Object.prototype.toString)for(var O in y)v.call(y,O)&&y[O]&&i.push(O);else i.push(y.toString())}}return i.join(" ")}i.exports?(classNames.default=classNames,i.exports=classNames):void 0===(y=function(){return classNames}.apply(b,[]))||(i.exports=y)}()},79092:function(i,b,y){var v;i.exports=(v=y(41594),function(i){var b={};function n(y){if(b[y])return b[y].exports;var v=b[y]={i:y,l:!1,exports:{}};return i[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=i,n.c=b,n.d=function(i,b,y){n.o(i,b)||Object.defineProperty(i,b,{enumerable:!0,get:y})},n.r=function(i){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},n.t=function(i,b){if(1&b&&(i=n(i)),8&b)return i;if(4&b&&"object"==typeof i&&i&&i.__esModule)return i;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&b&&"string"!=typeof i)for(var v in i)n.d(y,v,function(b){return i[b]}.bind(null,v));return y},n.n=function(i){var b=i&&i.__esModule?function(){return i.default}:function(){return i};return n.d(b,"a",b),b},n.o=function(i,b){return Object.prototype.hasOwnProperty.call(i,b)},n.p="",n(n.s=4)}([function(i,b,y){i.exports=y(2)()},function(i,b){i.exports=v},function(i,b,y){"use strict";var v=y(3);function r(){}function o(){}o.resetWarningCache=r,i.exports=function(){function e(i,b,y,x,C,O){if(O!==v){var T=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw T.name="Invariant Violation",T}}function t(){return e}e.isRequired=e;var i={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return i.PropTypes=i,i}},function(i,b,y){"use strict";i.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(i,b,y){"use strict";y.r(b);var v=y(1),x=y.n(v),C=y(0),O=y.n(C),a=function(i){return 0!==i};function l(i){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(i){return typeof i}:function(i){return i&&"function"==typeof Symbol&&i.constructor===Symbol&&i!==Symbol.prototype?"symbol":typeof i})(i)}function c(){return(c=Object.assign||function(i){for(var b=1;b<arguments.length;b++){var y=arguments[b];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(i[v]=y[v])}return i}).apply(this,arguments)}function p(i,b){for(var y=0;y<b.length;y++){var v=b[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(i,v.key,v)}}function u(i,b){return(u=Object.setPrototypeOf||function(i,b){return i.__proto__=b,i})(i,b)}function g(i){var b=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(i){return!1}}();return function(){var y,v=d(i);if(b){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.apply(this,arguments);return h(this,y)}}function h(i,b){return!b||"object"!==l(b)&&"function"!=typeof b?f(i):b}function f(i){if(void 0===i)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return i}function d(i){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(i){return i.__proto__||Object.getPrototypeOf(i)})(i)}function m(i,b,y){return b in i?Object.defineProperty(i,b,{value:y,enumerable:!0,configurable:!0,writable:!0}):i[b]=y,i}var T=function(i){!function(i,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");i.prototype=Object.create(b&&b.prototype,{constructor:{value:i,writable:!0,configurable:!0}}),b&&u(i,b)}(s,i);var b,y,v,C=g(s);function s(i){var b;return function(i,b){if(!(i instanceof b))throw new TypeError("Cannot call a class as a function")}(this,s),m(f(b=C.call(this,i)),"continueOpenCollapsible",(function(){var i=f(b).innerRef;b.setState({height:i.scrollHeight,transition:"height ".concat(b.props.transitionTime,"ms ").concat(b.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(i.scrollHeight),shouldOpenOnNextCycle:!1})})),m(f(b),"handleTriggerClick",(function(i){b.props.triggerDisabled||b.state.inTransition||(i.preventDefault(),b.props.handleTriggerClick?b.props.handleTriggerClick(b.props.accordionPosition):!0===b.state.isClosed?(b.openCollapsible(),b.props.onOpening(),b.props.onTriggerOpening()):(b.closeCollapsible(),b.props.onClosing(),b.props.onTriggerClosing()))})),m(f(b),"handleTransitionEnd",(function(i){i.target===b.innerRef&&(b.state.isClosed?(b.setState({inTransition:!1}),b.props.onClose()):(b.setState({height:"auto",overflow:b.props.overflowWhenOpen,inTransition:!1}),b.props.onOpen()))})),m(f(b),"setInnerRef",(function(i){return b.innerRef=i})),b.timeout=void 0,b.contentId="collapsible-content-".concat(Date.now()),b.triggerId=i.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),i.open?b.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:i.overflowWhenOpen,inTransition:!1}:b.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(i.transitionTime,"ms ").concat(i.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},b}return b=s,(y=[{key:"componentDidUpdate",value:function(i,b){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==b.height&&0!==b.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),i.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var i=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:i.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(i.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){return this.props.triggerSibling&&"string"==typeof this.props.triggerSibling?x.a.createElement("span",{className:"".concat(this.props.classParentString,"__trigger-sibling")},this.props.triggerSibling):this.props.triggerSibling&&"function"==typeof this.props.triggerSibling?this.props.triggerSibling():this.props.triggerSibling?x.a.createElement(this.props.triggerSibling,null):null}},{key:"render",value:function(){var i=this,b={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,T=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,S=this.props,w=S.classParentString,P=S.contentOuterClassName,j=S.contentInnerClassName,k="".concat(w,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(w,"__contentOuter ").concat(P),D="".concat(w,"__contentInner ").concat(j);return x.a.createElement(O,c({className:I.trim()},this.props.containerElementProps),x.a.createElement(T,c({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(b){var y=b.key;(" "===y&&"button"!==i.props.triggerTagName.toLowerCase()||"Enter"===y)&&i.handleTriggerClick(b)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.trim(),style:b,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:D.trim()},N)))}}])&&p(b.prototype,y),v&&p(b,v),s}(v.Component);T.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},T.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},b.default=T}]))},33608:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9334,5434,3053,9228,6953,196],{49228:(i,b,y)=>{"use strict";y.r(b),y.d(b,{default:()=>Z});y(41594);var v=y(72919),x=y.n(v),C=y(5219),O=y(14488),T=y(25835),N=y.n(T),S=y(69120),w=y.n(S),P=y(91148),j=y.n(P),k=y(73035),I=y.n(k),E=y(24959),D=y.n(E),_=y(15004),A=y.n(_),R=y(97639),W={};W.styleTagTransform=A(),W.setAttributes=I(),W.insert=j().bind(null,"head"),W.domAPI=w(),W.insertStyleElement=D();N()(R.Ay,W);R.Ay&&R.Ay.locals&&R.Ay.locals;var H=y(82246);const Z=function Header(i){var b=i.tabGroup,y=i.open,v=(0,C.hV)(),T=(0,O.useTranslation)().t;return(0,H.jsxs)("div",{className:x()(R.uy,v.tabGroupAlreadyVisited(b)?R.F8:void 0,y?R.P4:void 0),children:[(0,H.jsx)("div",{children:T("configurator."+b.title,b.title)}),(0,H.jsx)("div",{className:x()(R.UE)})]})}},86953:(i,b,y)=>{"use strict";y.r(b),y.d(b,{default:()=>B});var v=y(25835),x=y.n(v),C=y(69120),O=y.n(C),T=y(91148),N=y.n(T),S=y(73035),w=y.n(S),P=y(24959),j=y.n(P),k=y(15004),I=y.n(k),E=y(94210),D={};D.styleTagTransform=I(),D.setAttributes=w(),D.insert=N().bind(null,"head"),D.domAPI=O(),D.insertStyleElement=j();x()(E.Ay,D);E.Ay&&E.Ay.locals&&E.Ay.locals;var _=y(970),A=y(5219),R=(y(41594),y(72919)),W=y.n(R),H=y(14488),Z=y(82246);const B=(0,_.PA)((function OptionStepComponent(i){var b,y,v,x,C,O,T=i.step,N=T.option,S=T.configStep,w=(0,A.hV)(),P=(0,H.useTranslation)().t,j=null===(b=S.optionstate)||void 0===b?void 0:b.valName;if(null!==(y=S.optionstate)&&void 0!==y&&y.isDifferentOption)j="divers";else if(null!==(v=S.optionstate)&&void 0!==v&&v.freeTextLang){var k="",I=S.optionstate.freeTextLang;for(var D in I){var _;k+=D+": "+(null!==(_=I[D])&&void 0!==_?_:"")+";"}k&&(j=k)}else if(null!==(x=S.optionstate)&&void 0!==x&&x.freeText)j=S.optionstate.freeText+(w.getViewConfig().hideMeasureUnit?"":" "+S.optionstate.measureUnit);else if(null!==(C=S.optionstate)&&void 0!==C&&C.isMultiselect&&null!==(O=S.optionstate)&&void 0!==O&&null!==(O=O.multiSelects)&&void 0!==O&&O.length){var R,B;j=(null!==(R=null===(B=S.optionstate)||void 0===B?void 0:B.multiSelects)&&void 0!==R?R:[]).map((function(i){return i.name})).join(",")}return(0,Z.jsxs)("div",{className:W()(E.DZ,w.configuratorStructureHandler.curConfigStepKey===S.key?E.ss:void 0,w.configStepAlreadyVisited(S)?E.sw:void 0,S.isDisabledByDiverseParentOption?E.r9:void 0),title:S.isDisabledByDiverseParentOption?P("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){S.isDisabledByDiverseParentOption||w.navigateToConfigStep(S.key)},children:[(0,Z.jsx)("div",{className:E.Ee,title:S.isDisabledByDiverseParentOption?void 0:N.codex,children:N.title}),(0,Z.jsx)("div",{className:E.TN,title:S.isDisabledByDiverseParentOption?void 0:j,children:j})]})}))},9334:(i,b,y)=>{"use strict";y.r(b),y.d(b,{default:()=>P});var v=y(970),x=y(5219),C=y(41594),O=y(79092),T=y.n(O),N=y(86953),S=y(49228),w=y(82246);const P=(0,v.PA)((function VerticalTabGroupItemClassification(i){var b=i.tabGroup,y=(i.height,i.minHeight,(0,x.hV)()),v=(0,C.useRef)(null);(0,C.useEffect)((function(){y.tabGroupState.setTabGroupItems(b.key,v.current)}),[v]);var O=Object.values(b.options).map((function(i){return Object.values(i.configSteps).map((function(b){return{configStep:b,option:i}}))})).flat();return(0,w.jsx)("div",{ref:v,children:(0,w.jsx)(T(),{open:!0,easing:"ease",trigger:(0,w.jsx)(S.default,{tabGroup:b,open:!1}),triggerWhenOpen:(0,w.jsx)(S.default,{tabGroup:b,open:!0}),children:O.map((function(i){return(0,w.jsx)(N.default,{step:i},i.configStep.key)}))})})}))},97639:(i,b,y)=>{"use strict";y.d(b,{Ay:()=>D,F8:()=>I,P4:()=>k,UE:()=>E,uy:()=>j});var v=y(38634),x=y.n(v),C=y(92083),O=y.n(C),T=y(1946),N=y.n(T),S=new URL(y(33608),y.b),w=O()(x()),P=N()(S);w.push([i.id,`.index-module--EoHTi {\n  font-size: 12px;\n  padding: 12px 16px 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.index-module--PpAav.index-module--EoHTi {\n  border-bottom: none;\n}\n\n.index-module--P3PQ6 {\n  background-color: #142a37;\n}\n\n.index-module--W4h2N {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url(${P});\n  transition: transform 0.3s ease;\n}\n\n.index-module--PpAav .index-module--W4h2N {\n  transform: rotate(90deg);\n}\n`,""]);var j="index-module--EoHTi",k="index-module--PpAav",I="index-module--P3PQ6",E="index-module--W4h2N";const D=w},94210:(i,b,y)=>{"use strict";y.d(b,{Ay:()=>k,DZ:()=>T,Ee:()=>N,TN:()=>P,r9:()=>j,ss:()=>w,sw:()=>S});var v=y(38634),x=y.n(v),C=y(92083),O=y.n(C)()(x());O.push([i.id,".index-module--llTt3 {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--llTt3:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--TZjzZ {\n  font-weight: 600;\n}\n.index-module--C25BE {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--C25BE:hover {\n  background-color: #134054;\n}\n.index-module--ruD48 {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--WYsCU {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--hOiWc {\n  background-color: #9da7ad;\n}\n.index-module--llTt3.index-module--hOiWc:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var T="index-module--llTt3",N="index-module--TZjzZ",S="index-module--C25BE",w="index-module--ruD48",P="index-module--WYsCU",j="index-module--hOiWc";const k=O},1946:i=>{"use strict";i.exports=function(i,b){return b||(b={}),i?(i=String(i.__esModule?i.default:i),/^['"].*['"]$/.test(i)&&(i=i.slice(1,-1)),b.hash&&(i+=b.hash),/["'() \t\n]|(%20)/.test(i)||b.needQuotes?'"'.concat(i.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):i):i}},72919:(i,b)=>{var y;!function(){"use strict";var v={}.hasOwnProperty;function classNames(){for(var i=[],b=0;b<arguments.length;b++){var y=arguments[b];if(y){var x=typeof y;if("string"===x||"number"===x)i.push(y);else if(Array.isArray(y)){if(y.length){var C=classNames.apply(null,y);C&&i.push(C)}}else if("object"===x)if(y.toString===Object.prototype.toString)for(var O in y)v.call(y,O)&&y[O]&&i.push(O);else i.push(y.toString())}}return i.join(" ")}i.exports?(classNames.default=classNames,i.exports=classNames):void 0===(y=function(){return classNames}.apply(b,[]))||(i.exports=y)}()},79092:function(i,b,y){var v;i.exports=(v=y(41594),function(i){var b={};function n(y){if(b[y])return b[y].exports;var v=b[y]={i:y,l:!1,exports:{}};return i[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=i,n.c=b,n.d=function(i,b,y){n.o(i,b)||Object.defineProperty(i,b,{enumerable:!0,get:y})},n.r=function(i){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},n.t=function(i,b){if(1&b&&(i=n(i)),8&b)return i;if(4&b&&"object"==typeof i&&i&&i.__esModule)return i;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&b&&"string"!=typeof i)for(var v in i)n.d(y,v,function(b){return i[b]}.bind(null,v));return y},n.n=function(i){var b=i&&i.__esModule?function(){return i.default}:function(){return i};return n.d(b,"a",b),b},n.o=function(i,b){return Object.prototype.hasOwnProperty.call(i,b)},n.p="",n(n.s=4)}([function(i,b,y){i.exports=y(2)()},function(i,b){i.exports=v},function(i,b,y){"use strict";var v=y(3);function r(){}function o(){}o.resetWarningCache=r,i.exports=function(){function e(i,b,y,x,C,O){if(O!==v){var T=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw T.name="Invariant Violation",T}}function t(){return e}e.isRequired=e;var i={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return i.PropTypes=i,i}},function(i,b,y){"use strict";i.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(i,b,y){"use strict";y.r(b);var v=y(1),x=y.n(v),C=y(0),O=y.n(C),a=function(i){return 0!==i};function l(i){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(i){return typeof i}:function(i){return i&&"function"==typeof Symbol&&i.constructor===Symbol&&i!==Symbol.prototype?"symbol":typeof i})(i)}function c(){return(c=Object.assign||function(i){for(var b=1;b<arguments.length;b++){var y=arguments[b];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(i[v]=y[v])}return i}).apply(this,arguments)}function p(i,b){for(var y=0;y<b.length;y++){var v=b[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(i,v.key,v)}}function u(i,b){return(u=Object.setPrototypeOf||function(i,b){return i.__proto__=b,i})(i,b)}function g(i){var b=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(i){return!1}}();return function(){var y,v=d(i);if(b){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.apply(this,arguments);return h(this,y)}}function h(i,b){return!b||"object"!==l(b)&&"function"!=typeof b?f(i):b}function f(i){if(void 0===i)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return i}function d(i){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(i){return i.__proto__||Object.getPrototypeOf(i)})(i)}function m(i,b,y){return b in i?Object.defineProperty(i,b,{value:y,enumerable:!0,configurable:!0,writable:!0}):i[b]=y,i}var T=function(i){!function(i,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");i.prototype=Object.create(b&&b.prototype,{constructor:{value:i,writable:!0,configurable:!0}}),b&&u(i,b)}(s,i);var b,y,v,C=g(s);function s(i){var b;return function(i,b){if(!(i instanceof b))throw new TypeError("Cannot call a class as a function")}(this,s),m(f(b=C.call(this,i)),"continueOpenCollapsible",(function(){var i=f(b).innerRef;b.setState({height:i.scrollHeight,transition:"height ".concat(b.props.transitionTime,"ms ").concat(b.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(i.scrollHeight),shouldOpenOnNextCycle:!1})})),m(f(b),"handleTriggerClick",(function(i){b.props.triggerDisabled||b.state.inTransition||(i.preventDefault(),b.props.handleTriggerClick?b.props.handleTriggerClick(b.props.accordionPosition):!0===b.state.isClosed?(b.openCollapsible(),b.props.onOpening(),b.props.onTriggerOpening()):(b.closeCollapsible(),b.props.onClosing(),b.props.onTriggerClosing()))})),m(f(b),"handleTransitionEnd",(function(i){i.target===b.innerRef&&(b.state.isClosed?(b.setState({inTransition:!1}),b.props.onClose()):(b.setState({height:"auto",overflow:b.props.overflowWhenOpen,inTransition:!1}),b.props.onOpen()))})),m(f(b),"setInnerRef",(function(i){return b.innerRef=i})),b.timeout=void 0,b.contentId="collapsible-content-".concat(Date.now()),b.triggerId=i.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),i.open?b.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:i.overflowWhenOpen,inTransition:!1}:b.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(i.transitionTime,"ms ").concat(i.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},b}return b=s,(y=[{key:"componentDidUpdate",value:function(i,b){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==b.height&&0!==b.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),i.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var i=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:i.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(i.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){return this.props.triggerSibling&&"string"==typeof this.props.triggerSibling?x.a.createElement("span",{className:"".concat(this.props.classParentString,"__trigger-sibling")},this.props.triggerSibling):this.props.triggerSibling&&"function"==typeof this.props.triggerSibling?this.props.triggerSibling():this.props.triggerSibling?x.a.createElement(this.props.triggerSibling,null):null}},{key:"render",value:function(){var i=this,b={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,T=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,S=this.props,w=S.classParentString,P=S.contentOuterClassName,j=S.contentInnerClassName,k="".concat(w,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(w,"__contentOuter ").concat(P),D="".concat(w,"__contentInner ").concat(j);return x.a.createElement(O,c({className:I.trim()},this.props.containerElementProps),x.a.createElement(T,c({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(b){var y=b.key;(" "===y&&"button"!==i.props.triggerTagName.toLowerCase()||"Enter"===y)&&i.handleTriggerClick(b)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.trim(),style:b,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:D.trim()},N)))}}])&&p(b.prototype,y),v&&p(b,v),s}(v.Component);T.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},T.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},b.default=T}]))},33608:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

package/build/umd/968.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 968.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[968,3744,6929],{6715:(t,i,r)=>{r.r(i),r.d(i,{default:()=>_});var o=r(13587),a=r(23170),l=r(970),d=r(5219),u=r(41594),c=r(14488),p=r(25835),m=r.n(p),x=r(69120),g=r.n(x),h=r(91148),v=r.n(h),y=r(73035),b=r.n(y),S=r(24959),j=r.n(S),A=r(15004),w=r.n(A),O=r(53869),P={};P.styleTagTransform=w(),P.setAttributes=b(),P.insert=v().bind(null,"head"),P.domAPI=g(),P.insertStyleElement=j();m()(O.Ay,P);O.Ay&&O.Ay.locals&&O.Ay.locals;var I=r(72919),T=r.n(I),N=r(82246),C=["isInScroller","item","doShowFilter"];function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.A)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const _=(0,l.PA)((function Seachbar(t){var i=t.isInScroller,r=t.item,o=t.doShowFilter,l=(0,a.A)(t,C),p=(0,d.hV)(),m=(0,c.useTranslation)().t,x=(0,u.useRef)(null);return(0,u.useEffect)((function(){var t=p.settingsState.itemPalettes.get(r.id);(null==t?void 0:t.configStepKey)===r.configStepKey&&p.settingsState.updateItemPalette(t.id,_objectSpread(_objectSpread({},t),{},{htmlInputElement:x.current}))}),[x]),(0,N.jsx)("form",{autoComplete:"off",onSubmit:function onSubmit(t){return t.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,N.jsx)("input",_objectSpread(_objectSpread({},l),{},{ref:x,className:T()(O.p1,o?void 0:O.MK,p.uiState.configSettingsIsExpanded?O.IS:void 0,p.uiState.configSettingsIsMaxExpanded?O.i$:void 0,i?O.Gx:void 0),autoComplete:"off",value:r.searchText,onKeyUp:function onKeyUp(t){return function filterFreeTextChanged(t,i){""!==t?p.settingsState.onAllGroups(i,!1):p.paletteViewHandler.isGroupFolded(r.id)&&p.settingsState.onAllGroups(i,!0),p.paletteViewHandler.onSearchTextChanged(t,i)}(t.target.value,r.id)},placeholder:m("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar"}))})}))},36764:(t,i,r)=>{r.r(i),r.d(i,{default:()=>I});var o=r(970),a=r(5219),l=r(25835),d=r.n(l),u=r(69120),c=r.n(u),p=r(91148),m=r.n(p),x=r(73035),g=r.n(x),h=r(24959),v=r.n(h),y=r(15004),b=r.n(y),S=r(16290),j={};j.styleTagTransform=b(),j.setAttributes=g(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=v();d()(S.Ay,j);S.Ay&&S.Ay.locals&&S.Ay.locals;r(41594);var A=r(72919),w=r.n(A),O=r(14488),P=r(82246);const I=(0,o.PA)((function ReplaceSwitch(t){var i=(0,a.hV)(),r=(0,O.useTranslation)().t;return(0,P.jsxs)("div",{className:w()(S.iE),children:[(0,P.jsx)("div",{onClick:function onClick(){return i.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:w()(S.x6,i.settingsState.plannerReplaceMode?void 0:S.VR),id:"configurator_plan_tab",children:r("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){i.settingsState.plannerReplaceModeActive&&i.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:w()(S.x6,i.settingsState.plannerReplaceMode?S.VR:void 0,i.settingsState.plannerReplaceModeActive?void 0:S.r9),id:"configurator_replace_tab",children:r("configurator.replace")})]})}))},53744:(t,i,r)=>{r.r(i),r.d(i,{default:()=>d});var o=r(13587),a=(r(41594),r(53370)),l=r(82246);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.A)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const d=function ItemVariant(t){return(0,l.jsx)(a.Ay,_objectSpread(_objectSpread({},t),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},28577:(t,i,r)=>{r.r(i),r.d(i,{default:()=>I});r(41594);var o=r(72919),a=r.n(o),l=r(25835),d=r.n(l),u=r(69120),c=r.n(u),p=r(91148),m=r.n(p),x=r(73035),g=r.n(x),h=r(24959),v=r.n(h),y=r(15004),b=r.n(y),S=r(57851),j={};j.styleTagTransform=b(),j.setAttributes=g(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=v();d()(S.Ay,j);S.Ay&&S.Ay.locals&&S.Ay.locals;var A=r(5219),w=r(970),O=r(13189),P=r(82246);const I=(0,w.PA)((function TextBox(t){var i,r,o=t.item,l=t.paletteId,d=(0,A.hV)(),u=o.groups[0].items,c=null!==(i=d.getViewConfig().languagesForInput)&&void 0!==i?i:[];return(0,P.jsxs)("div",{className:S.nM,ref:function ref(t){return o.htmlRef=t},children:[(0,P.jsx)("div",{className:a()(S.b0,S.DD,S.kb),children:(0,P.jsx)(O.default,{item:o,isInScroller:!0,isSettingsHeader:!1})}),(0,P.jsx)("div",{className:a()(S.b0,S.pG),children:c.length?(0,P.jsx)(P.Fragment,{children:c.map((function(t){var i;return(0,P.jsxs)("div",{className:S.KN,children:[(0,P.jsx)("div",{className:S.Lc,children:t}),(0,P.jsx)("input",{className:S.xA,onChange:function onChange(i){return function handleLangTextChange(t,i){d.paletteViewHandler.onFreeTextLangChanged(t,i,u[0],l)}(t,i.target.value)},type:"text",value:null!==(i=u[0])&&void 0!==i&&null!==(i=i.freeTextLang)&&void 0!==i&&i[t]?u[0].freeTextLang[t]:""})]},t)}))}):(0,P.jsx)("div",{children:(0,P.jsx)("input",{className:S.xA,onChange:function handleChange(t){u[0]&&(u[0].freeText=t.target.value,d.paletteViewHandler.clickedOnConfigPalette(u[0],"inputbox",l))},type:"text",value:null!==(r=u[0])&&void 0!==r&&r.freeText?u[0].freeText:""})})})]})}))},33528:(t,i,r)=>{r.r(i),r.d(i,{default:()=>C});var o=r(36520),a=r(14488),l=r(5219),d=r(41594),u=r(970),c=r(74835),p=r(25835),m=r.n(p),x=r(69120),g=r.n(x),h=r(91148),v=r.n(h),y=r(73035),b=r.n(y),S=r(24959),j=r.n(S),A=r(15004),w=r.n(A),O=r(67781),P={};P.styleTagTransform=w(),P.setAttributes=b(),P.insert=v().bind(null,"head"),P.domAPI=g(),P.insertStyleElement=j();m()(O.Ay,P);O.Ay&&O.Ay.locals&&O.Ay.locals;var I=r(13189),T=r(82246),N=function getSkeletons(t,i){var r=0;t>i&&(r=t-i);var o=[];if(r)for(var a=r-1;a>=0;a--)o.push(t-a);return o};const C=(0,u.PA)((function PromotedProducts(t){var i,r=t.item,u=(0,a.useDivaCore)(),p=u.actions.openComponent,m=u.handler.productHandler,x=u.state.organization,g=(0,d.useState)([]),h=(0,o.A)(g,2),v=h[0],y=h[1],b=(0,l.hV)(),S=b.getViewConfig().productsConfig,j=(0,d.useState)(0),A=(0,o.A)(j,2),w=A[0],P=A[1],C=(0,d.useCallback)((function(t){P(b.settingsState.configChanged),p({type:"DIVA_WEBPLANNER",parameters:{productId:t},internal:{forceReload:"1"}})}),[b]),_=w===b.settingsState.configChanged&&(null!==(i=b.configState.productId)&&void 0!==i?i:!b.configState.divaNr&&b.divaWebPlanner.getStartProductId());(0,d.useEffect)((function(){var t,i,r;m.apiLoadProductVariantsGrouped({limit:null!==(t=null==S?void 0:S.maxCount)&&void 0!==t?t:void 0,search:null!==(i=null==S?void 0:S.filter)&&void 0!==i?i:[{id:"available",op:"eq",value:!0},{id:"promotedForOrganizations",op:"eq",value:x._id}],sort:null!==(r=null==S?void 0:S.sort)&&void 0!==r?r:"{-created}"}).then((function(t){var i=t.data.findIndex((function(t){var i;return null===(i=t.items[0].startProductForOrganizations)||void 0===i?void 0:i.includes(x._id)}));if(-1!=i){var r=t.data[i];t.data.splice(i,1),t.data.unshift(r)}y(t.data)}))}),[b.uiState.isLoading]);var E=null!=S&&S.maxCount&&S.showSkeletions?N(S.maxCount,v.length):[];return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(I.default,{isInScroller:!1,isSettingsHeader:!0,item:r}),(0,T.jsxs)("div",{className:O.fr,children:[v.map((function(t,i){return(0,T.jsx)(c.s,{settings:{contentBoxProps:{type:"ProductGallery",products:t.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:C,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:t.items.find((function(t){return t._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},t._id)})),E.map((function(t){return(0,T.jsx)("div",{className:O.qV,children:(0,T.jsx)("div",{children:t})},t)}))]})]})}))},80408:(t,i,r)=>{r.r(i),r.d(i,{default:()=>g});r(41594);var o=r(72919),a=r.n(o),l=r(14429),d=r(5219),u=r(55374),c=r(14488),p=r(39898),m=r(82246),x=(0,c.getLogger)("Planner","ToggleName");const g=function ToggleName(t){var i,r,o=t.item,c=t.paletteId,g=(0,d.hV)(),h=o.groups[0].items;if(!h)return(0,m.jsx)(m.Fragment,{});for(var v=0;v<h.length;v++){var y,b;null!==(y=h[v].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=h[v]),null!==(b=h[v].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(i=h[v])}if(!(r&&i||(2==h.length&&(r=h[0],i=h[1]),r&&i)))return x.warn("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),o.isVisited=!0,(0,m.jsx)(m.Fragment,{});var S=0==r.sel;return(0,m.jsxs)("div",{className:l.nM,ref:function ref(t){return o.htmlRef=t},children:[(0,m.jsxs)("div",{className:a()(l.b0,l.DD,l.UU,S?void 0:l.VR),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(r,void 0,c)},children:[(0,m.jsx)("div",{dangerouslySetInnerHTML:{__html:r.text}}),r.contentItemId&&(0,m.jsx)(p.default,{item:r,style:{bottom:4}})]}),(0,m.jsx)("div",{className:a()(l.b0),children:(0,m.jsx)("div",{className:l.yw,children:(0,m.jsx)(u.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(r.sel?i:r,void 0,c)},val:o,alwaysActiveColor:!0,state:S})})}),(0,m.jsxs)("div",{className:a()(l.b0,l.DD,l.UU,S?l.VR:void 0),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(i,void 0,c)},children:[(0,m.jsx)("div",{dangerouslySetInnerHTML:{__html:i.text}}),i.contentItemId&&(0,m.jsx)(p.default,{item:i,style:{bottom:4}})]})]})}},97962:(t,i,r)=>{r.r(i),r.d(i,{default:()=>v});r(41594);var o=r(72919),a=r.n(o),l=r(14429),d=r(5219),u=r(55374),c=r(970),p=r(14488),m=r(23651),x=r(39898),g=r(82246),h=(0,p.getLogger)("Planner","ToggleOption");const v=(0,c.PA)((function ToggleOption(t){var i,r,o,c=t.item,p=t.paletteId,v=(0,d.hV)(),y=c.groups[0].items;if(!y)return(0,g.jsx)(g.Fragment,{});for(var b=0;b<y.length;b++){var S,j;null!==(S=y[b].codex)&&void 0!==S&&S.startsWith("OPVNEIN")&&(o=y[b]),null!==(j=y[b].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(r=y[b])}return o&&r||(2==y.length&&(o=y[0],r=y[1]),o&&r)?(0,g.jsxs)("div",{className:l.nM,ref:function ref(t){return c.htmlRef=t},children:[(0,g.jsx)("div",{className:a()(l.b0,l.DD),children:c.name}),(0,g.jsx)("div",{className:a()(l.b0),children:(0,g.jsx)("div",{className:l.yw,children:(0,g.jsx)(u.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(o.sel?r:o,void 0,p)},val:c,state:0==o.sel,off:o.text,on:r.text})})}),(null===(i=c.selectedElements)||void 0===i?void 0:i[0].contentItemId)&&(0,g.jsx)(x.default,{item:c.selectedElements[0],style:{bottom:"calc(50% - 10px)",right:"5%"}})]}):(h.error(new m.p$("Achtung! Bei der Option: "+y[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),c.isVisited=!0,(0,g.jsx)(g.Fragment,{}))}))},96088:(t,i,r)=>{r.r(i),r.d(i,{default:()=>N});r(41594);var o=r(25835),a=r.n(o),l=r(69120),d=r.n(l),u=r(91148),c=r.n(u),p=r(73035),m=r.n(p),x=r(24959),g=r.n(x),h=r(15004),v=r.n(h),y=r(40488),b={};b.styleTagTransform=v(),b.setAttributes=m(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();a()(y.A,b);y.A&&y.A.locals&&y.A.locals;var S=r(72919),j=r.n(S),A=r(9786),w=r(13189),O=r(36764),P=r(970),I=r(5219),T=r(82246);const N=(0,P.PA)((function ItemWrapper(t){var i=t.item,r=t.gridItemSize,o=t.gridGap,a=t.children,l=(0,I.hV)();return(0,T.jsxs)("div",{style:{"--gridSize":r,"--gridGap":o},className:j()(y.q,{wcFilterVisible:i.filterVisible}),ref:function ref(t){return i.htmlRef=t},id:i.configStepKey,children:[(0,T.jsx)(A.default,{stepInfo:i.info}),i.isHeader||i.hideHeader?(0,T.jsx)(T.Fragment,{}):(0,T.jsx)(w.default,{isInScroller:!0,isOpen:!0,isSettingsHeader:!1,item:i}),"ART"==i.type&&l.settingsState.doShowReplaceMode&&(!l.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==i.id)&&(0,T.jsx)(O.default,{}),a]})}))},6929:(t,i,r)=>{r.r(i),r.d(i,{default:()=>d});var o=r(13587),a=(r(41594),r(53370)),l=r(82246);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.A)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const d=function SettingsPaletteGroup(t){return(0,l.jsx)(a.Ay,_objectSpread(_objectSpread({},t),{},{componentName:"Settings/SettingsScroller/SettingsItem/PaletteGroup"}))}},51975:(t,i,r)=>{r.r(i),r.d(i,{default:()=>_});var o=r(36520),a=r(72919),l=r.n(a),d=r(970),u=r(41594),c=r(6561),p=r(29770),m=r(25835),x=r.n(m),g=r(69120),h=r.n(g),v=r(91148),y=r.n(v),b=r(73035),S=r.n(b),j=r(24959),A=r.n(j),w=r(15004),O=r.n(w),P=r(45661),I={};I.styleTagTransform=O(),I.setAttributes=S(),I.insert=y().bind(null,"head"),I.domAPI=h(),I.insertStyleElement=A();x()(P.Ay,I);P.Ay&&P.Ay.locals&&P.Ay.locals;var T=r(6715),N=r(11773),C=r(82246);function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,u=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return d=t.done,t},e:function e(t){u=!0,l=t},f:function f(){try{d||null==r.return||r.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}const _=(0,d.PA)((function GroupDropdown(t){var i,r,a,d=t.filteredGroups,m=t.PaletteComponent,x=t.id,g=t.item,h=t.showSearchBar,v=t.contentInnerClassName,y=(0,u.useState)(null),b=(0,o.A)(y,2),S=b[0],j=b[1],A=[],w=-1,O=-1,I=-1,_=!1,E="---";if(d[0]&&null!==(i=d[0])&&void 0!==i&&null!==(i=i.items)&&void 0!==i&&i[0]){var D;(null===(D=d[0])||void 0===D||null===(D=D.items)||void 0===D?void 0:D[0]).parentName&&(_=!0);for(var R=function _loop(){if(a||(a=d[L].items.find((function(t){return t.sel})),a&&(w=L)),_){var t=d[L].items[0].parentName,i=A.find((function(i){return i.name==t}));i||(i={type:"group",name:t,items:[]},A.push(i)),i.items.push({label:d[L].name,value:d[L].name}),w==L&&(O=i.items.length-1,w=A.findIndex((function(i){return i.name==t})))}else A.push(d[L].name)},L=0;L<d.length;L++)R();if(I=w,S&&(I=d.findIndex((function(t){return t.name==S}))),g.currentItemsFilter)E="---";else if(S)E=S;else if("string"==typeof A[w])E=A[w],I=w;else if(w>=0){var k;E=null===(k=A[w])||void 0===k||null===(k=k.items)||void 0===k?void 0:k[O];for(var V=O,G=0;G<A.length&&G<w;G++)V+=A[G].items.length;I=V}}var M,H=[],z=_createForOfIteratorHelper(d);try{for(z.s();!(M=z.n()).done;){var K,B=_createForOfIteratorHelper(M.value.items);try{for(B.s();!(K=B.n()).done;){var U=K.value;H.push(U)}}catch(t){B.e(t)}finally{B.f()}}}catch(t){z.e(t)}finally{z.f()}return(0,C.jsxs)(C.Fragment,{children:[h&&(0,C.jsx)(T.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:g}),(0,C.jsxs)("div",{className:P.kL,children:[(0,C.jsxs)("div",{className:P.nM,children:[(0,C.jsx)("div",{className:P.b0,children:(0,C.jsx)(p.default,{id:x,dropdownRootClass:P.A5})}),(0,C.jsx)("div",{className:P.b0,children:(0,C.jsx)(c.A,{className:l()(P.A5),controlClassName:P.Vu,options:A,value:E,onChange:function onGroupSel(t){var i;null===(i=g.deleteCurFilter)||void 0===i||i.call(g),j(t.value)},menuClassName:P.pL,arrowClosed:(0,C.jsx)(N.default,{open:!1}),arrowOpen:(0,C.jsx)(N.default,{open:!0})})})]}),(0,C.jsx)("div",{className:v,children:g.currentItemsFilter?H.map((function(t,i){return(0,C.jsx)(m,{paletteId:x,item:t},i)})):null===(r=d[I])||void 0===r?void 0:r.items.map((function(t,i){return(0,C.jsx)(m,{paletteId:x,item:t},i)}))})]})]})}))},10968:(t,i,r)=>{r.r(i),r.d(i,{default:()=>T});var o=r(13587),a=r(36520),l=r(41594),d=r.n(l),u=r(970),c=r(56260),p=r(28577),m=r(53744),x=r(6929),g=r(84327),h=r(97962),v=r(5219),y=r(51975),b=r(33528),S=r(80408),j=r(44444),A=r(25982),w=r(96088),O=r(82246);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.A)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var P=d().lazy((function(){return Promise.all([r.e(7692),r.e(9762)]).then(r.bind(r,89762))})),I=d().lazy((function(){return Promise.all([r.e(9124),r.e(8295)]).then(r.bind(r,676))}));const T=(0,u.PA)((function SettingsPaletteItem(t){var i,r,o,d,u,T=t.item,N=t.groupSize,C=(0,v.hV)(),_=A.default[T.type];if(void 0===_)throw new Error("component type: '"+T.type+"' not implemented");var E=(0,l.useState)([]),D=(0,a.A)(E,2),R=D[0],L=D[1],k=(0,l.useState)([]),V=(0,a.A)(k,2),G=V[0],M=V[1];(0,l.useEffect)((function(){var t=T.groups.map((function(t){return _objectSpread(_objectSpread({},t),{},{items:T.currentItemsFilter?t.items.filter((0,c.Ay)(T.currentItemsFilter)):t.items})})),i=t.filter((function(t){return t.items.length>0}));i.length>0&&(t=i),L(i),M(t)}),[T,C.settingsState.itemPalettes]);var H=1===R.length&&"none"===R[0].name,z=T.type.startsWith("SUMMARY")?"":g.FO,K=null!==(i=C.uiState.ViewConfig.settingsSizes)&&void 0!==i?i:{},B=null!==(r=null==K?void 0:K.gapDefault)&&void 0!==r?r:"10px",U=null!==(o=null==K?void 0:K.sizeDefault)&&void 0!==o?o:"300px";if(T.isRenderedNotInSettingPalette&&!T.isRenderedInAccessorieStep)U="240px";else if("SUMMARY_ARTICLES"==T.type||"SUMMARY_OPTIONTREE"===T.type||"SUMMARY_PARTLIST"==T.type||"VARIANTS"==T.type)U="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==T.type||"GAL_BIG"===T.type)U="100px";else if("ACC"==T.type)K.sizeAccessoires&&(U=K.sizeAccessoires);else if("ACC_CONFIG"==T.type)U="100%";else if(T.type.startsWith("GAL_SMALL"))U="60px";else if("RANGE"==T.type)U="100%";else if("GAL"==T.type){var W,Q;U=null!==(W=null==K?void 0:K.sizeGallery)&&void 0!==W?W:"80px",B=null!==(Q=null==K?void 0:K.gapGallery)&&void 0!==Q?Q:"10px"}else"PLANNERSWITCH"===T.type?U="170px":"SMALL"===T.type&&C.getIsInMobileView()&&"jungle"==(null===(d=C.uiState.templateConfigKeys)||void 0===d?void 0:d.ItemDefault)||"SHELFPLANNER"===T.type&&C.productState.shelfPlannerRTV?U="120px":"VERY_SMALL"===T.type?U="48%":"GAL_TEXT"===T.type?U="100px":"GAL_BIG_TEXT"===T.type?U="120px":"GAL_SMALL_TEXT"===T.type&&(U="70px");if(!T.visible)return(0,O.jsx)(O.Fragment,{});switch(T.type){case"TOGGLE":return(0,O.jsx)(h.default,{item:T,paletteId:T.id});case"TOGGLE_NAME":return(0,O.jsx)(S.default,{item:T,paletteId:T.id});case"TEXTBOX":return(0,O.jsx)(p.default,{item:T,paletteId:T.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,O.jsx)(m.default,{item:T,paletteId:T.id});case"NUMBER":return(0,O.jsx)(_,{paletteId:T.id,item:null===(u=T.groups[0])||void 0===u||null===(u=u.items)||void 0===u?void 0:u[0],groupSize:N},T.id+T.configStepKey);case"SHELFPLANNER":return(0,O.jsx)(l.Suspense,{fallback:(0,O.jsx)(O.Fragment,{}),children:(0,O.jsx)(P,{item:T,id:T.id,style:{"--gridSize":U,"--gridGap":B}},T.id)});case"PRODUCTS":return(0,O.jsx)(j.default,{item:T});case"PROMOTED":return(0,O.jsx)(b.default,{item:T});case"DOOR_PLANNER":return(0,O.jsx)(l.Suspense,{fallback:(0,O.jsx)(O.Fragment,{}),children:(0,O.jsx)(I,{item:T})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var Z=(0,O.jsx)(y.default,{item:T,PaletteComponent:_,filteredGroups:G,id:T.id,showSearchBar:"GAL_GROUP_DROPDOWN"==T.type,contentInnerClassName:z},T.configStepKey);return(0,O.jsx)(w.default,{gridGap:B,gridItemSize:U,item:T,children:Z});default:var q;return q=H?(0,O.jsx)("div",{className:z,children:R.map((function(t){return t.items.map((function(t,i){return(0,O.jsx)(_,{paletteType:T.type,paletteId:T.id,item:t},i)}))}))}):(0,O.jsx)(x.default,{groups:R,contentInnerClassName:z,itemPalette:T,PaletteComponent:_}),(0,O.jsx)(w.default,{gridGap:B,gridItemSize:U,item:T,children:q})}}))},53869:(t,i,r)=>{r.d(i,{Ay:()=>g,Gx:()=>c,IS:()=>p,MK:()=>x,i$:()=>m,p1:()=>u});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,"/*SearchFilter*/\n\n.index-module--AETQT {\n  width: 96px;\n  margin-right: 12px;\n  font-size: 14.4px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n\n  transition: width 0.2s ease;\n  max-width: 240px;\n}\n\n.index-module--BGdSr.index-module--zvyfD,\n.index-module--BGdSr.index-module--LTuOV {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--zvyfD,\n.index-module--LTuOV {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--AETQT:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\n  .index-module--zvyfD,\n  .index-module--LTuOV {\n    display: block;\n  }\n}\n\n.index-module--BGdSr.index-module--AETQT.index-module--LnUgP {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n",""]);var u="index-module--AETQT",c="index-module--BGdSr",p="index-module--zvyfD",m="index-module--LTuOV",x="index-module--LnUgP";const g=d},16290:(t,i,r)=>{r.d(i,{Ay:()=>x,VR:()=>p,iE:()=>u,r9:()=>m,x6:()=>c});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--ImGLZ {\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--hcSpH {\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--hcSpH:hover,\n.index-module--ErB2E {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--hcSpH::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--hcSpH.index-module--ErB2E::after {\n  height: 2px;\n}\n\n.index-module--hcSpH:hover::after,\n.index-module--ErB2E::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--ljdsy.index-module--hcSpH:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--ljdsy.index-module--hcSpH::after {\n  background-color: lightgray;\n}\n\n.index-module--ljdsy.index-module--hcSpH {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var u="index-module--ImGLZ",c="index-module--hcSpH",p="index-module--ErB2E",m="index-module--ljdsy";const x=d},57851:(t,i,r)=>{r.d(i,{Ay:()=>y,DD:()=>p,KN:()=>h,Lc:()=>v,b0:()=>g,kb:()=>m,nM:()=>c,pG:()=>x,xA:()=>u});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--rZmmF {\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--rZmmF: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--rZmmF: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--2ftSA {\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--_6ypd {\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--NCuzT {\n  display: flex;\n}\n.index-module--oZQCP {\n  width: 40%;\n}\n.index-module--fVuKL {\n  width: 60%;\n}\n\n.index-module--cqs4W {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--LgJq8 {\n  display: flex;\n}\n.index-module--HSDKr {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var u="index-module--2ftSA",c="index-module--_6ypd",p="index-module--NCuzT",m="index-module--oZQCP",x="index-module--fVuKL",g="index-module--cqs4W",h="index-module--LgJq8",v="index-module--HSDKr";const y=d},67781:(t,i,r)=>{r.d(i,{Ay:()=>p,fr:()=>u,qV:()=>c});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--yehox {\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--N0eMO {\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 u="index-module--yehox",c="index-module--N0eMO";const p=d},10051:(t,i,r)=>{r.d(i,{Ay:()=>h,DD:()=>p,UU:()=>x,VR:()=>g,b0:()=>c,nM:()=>u,yw:()=>m});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--BB5ne {\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.index-module--E60mh {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--QuYv5 {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  cursor: pointer;\n}\n\n.index-module--ig4vi {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n}\n\n.index-module--BE_HN {\n  text-align: center;\n}\n\n.index-module--GKTEo {\n  font-weight: 300;\n}\n",""]);var u="index-module--BB5ne",c="index-module--E60mh",p="index-module--QuYv5",m="index-module--ig4vi",x="index-module--BE_HN",g="index-module--GKTEo";const h=d},40488:(t,i,r)=>{r.d(i,{A:()=>c,q:()=>u});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--jKZQS {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var u="index-module--jKZQS";const c=d},45661:(t,i,r)=>{r.d(i,{A5:()=>c,Ay:()=>h,Vu:()=>p,b0:()=>g,kL:()=>u,nM:()=>x,pL:()=>m});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--pwv_o {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--pwv_o .index-module--rZuKk {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--pwv_o .index-module--sX5ur {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--pwv_o .index-module--jct_y {\n  max-height: 400px !important;\n}\n\n.index-module--TMPsT {\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  display: inline-block;\n}\n.index-module--S0S7T {\n  width: calc(50% - 6px);\n  margin: 3px;\n  float: left;\n}\n",""]);var u="index-module--pwv_o",c="index-module--rZuKk",p="index-module--sX5ur",m="index-module--jct_y",x="index-module--TMPsT",g="index-module--S0S7T";const h=d},83493:(t,i,r)=>{r.d(i,{Ay:()=>c,FO:()=>u});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--uWIiN {\n  overflow: visible !important;\n}\n\n.index-module--uWIiN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--_I4og {\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 u="index-module--_I4og";const c=d},14429:(t,i,r)=>{r.d(i,{DD:()=>y.DD,UU:()=>y.UU,VR:()=>y.VR,b0:()=>y.b0,nM:()=>y.nM,yw:()=>y.yw});var o=r(25835),a=r.n(o),l=r(69120),d=r.n(l),u=r(91148),c=r.n(u),p=r(73035),m=r.n(p),x=r(24959),g=r.n(x),h=r(15004),v=r.n(h),y=r(10051),b={};b.styleTagTransform=v(),b.setAttributes=m(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();a()(y.Ay,b),y.Ay&&y.Ay.locals&&y.Ay.locals},84327:(t,i,r)=>{r.d(i,{FO:()=>y.FO});var o=r(25835),a=r.n(o),l=r(69120),d=r.n(l),u=r(91148),c=r.n(u),p=r(73035),m=r.n(p),x=r(24959),g=r.n(x),h=r(15004),v=r.n(h),y=r(83493),b={};b.styleTagTransform=v(),b.setAttributes=m(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();a()(y.Ay,b),y.Ay&&y.Ay.locals&&y.Ay.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[968,3744,6929],{6715:(t,i,r)=>{r.r(i),r.d(i,{default:()=>_});var o=r(13587),a=r(23170),l=r(970),d=r(5219),u=r(41594),c=r(14488),p=r(25835),m=r.n(p),x=r(69120),g=r.n(x),h=r(91148),v=r.n(h),y=r(73035),b=r.n(y),S=r(24959),j=r.n(S),A=r(15004),w=r.n(A),O=r(53869),P={};P.styleTagTransform=w(),P.setAttributes=b(),P.insert=v().bind(null,"head"),P.domAPI=g(),P.insertStyleElement=j();m()(O.Ay,P);O.Ay&&O.Ay.locals&&O.Ay.locals;var I=r(72919),T=r.n(I),N=r(82246),C=["isInScroller","item","doShowFilter"];function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.A)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const _=(0,l.PA)((function Seachbar(t){var i=t.isInScroller,r=t.item,o=t.doShowFilter,l=(0,a.A)(t,C),p=(0,d.hV)(),m=(0,c.useTranslation)().t,x=(0,u.useRef)(null);return(0,u.useEffect)((function(){var t=p.settingsState.itemPalettes.get(r.id);(null==t?void 0:t.configStepKey)===r.configStepKey&&p.settingsState.updateItemPalette(t.id,_objectSpread(_objectSpread({},t),{},{htmlInputElement:x.current}))}),[x]),(0,N.jsx)("form",{autoComplete:"off",onSubmit:function onSubmit(t){return t.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,N.jsx)("input",_objectSpread(_objectSpread({},l),{},{ref:x,className:T()(O.p1,o?void 0:O.MK,p.uiState.configSettingsIsExpanded?O.IS:void 0,p.uiState.configSettingsIsMaxExpanded?O.i$:void 0,i?O.Gx:void 0),autoComplete:"off",value:r.searchText,onKeyUp:function onKeyUp(t){return function filterFreeTextChanged(t,i){""!==t?p.settingsState.onAllGroups(i,!1):p.paletteViewHandler.isGroupFolded(r.id)&&p.settingsState.onAllGroups(i,!0),p.paletteViewHandler.onSearchTextChanged(t,i)}(t.target.value,r.id)},placeholder:m("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar"}))})}))},36764:(t,i,r)=>{r.r(i),r.d(i,{default:()=>I});var o=r(970),a=r(5219),l=r(25835),d=r.n(l),u=r(69120),c=r.n(u),p=r(91148),m=r.n(p),x=r(73035),g=r.n(x),h=r(24959),v=r.n(h),y=r(15004),b=r.n(y),S=r(16290),j={};j.styleTagTransform=b(),j.setAttributes=g(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=v();d()(S.Ay,j);S.Ay&&S.Ay.locals&&S.Ay.locals;r(41594);var A=r(72919),w=r.n(A),O=r(14488),P=r(82246);const I=(0,o.PA)((function ReplaceSwitch(t){var i=(0,a.hV)(),r=(0,O.useTranslation)().t;return(0,P.jsxs)("div",{className:w()(S.iE),children:[(0,P.jsx)("div",{onClick:function onClick(){return i.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:w()(S.x6,i.settingsState.plannerReplaceMode?void 0:S.VR),id:"configurator_plan_tab",children:r("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){i.settingsState.plannerReplaceModeActive&&i.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:w()(S.x6,i.settingsState.plannerReplaceMode?S.VR:void 0,i.settingsState.plannerReplaceModeActive?void 0:S.r9),id:"configurator_replace_tab",children:r("configurator.replace")})]})}))},53744:(t,i,r)=>{r.r(i),r.d(i,{default:()=>d});var o=r(13587),a=(r(41594),r(53370)),l=r(82246);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.A)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const d=function ItemVariant(t){return(0,l.jsx)(a.Ay,_objectSpread(_objectSpread({},t),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},28577:(t,i,r)=>{r.r(i),r.d(i,{default:()=>I});r(41594);var o=r(72919),a=r.n(o),l=r(25835),d=r.n(l),u=r(69120),c=r.n(u),p=r(91148),m=r.n(p),x=r(73035),g=r.n(x),h=r(24959),v=r.n(h),y=r(15004),b=r.n(y),S=r(57851),j={};j.styleTagTransform=b(),j.setAttributes=g(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=v();d()(S.Ay,j);S.Ay&&S.Ay.locals&&S.Ay.locals;var A=r(5219),w=r(970),O=r(13189),P=r(82246);const I=(0,w.PA)((function TextBox(t){var i,r,o=t.item,l=t.paletteId,d=(0,A.hV)(),u=o.groups[0].items,c=null!==(i=d.getViewConfig().languagesForInput)&&void 0!==i?i:[];return(0,P.jsxs)("div",{className:S.nM,ref:function ref(t){return o.htmlRef=t},children:[(0,P.jsx)("div",{className:a()(S.b0,S.DD,S.kb),children:(0,P.jsx)(O.default,{item:o,isInScroller:!0,isSettingsHeader:!1})}),(0,P.jsx)("div",{className:a()(S.b0,S.pG),children:c.length?(0,P.jsx)(P.Fragment,{children:c.map((function(t){var i;return(0,P.jsxs)("div",{className:S.KN,children:[(0,P.jsx)("div",{className:S.Lc,children:t}),(0,P.jsx)("input",{className:S.xA,onChange:function onChange(i){return function handleLangTextChange(t,i){d.paletteViewHandler.onFreeTextLangChanged(t,i,u[0],l)}(t,i.target.value)},type:"text",value:null!==(i=u[0])&&void 0!==i&&null!==(i=i.freeTextLang)&&void 0!==i&&i[t]?u[0].freeTextLang[t]:""})]},t)}))}):(0,P.jsx)("div",{children:(0,P.jsx)("input",{className:S.xA,onChange:function handleChange(t){u[0]&&(u[0].freeText=t.target.value,d.paletteViewHandler.clickedOnConfigPalette(u[0],"inputbox",l))},type:"text",value:null!==(r=u[0])&&void 0!==r&&r.freeText?u[0].freeText:""})})})]})}))},33528:(t,i,r)=>{r.r(i),r.d(i,{default:()=>C});var o=r(36520),a=r(14488),l=r(5219),d=r(41594),u=r(970),c=r(74835),p=r(25835),m=r.n(p),x=r(69120),g=r.n(x),h=r(91148),v=r.n(h),y=r(73035),b=r.n(y),S=r(24959),j=r.n(S),A=r(15004),w=r.n(A),O=r(67781),P={};P.styleTagTransform=w(),P.setAttributes=b(),P.insert=v().bind(null,"head"),P.domAPI=g(),P.insertStyleElement=j();m()(O.Ay,P);O.Ay&&O.Ay.locals&&O.Ay.locals;var I=r(13189),T=r(82246),N=function getSkeletons(t,i){var r=0;t>i&&(r=t-i);var o=[];if(r)for(var a=r-1;a>=0;a--)o.push(t-a);return o};const C=(0,u.PA)((function PromotedProducts(t){var i,r=t.item,u=(0,a.useDivaCore)(),p=u.actions.openComponent,m=u.handler.productHandler,x=u.state.organization,g=(0,d.useState)([]),h=(0,o.A)(g,2),v=h[0],y=h[1],b=(0,l.hV)(),S=b.getViewConfig().productsConfig,j=(0,d.useState)(0),A=(0,o.A)(j,2),w=A[0],P=A[1],C=(0,d.useCallback)((function(t){P(b.settingsState.configChanged),p({type:"DIVA_WEBPLANNER",parameters:{productId:t},internal:{forceReload:"1"}})}),[b]),_=w===b.settingsState.configChanged&&(null!==(i=b.configState.productId)&&void 0!==i?i:!b.configState.divaNr&&b.divaWebPlanner.getStartProductId());(0,d.useEffect)((function(){var t,i,r;m.apiLoadProductVariantsGrouped({limit:null!==(t=null==S?void 0:S.maxCount)&&void 0!==t?t:void 0,search:null!==(i=null==S?void 0:S.filter)&&void 0!==i?i:[{id:"availableForOrganizations",op:"eq",value:x._id},{id:"promotedForOrganizations",op:"eq",value:x._id}],sort:null!==(r=null==S?void 0:S.sort)&&void 0!==r?r:"{-created}"}).then((function(t){var i=t.data.findIndex((function(t){var i;return null===(i=t.items[0].startProductForOrganizations)||void 0===i?void 0:i.includes(x._id)}));if(-1!=i){var r=t.data[i];t.data.splice(i,1),t.data.unshift(r)}y(t.data)}))}),[b.uiState.isLoading]);var E=null!=S&&S.maxCount&&S.showSkeletions?N(S.maxCount,v.length):[];return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(I.default,{isInScroller:!1,isSettingsHeader:!0,item:r}),(0,T.jsxs)("div",{className:O.fr,children:[v.map((function(t,i){return(0,T.jsx)(c.s,{settings:{contentBoxProps:{type:"ProductGallery",products:t.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:C,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:t.items.find((function(t){return t._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},t._id)})),E.map((function(t){return(0,T.jsx)("div",{className:O.qV,children:(0,T.jsx)("div",{children:t})},t)}))]})]})}))},80408:(t,i,r)=>{r.r(i),r.d(i,{default:()=>g});r(41594);var o=r(72919),a=r.n(o),l=r(14429),d=r(5219),u=r(55374),c=r(14488),p=r(39898),m=r(82246),x=(0,c.getLogger)("Planner","ToggleName");const g=function ToggleName(t){var i,r,o=t.item,c=t.paletteId,g=(0,d.hV)(),h=o.groups[0].items;if(!h)return(0,m.jsx)(m.Fragment,{});for(var v=0;v<h.length;v++){var y,b;null!==(y=h[v].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=h[v]),null!==(b=h[v].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(i=h[v])}if(!(r&&i||(2==h.length&&(r=h[0],i=h[1]),r&&i)))return x.warn("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),o.isVisited=!0,(0,m.jsx)(m.Fragment,{});var S=0==r.sel;return(0,m.jsxs)("div",{className:l.nM,ref:function ref(t){return o.htmlRef=t},children:[(0,m.jsxs)("div",{className:a()(l.b0,l.DD,l.UU,S?void 0:l.VR),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(r,void 0,c)},children:[(0,m.jsx)("div",{dangerouslySetInnerHTML:{__html:r.text}}),r.contentItemId&&(0,m.jsx)(p.default,{item:r,style:{bottom:4}})]}),(0,m.jsx)("div",{className:a()(l.b0),children:(0,m.jsx)("div",{className:l.yw,children:(0,m.jsx)(u.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(r.sel?i:r,void 0,c)},val:o,alwaysActiveColor:!0,state:S})})}),(0,m.jsxs)("div",{className:a()(l.b0,l.DD,l.UU,S?l.VR:void 0),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(i,void 0,c)},children:[(0,m.jsx)("div",{dangerouslySetInnerHTML:{__html:i.text}}),i.contentItemId&&(0,m.jsx)(p.default,{item:i,style:{bottom:4}})]})]})}},97962:(t,i,r)=>{r.r(i),r.d(i,{default:()=>v});r(41594);var o=r(72919),a=r.n(o),l=r(14429),d=r(5219),u=r(55374),c=r(970),p=r(14488),m=r(23651),x=r(39898),g=r(82246),h=(0,p.getLogger)("Planner","ToggleOption");const v=(0,c.PA)((function ToggleOption(t){var i,r,o,c=t.item,p=t.paletteId,v=(0,d.hV)(),y=c.groups[0].items;if(!y)return(0,g.jsx)(g.Fragment,{});for(var b=0;b<y.length;b++){var S,j;null!==(S=y[b].codex)&&void 0!==S&&S.startsWith("OPVNEIN")&&(o=y[b]),null!==(j=y[b].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(r=y[b])}return o&&r||(2==y.length&&(o=y[0],r=y[1]),o&&r)?(0,g.jsxs)("div",{className:l.nM,ref:function ref(t){return c.htmlRef=t},children:[(0,g.jsx)("div",{className:a()(l.b0,l.DD),children:c.name}),(0,g.jsx)("div",{className:a()(l.b0),children:(0,g.jsx)("div",{className:l.yw,children:(0,g.jsx)(u.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(o.sel?r:o,void 0,p)},val:c,state:0==o.sel,off:o.text,on:r.text})})}),(null===(i=c.selectedElements)||void 0===i?void 0:i[0].contentItemId)&&(0,g.jsx)(x.default,{item:c.selectedElements[0],style:{bottom:"calc(50% - 10px)",right:"5%"}})]}):(h.error(new m.p$("Achtung! Bei der Option: "+y[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),c.isVisited=!0,(0,g.jsx)(g.Fragment,{}))}))},96088:(t,i,r)=>{r.r(i),r.d(i,{default:()=>N});r(41594);var o=r(25835),a=r.n(o),l=r(69120),d=r.n(l),u=r(91148),c=r.n(u),p=r(73035),m=r.n(p),x=r(24959),g=r.n(x),h=r(15004),v=r.n(h),y=r(40488),b={};b.styleTagTransform=v(),b.setAttributes=m(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();a()(y.A,b);y.A&&y.A.locals&&y.A.locals;var S=r(72919),j=r.n(S),A=r(9786),w=r(13189),O=r(36764),P=r(970),I=r(5219),T=r(82246);const N=(0,P.PA)((function ItemWrapper(t){var i=t.item,r=t.gridItemSize,o=t.gridGap,a=t.children,l=(0,I.hV)();return(0,T.jsxs)("div",{style:{"--gridSize":r,"--gridGap":o},className:j()(y.q,{wcFilterVisible:i.filterVisible}),ref:function ref(t){return i.htmlRef=t},id:i.configStepKey,children:[(0,T.jsx)(A.default,{stepInfo:i.info}),i.isHeader||i.hideHeader?(0,T.jsx)(T.Fragment,{}):(0,T.jsx)(w.default,{isInScroller:!0,isOpen:!0,isSettingsHeader:!1,item:i}),"ART"==i.type&&l.settingsState.doShowReplaceMode&&(!l.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==i.id)&&(0,T.jsx)(O.default,{}),a]})}))},6929:(t,i,r)=>{r.r(i),r.d(i,{default:()=>d});var o=r(13587),a=(r(41594),r(53370)),l=r(82246);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.A)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const d=function SettingsPaletteGroup(t){return(0,l.jsx)(a.Ay,_objectSpread(_objectSpread({},t),{},{componentName:"Settings/SettingsScroller/SettingsItem/PaletteGroup"}))}},51975:(t,i,r)=>{r.r(i),r.d(i,{default:()=>_});var o=r(36520),a=r(72919),l=r.n(a),d=r(970),u=r(41594),c=r(6561),p=r(29770),m=r(25835),x=r.n(m),g=r(69120),h=r.n(g),v=r(91148),y=r.n(v),b=r(73035),S=r.n(b),j=r(24959),A=r.n(j),w=r(15004),O=r.n(w),P=r(45661),I={};I.styleTagTransform=O(),I.setAttributes=S(),I.insert=y().bind(null,"head"),I.domAPI=h(),I.insertStyleElement=A();x()(P.Ay,I);P.Ay&&P.Ay.locals&&P.Ay.locals;var T=r(6715),N=r(11773),C=r(82246);function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,u=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return d=t.done,t},e:function e(t){u=!0,l=t},f:function f(){try{d||null==r.return||r.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}const _=(0,d.PA)((function GroupDropdown(t){var i,r,a,d=t.filteredGroups,m=t.PaletteComponent,x=t.id,g=t.item,h=t.showSearchBar,v=t.contentInnerClassName,y=(0,u.useState)(null),b=(0,o.A)(y,2),S=b[0],j=b[1],A=[],w=-1,O=-1,I=-1,_=!1,E="---";if(d[0]&&null!==(i=d[0])&&void 0!==i&&null!==(i=i.items)&&void 0!==i&&i[0]){var D;(null===(D=d[0])||void 0===D||null===(D=D.items)||void 0===D?void 0:D[0]).parentName&&(_=!0);for(var R=function _loop(){if(a||(a=d[L].items.find((function(t){return t.sel})),a&&(w=L)),_){var t=d[L].items[0].parentName,i=A.find((function(i){return i.name==t}));i||(i={type:"group",name:t,items:[]},A.push(i)),i.items.push({label:d[L].name,value:d[L].name}),w==L&&(O=i.items.length-1,w=A.findIndex((function(i){return i.name==t})))}else A.push(d[L].name)},L=0;L<d.length;L++)R();if(I=w,S&&(I=d.findIndex((function(t){return t.name==S}))),g.currentItemsFilter)E="---";else if(S)E=S;else if("string"==typeof A[w])E=A[w],I=w;else if(w>=0){var k;E=null===(k=A[w])||void 0===k||null===(k=k.items)||void 0===k?void 0:k[O];for(var V=O,G=0;G<A.length&&G<w;G++)V+=A[G].items.length;I=V}}var M,H=[],z=_createForOfIteratorHelper(d);try{for(z.s();!(M=z.n()).done;){var K,B=_createForOfIteratorHelper(M.value.items);try{for(B.s();!(K=B.n()).done;){var U=K.value;H.push(U)}}catch(t){B.e(t)}finally{B.f()}}}catch(t){z.e(t)}finally{z.f()}return(0,C.jsxs)(C.Fragment,{children:[h&&(0,C.jsx)(T.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:g}),(0,C.jsxs)("div",{className:P.kL,children:[(0,C.jsxs)("div",{className:P.nM,children:[(0,C.jsx)("div",{className:P.b0,children:(0,C.jsx)(p.default,{id:x,dropdownRootClass:P.A5})}),(0,C.jsx)("div",{className:P.b0,children:(0,C.jsx)(c.A,{className:l()(P.A5),controlClassName:P.Vu,options:A,value:E,onChange:function onGroupSel(t){var i;null===(i=g.deleteCurFilter)||void 0===i||i.call(g),j(t.value)},menuClassName:P.pL,arrowClosed:(0,C.jsx)(N.default,{open:!1}),arrowOpen:(0,C.jsx)(N.default,{open:!0})})})]}),(0,C.jsx)("div",{className:v,children:g.currentItemsFilter?H.map((function(t,i){return(0,C.jsx)(m,{paletteId:x,item:t},i)})):null===(r=d[I])||void 0===r?void 0:r.items.map((function(t,i){return(0,C.jsx)(m,{paletteId:x,item:t},i)}))})]})]})}))},10968:(t,i,r)=>{r.r(i),r.d(i,{default:()=>T});var o=r(13587),a=r(36520),l=r(41594),d=r.n(l),u=r(970),c=r(56260),p=r(28577),m=r(53744),x=r(6929),g=r(84327),h=r(97962),v=r(5219),y=r(51975),b=r(33528),S=r(80408),j=r(44444),A=r(25982),w=r(96088),O=r(82246);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.A)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var P=d().lazy((function(){return Promise.all([r.e(7692),r.e(9762)]).then(r.bind(r,89762))})),I=d().lazy((function(){return Promise.all([r.e(9124),r.e(8295)]).then(r.bind(r,676))}));const T=(0,u.PA)((function SettingsPaletteItem(t){var i,r,o,d,u,T=t.item,N=t.groupSize,C=(0,v.hV)(),_=A.default[T.type];if(void 0===_)throw new Error("component type: '"+T.type+"' not implemented");var E=(0,l.useState)([]),D=(0,a.A)(E,2),R=D[0],L=D[1],k=(0,l.useState)([]),V=(0,a.A)(k,2),G=V[0],M=V[1];(0,l.useEffect)((function(){var t=T.groups.map((function(t){return _objectSpread(_objectSpread({},t),{},{items:T.currentItemsFilter?t.items.filter((0,c.Ay)(T.currentItemsFilter)):t.items})})),i=t.filter((function(t){return t.items.length>0}));i.length>0&&(t=i),L(i),M(t)}),[T,C.settingsState.itemPalettes]);var H=1===R.length&&"none"===R[0].name,z=T.type.startsWith("SUMMARY")?"":g.FO,K=null!==(i=C.uiState.ViewConfig.settingsSizes)&&void 0!==i?i:{},B=null!==(r=null==K?void 0:K.gapDefault)&&void 0!==r?r:"10px",U=null!==(o=null==K?void 0:K.sizeDefault)&&void 0!==o?o:"300px";if(T.isRenderedNotInSettingPalette&&!T.isRenderedInAccessorieStep)U="240px";else if("SUMMARY_ARTICLES"==T.type||"SUMMARY_OPTIONTREE"===T.type||"SUMMARY_PARTLIST"==T.type||"VARIANTS"==T.type)U="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==T.type||"GAL_BIG"===T.type)U="100px";else if("ACC"==T.type)K.sizeAccessoires&&(U=K.sizeAccessoires);else if("ACC_CONFIG"==T.type)U="100%";else if(T.type.startsWith("GAL_SMALL"))U="60px";else if("RANGE"==T.type)U="100%";else if("GAL"==T.type){var W,Q;U=null!==(W=null==K?void 0:K.sizeGallery)&&void 0!==W?W:"80px",B=null!==(Q=null==K?void 0:K.gapGallery)&&void 0!==Q?Q:"10px"}else"PLANNERSWITCH"===T.type?U="170px":"SMALL"===T.type&&C.getIsInMobileView()&&"jungle"==(null===(d=C.uiState.templateConfigKeys)||void 0===d?void 0:d.ItemDefault)||"SHELFPLANNER"===T.type&&C.productState.shelfPlannerRTV?U="120px":"VERY_SMALL"===T.type?U="48%":"GAL_TEXT"===T.type?U="100px":"GAL_BIG_TEXT"===T.type?U="120px":"GAL_SMALL_TEXT"===T.type&&(U="70px");if(!T.visible)return(0,O.jsx)(O.Fragment,{});switch(T.type){case"TOGGLE":return(0,O.jsx)(h.default,{item:T,paletteId:T.id});case"TOGGLE_NAME":return(0,O.jsx)(S.default,{item:T,paletteId:T.id});case"TEXTBOX":return(0,O.jsx)(p.default,{item:T,paletteId:T.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,O.jsx)(m.default,{item:T,paletteId:T.id});case"NUMBER":return(0,O.jsx)(_,{paletteId:T.id,item:null===(u=T.groups[0])||void 0===u||null===(u=u.items)||void 0===u?void 0:u[0],groupSize:N},T.id+T.configStepKey);case"SHELFPLANNER":return(0,O.jsx)(l.Suspense,{fallback:(0,O.jsx)(O.Fragment,{}),children:(0,O.jsx)(P,{item:T,id:T.id,style:{"--gridSize":U,"--gridGap":B}},T.id)});case"PRODUCTS":return(0,O.jsx)(j.default,{item:T});case"PROMOTED":return(0,O.jsx)(b.default,{item:T});case"DOOR_PLANNER":return(0,O.jsx)(l.Suspense,{fallback:(0,O.jsx)(O.Fragment,{}),children:(0,O.jsx)(I,{item:T})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var Z=(0,O.jsx)(y.default,{item:T,PaletteComponent:_,filteredGroups:G,id:T.id,showSearchBar:"GAL_GROUP_DROPDOWN"==T.type,contentInnerClassName:z},T.configStepKey);return(0,O.jsx)(w.default,{gridGap:B,gridItemSize:U,item:T,children:Z});default:var q;return q=H?(0,O.jsx)("div",{className:z,children:R.map((function(t){return t.items.map((function(t,i){return(0,O.jsx)(_,{paletteType:T.type,paletteId:T.id,item:t},i)}))}))}):(0,O.jsx)(x.default,{groups:R,contentInnerClassName:z,itemPalette:T,PaletteComponent:_}),(0,O.jsx)(w.default,{gridGap:B,gridItemSize:U,item:T,children:q})}}))},53869:(t,i,r)=>{r.d(i,{Ay:()=>g,Gx:()=>c,IS:()=>p,MK:()=>x,i$:()=>m,p1:()=>u});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,"/*SearchFilter*/\n\n.index-module--AETQT {\n  width: 96px;\n  margin-right: 12px;\n  font-size: 14.4px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n\n  transition: width 0.2s ease;\n  max-width: 240px;\n}\n\n.index-module--BGdSr.index-module--zvyfD,\n.index-module--BGdSr.index-module--LTuOV {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--zvyfD,\n.index-module--LTuOV {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--AETQT:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\n  .index-module--zvyfD,\n  .index-module--LTuOV {\n    display: block;\n  }\n}\n\n.index-module--BGdSr.index-module--AETQT.index-module--LnUgP {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n",""]);var u="index-module--AETQT",c="index-module--BGdSr",p="index-module--zvyfD",m="index-module--LTuOV",x="index-module--LnUgP";const g=d},16290:(t,i,r)=>{r.d(i,{Ay:()=>x,VR:()=>p,iE:()=>u,r9:()=>m,x6:()=>c});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--ImGLZ {\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--hcSpH {\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--hcSpH:hover,\n.index-module--ErB2E {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--hcSpH::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--hcSpH.index-module--ErB2E::after {\n  height: 2px;\n}\n\n.index-module--hcSpH:hover::after,\n.index-module--ErB2E::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--ljdsy.index-module--hcSpH:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--ljdsy.index-module--hcSpH::after {\n  background-color: lightgray;\n}\n\n.index-module--ljdsy.index-module--hcSpH {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var u="index-module--ImGLZ",c="index-module--hcSpH",p="index-module--ErB2E",m="index-module--ljdsy";const x=d},57851:(t,i,r)=>{r.d(i,{Ay:()=>y,DD:()=>p,KN:()=>h,Lc:()=>v,b0:()=>g,kb:()=>m,nM:()=>c,pG:()=>x,xA:()=>u});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--rZmmF {\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--rZmmF: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--rZmmF: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--2ftSA {\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--_6ypd {\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--NCuzT {\n  display: flex;\n}\n.index-module--oZQCP {\n  width: 40%;\n}\n.index-module--fVuKL {\n  width: 60%;\n}\n\n.index-module--cqs4W {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--LgJq8 {\n  display: flex;\n}\n.index-module--HSDKr {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var u="index-module--2ftSA",c="index-module--_6ypd",p="index-module--NCuzT",m="index-module--oZQCP",x="index-module--fVuKL",g="index-module--cqs4W",h="index-module--LgJq8",v="index-module--HSDKr";const y=d},67781:(t,i,r)=>{r.d(i,{Ay:()=>p,fr:()=>u,qV:()=>c});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--yehox {\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--N0eMO {\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 u="index-module--yehox",c="index-module--N0eMO";const p=d},10051:(t,i,r)=>{r.d(i,{Ay:()=>h,DD:()=>p,UU:()=>x,VR:()=>g,b0:()=>c,nM:()=>u,yw:()=>m});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--BB5ne {\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.index-module--E60mh {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--QuYv5 {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  cursor: pointer;\n}\n\n.index-module--ig4vi {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n}\n\n.index-module--BE_HN {\n  text-align: center;\n}\n\n.index-module--GKTEo {\n  font-weight: 300;\n}\n",""]);var u="index-module--BB5ne",c="index-module--E60mh",p="index-module--QuYv5",m="index-module--ig4vi",x="index-module--BE_HN",g="index-module--GKTEo";const h=d},40488:(t,i,r)=>{r.d(i,{A:()=>c,q:()=>u});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--jKZQS {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var u="index-module--jKZQS";const c=d},45661:(t,i,r)=>{r.d(i,{A5:()=>c,Ay:()=>h,Vu:()=>p,b0:()=>g,kL:()=>u,nM:()=>x,pL:()=>m});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--pwv_o {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--pwv_o .index-module--rZuKk {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--pwv_o .index-module--sX5ur {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--pwv_o .index-module--jct_y {\n  max-height: 400px !important;\n}\n\n.index-module--TMPsT {\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  display: inline-block;\n}\n.index-module--S0S7T {\n  width: calc(50% - 6px);\n  margin: 3px;\n  float: left;\n}\n",""]);var u="index-module--pwv_o",c="index-module--rZuKk",p="index-module--sX5ur",m="index-module--jct_y",x="index-module--TMPsT",g="index-module--S0S7T";const h=d},83493:(t,i,r)=>{r.d(i,{Ay:()=>c,FO:()=>u});var o=r(38634),a=r.n(o),l=r(92083),d=r.n(l)()(a());d.push([t.id,".index-module--uWIiN {\n  overflow: visible !important;\n}\n\n.index-module--uWIiN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--_I4og {\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 u="index-module--_I4og";const c=d},14429:(t,i,r)=>{r.d(i,{DD:()=>y.DD,UU:()=>y.UU,VR:()=>y.VR,b0:()=>y.b0,nM:()=>y.nM,yw:()=>y.yw});var o=r(25835),a=r.n(o),l=r(69120),d=r.n(l),u=r(91148),c=r.n(u),p=r(73035),m=r.n(p),x=r(24959),g=r.n(x),h=r(15004),v=r.n(h),y=r(10051),b={};b.styleTagTransform=v(),b.setAttributes=m(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();a()(y.Ay,b),y.Ay&&y.Ay.locals&&y.Ay.locals},84327:(t,i,r)=>{r.d(i,{FO:()=>y.FO});var o=r(25835),a=r.n(o),l=r(69120),d=r.n(l),u=r(91148),c=r.n(u),p=r(73035),m=r.n(p),x=r(24959),g=r.n(x),h=r(15004),v=r.n(h),y=r(83493),b={};b.styleTagTransform=v(),b.setAttributes=m(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();a()(y.Ay,b),y.Ay&&y.Ay.locals&&y.Ay.locals}}]);