@crystaldesign/diva-web-planner-react 24.12.0-beta.1 → 24.12.0-beta.10

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7566.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7566,3667,2256,4209],{54751:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(84451),o=t(32134),r=t(64281),a=t.n(r),d=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),x=t(69120),g=t.n(x),p=t(91148),m=t.n(p),f=t(73035),b=t.n(f),h=t(24959),v=t.n(h),S=t(15004),y=t.n(S),w=t(54605),k={};k.styleTagTransform=y(),k.setAttributes=b(),k.insert=m().bind(null,"head"),k.domAPI=g(),k.insertStyleElement=v();c()(w.Ay,k);w.Ay&&w.Ay.locals&&w.Ay.locals;var A=t(82246);const C=(0,s.PA)((function Inputbox(n){(0,o.A)(n);var e=(0,d.hV)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,A.jsx)(A.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,i.A)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,A.jsx)("div",{children:(0,A.jsxs)("div",{className:w.m7,children:[(0,A.jsx)("span",{onClick:function onClick(){return e.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(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ig,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,A.jsx)("button",{className:w.hn,onClick:s})]})]})})}))},47566:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(5219),o=t(41594),r=t(25835),a=t.n(r),d=t(69120),l=t.n(d),s=t(91148),u=t.n(s),c=t(73035),x=t.n(c),g=t(24959),p=t.n(g),m=t(15004),f=t.n(m),b=t(60956),h={};h.styleTagTransform=f(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(b.Ay,h);b.Ay&&b.Ay.locals&&b.Ay.locals;var v=t(4209),S=t(77422),y=t(970),w=t(54751),k=t(82246),A={"--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#f4f4f4","--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 C=(0,y.PA)((function Classification(n){var e=(0,i.hV)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(A)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:b.Ao,children:[(0,k.jsx)(S.default,{className:b.vL,tabSearchClass:b.gd}),(0,k.jsx)(v.default,{className:b.$e}),e.settingsState.inputBoxVisible&&(0,k.jsx)(w.default,{})]})})}))},93667:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(970),o=(t(41594),t(14488)),r=t(25835),a=t.n(r),d=t(69120),l=t.n(d),s=t(91148),u=t.n(s),c=t(73035),x=t.n(c),g=t(24959),p=t.n(g),m=t(15004),f=t.n(m),b=t(29443),h={};h.styleTagTransform=f(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();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(n){var e=(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:e("configurator.TotalPrice","TotalPrice")}),(0,S.jsx)("div",{className:b.q9,children:t.productState.formatedTotalPrice})]})})}))},22256:(n,e,t)=>{t.r(e),t.d(e,{default:()=>M});var i=t(36520),o=t(32134),r=t(5219),a=t(970),d=t(41594),l=t(32356),s=t(25835),u=t.n(s),c=t(69120),x=t.n(c),g=t(91148),p=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=p().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var k=t(10968),A=t(72919),C=t.n(A),I=t(93667),j=t(82246);const M=(0,a.PA)((function SettingsScroller(n){var e,t;(0,o.A)(n);var a=(0,r.hV)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var x,g,p={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?p.height="100%":p.height="calc(100% - "+(null!==(x=null===(g=a.settingsState.settingsHeaderElement)||void 0===g?void 0:g.getBoundingClientRect().height)&&void 0!==x?x: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,j.jsxs)("div",{style:p,className:C()(y.Rq,a.uiState.configSettingsIsExpanded?y.sz:void 0,a.uiState.configSettingsIsMinExpanded?y.QC:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,j.jsx)(l.default,{isScroller:!0},null!==(e=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,j.jsxs)("div",{children:[u.map((function(n){var e=(0,i.A)(n,2),t=e[0],o=e[1];return(0,j.jsx)(k.default,{item:o,id:t,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},t)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,j.jsx)(I.default,{})]})]})}))},4209:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(13587),o=t(23170),r=(t(41594),t(5219)),a=t(32356),d=t(22256),l=t(970),s=t(25835),u=t.n(s),c=t(69120),x=t.n(c),g=t(91148),p=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=p().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var k=t(72919),A=t.n(k),C=t(82246),I=["className"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const j=(0,l.PA)((function Settings(n){var e,t,i=n.className,l=(0,o.A)(n,I),s=(0,r.hV)();return(0,C.jsxs)("div",_objectSpread(_objectSpread({},l),{},{className:A()(i,y.$e,"horizontal"==s.tabGroupState.curTabGroupType?y.Nk:void 0,s.uiState.configSettingsIsExpanded?y.sz:void 0),children:[s.uiState.doShowConfSettingsExpander&&!s.uiState.isInMobileView&&(0,C.jsx)("div",{className:y.GQ,onClick:s.uiState.onClickExpandConfigSettings}),!s.uiState.isInMobileView&&!s.settingsState.forceSettingsHeaderInScrollContainer&&(0,C.jsx)(a.default,{},null!==(e=null===(t=s.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,C.jsx)(d.default,{}),!s.uiState.isInMobileView&&s.uiState.doShowConfSettingsMaxMinExpander&&(0,C.jsxs)(C.Fragment,{children:[!s.uiState.configSettingsIsMaxExpanded&&(0,C.jsx)("div",{className:y.ys,onClick:s.uiState.onClickExpandMaxConfigSettings}),!s.uiState.configSettingsIsMinExpanded&&(0,C.jsx)("div",{className:y.k,onClick:s.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(n,e,t)=>{t.d(e,{Ay:()=>f,Bw:()=>p,Ig:()=>x,hn:()=>m,m7:()=>g});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=a()(o()),c=l()(s);u.push([n.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 x="index-module--hLZKG",g="index-module--uzMQY",p="index-module--cx2sU",m="index-module--_9Crt";const f=u},60956:(n,e,t)=>{t.d(e,{$e:()=>s,Ao:()=>d,Ay:()=>c,gd:()=>u,vL:()=>l});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--T0Zkq {\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--T0Zkq *,\n.index-module--T0Zkq *::before,\n.index-module--T0Zkq *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--LVnYR {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--H4VIb {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--iDPAC {\n  background-color: #0d3040;\n  padding: 12px 16px;\n\n  position: relative;\n}\n\n.index-module--iDPAC input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--iDPAC input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n",""]);var d="index-module--T0Zkq",l="index-module--LVnYR",s="index-module--H4VIb",u="index-module--iDPAC";const c=a},29443:(n,e,t)=>{t.d(e,{Ay:()=>u,kL:()=>d,kc:()=>l,q9:()=>s});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.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",l="index-module--U3M2N",s="index-module--qKp1_";const u=a},40810:(n,e,t)=>{t.d(e,{Ay:()=>u,QC:()=>s,Rq:()=>d,sz:()=>l});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.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",l="index-module--gKH7d",s="index-module--mMgBF";const u=a},32956:(n,e,t)=>{t.d(e,{$e:()=>p,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),l=t.n(d),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=a()(o()),x=l()(s),g=l()(u);c.push([n.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(${x});\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 p="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:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7566,3667,2256,4209],{54751:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(84451),o=t(32134),r=t(64281),a=t.n(r),d=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),g=t(69120),x=t.n(g),p=t(91148),m=t.n(p),b=t(73035),f=t.n(b),h=t(24959),v=t.n(h),S=t(15004),y=t.n(S),w=t(54605),A={};A.styleTagTransform=y(),A.setAttributes=f(),A.insert=m().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=v();c()(w.Ay,A);w.Ay&&w.Ay.locals&&w.Ay.locals;var k=t(82246);const I=(0,s.PA)((function Inputbox(n){(0,o.A)(n);var e=(0,d.hV)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,k.jsx)(k.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,i.A)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,k.jsx)("div",{children:(0,k.jsxs)("div",{className:w.m7,children:[(0,k.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Bw,children:"✖"}),(0,k.jsxs)("div",{style:{width:"100%"},children:[(0,k.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,k.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ig,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,k.jsx)("button",{className:w.hn,onClick:s})]})]})})}))},47566:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(5219),o=t(41594),r=t(25835),a=t.n(r),d=t(69120),l=t.n(d),s=t(91148),u=t.n(s),c=t(73035),g=t.n(c),x=t(24959),p=t.n(x),m=t(15004),b=t.n(m),f=t(60956),h={};h.styleTagTransform=b(),h.setAttributes=g(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(f.Ay,h);f.Ay&&f.Ay.locals&&f.Ay.locals;var v=t(4209),S=t(77422),y=t(970),w=t(54751),A=t(82246),k={"--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#f4f4f4","--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 I=(0,y.PA)((function Classification(n){var e=(0,i.hV)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(k)}),[]),(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:f.Ao,children:[(0,A.jsx)(S.default,{className:f.vL,tabSearchClass:f.gd}),(0,A.jsx)(v.default,{className:f.$e}),e.settingsState.inputBoxVisible&&(0,A.jsx)(w.default,{})]})})}))},93667:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(970),o=(t(41594),t(14488)),r=t(25835),a=t.n(r),d=t(69120),l=t.n(d),s=t(91148),u=t.n(s),c=t(73035),g=t.n(c),x=t(24959),p=t.n(x),m=t(15004),b=t.n(m),f=t(29443),h={};h.styleTagTransform=b(),h.setAttributes=g(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(f.Ay,h);f.Ay&&f.Ay.locals&&f.Ay.locals;var v=t(5219),S=t(82246);const y=(0,i.PA)((function SummaryTotalPrice(n){var e=(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:f.kL,children:[(0,S.jsx)("div",{className:f.kc,children:e("configurator.TotalPrice","TotalPrice")}),(0,S.jsx)("div",{className:f.q9,children:t.productState.formatedTotalPrice})]})})}))},22256:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(36520),o=t(32134),r=t(5219),a=t(970),d=t(41594),l=t(32356),s=t(25835),u=t.n(s),c=t(69120),g=t.n(c),x=t(91148),p=t.n(x),m=t(73035),b=t.n(m),f=t(24959),h=t.n(f),v=t(15004),S=t.n(v),y=t(40810),w={};w.styleTagTransform=S(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var A=t(10968),k=t(72919),I=t.n(k),C=t(93667),M=t(82246);const j=(0,a.PA)((function SettingsScroller(n){var e,t;(0,o.A)(n);var a=(0,r.hV)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var g,x,p={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?p.height="100%":p.height="calc(100% - "+(null!==(g=null===(x=a.settingsState.settingsHeaderElement)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==g?g:0)+"px)";for(var m=0;m<a.settingsState.itemPaletteArr.length;m++){var b=a.settingsState.itemPaletteArr[m][1],f=Number(b.id),h=b.pairWithOptionsToGroup;h&&b.visible&&(c[h]||(c[h]=[]),c[h].push(f)),b.isRenderedNotInSettingPalette||u.push([f,b])}return(0,M.jsxs)("div",{style:p,className:I()(y.Rq,a.uiState.configSettingsIsExpanded?y.sz:void 0,a.uiState.configSettingsIsMinExpanded?y.QC:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,M.jsx)(l.default,{isScroller:!0},null!==(e=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,M.jsxs)("div",{children:[u.map((function(n){var e=(0,i.A)(n,2),t=e[0],o=e[1];return(0,M.jsx)(A.default,{item:o,id:t,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},t)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,M.jsx)(C.default,{})]})]})}))},4209:(n,e,t)=>{t.r(e),t.d(e,{default:()=>M});var i=t(13587),o=t(23170),r=(t(41594),t(5219)),a=t(32356),d=t(22256),l=t(970),s=t(25835),u=t.n(s),c=t(69120),g=t.n(c),x=t(91148),p=t.n(x),m=t(73035),b=t.n(m),f=t(24959),h=t.n(f),v=t(15004),S=t.n(v),y=t(32956),w={};w.styleTagTransform=S(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var A=t(72919),k=t.n(A),I=t(82246),C=["className"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const M=(0,l.PA)((function Settings(n){var e,t,i=n.className,l=(0,o.A)(n,C),s=(0,r.hV)();return(0,I.jsxs)("div",_objectSpread(_objectSpread({},l),{},{className:k()(i,y.$e,"horizontal"==s.tabGroupState.curTabGroupType?y.Nk:void 0,s.uiState.configSettingsIsExpanded?y.sz:void 0),children:[s.uiState.doShowConfSettingsExpander&&!s.uiState.isInMobileView&&(0,I.jsx)("div",{className:y.GQ,onClick:s.uiState.onClickExpandConfigSettings}),!s.uiState.isInMobileView&&!s.settingsState.forceSettingsHeaderInScrollContainer&&(0,I.jsx)(a.default,{},null!==(e=null===(t=s.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,I.jsx)(d.default,{}),!s.uiState.isInMobileView&&s.uiState.doShowConfSettingsMaxMinExpander&&(0,I.jsxs)(I.Fragment,{children:[!s.uiState.configSettingsIsMaxExpanded&&(0,I.jsx)("div",{className:y.ys,onClick:s.uiState.onClickExpandMaxConfigSettings}),!s.uiState.configSettingsIsMinExpanded&&(0,I.jsx)("div",{className:y.k,onClick:s.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(n,e,t)=>{t.d(e,{Ay:()=>b,Bw:()=>p,Ig:()=>g,hn:()=>m,m7:()=>x});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=a()(o()),c=l()(s);u.push([n.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 g="index-module--hLZKG",x="index-module--uzMQY",p="index-module--cx2sU",m="index-module--_9Crt";const b=u},60956:(n,e,t)=>{t.d(e,{$e:()=>p,Ao:()=>g,Ay:()=>b,gd:()=>m,vL:()=>x});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(29821),t.b),u=a()(o()),c=l()(s);u.push([n.id,`body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--T0Zkq {\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--T0Zkq *,\n.index-module--T0Zkq *::before,\n.index-module--T0Zkq *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--LVnYR {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--H4VIb {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--iDPAC {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--iDPAC input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--iDPAC input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--iDPAC div {\n  background-image: url(${c});\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--iDPAC div:hover {\n  background-size: 100%;\n}\n`,""]);var g="index-module--T0Zkq",x="index-module--LVnYR",p="index-module--H4VIb",m="index-module--iDPAC";const b=u},29443:(n,e,t)=>{t.d(e,{Ay:()=>u,kL:()=>d,kc:()=>l,q9:()=>s});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.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",l="index-module--U3M2N",s="index-module--qKp1_";const u=a},40810:(n,e,t)=>{t.d(e,{Ay:()=>u,QC:()=>s,Rq:()=>d,sz:()=>l});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.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",l="index-module--gKH7d",s="index-module--mMgBF";const u=a},32956:(n,e,t)=>{t.d(e,{$e:()=>p,Ay:()=>S,GQ:()=>b,Nk:()=>m,k:()=>h,sz:()=>f,ys:()=>v});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=a()(o()),g=l()(s),x=l()(u);c.push([n.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(${g});\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 p="index-module--E51P2",m="index-module--mgvLD",b="index-module--dLjl5",f="index-module--hpghF",h="index-module--hYAg_",v="index-module--rBWYr";const S=c},41943:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},29821:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7706.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7706,5434,3053,7921],{35777:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>E});var r=t(13587),o=t(36520),l=t(5219),i=t(41594),a=t(38191),s=t(970),d=t(25835),c=t.n(d),u=t(69120),p=t.n(u),m=t(91148),y=t.n(m),b=t(73035),g=t.n(b),h=t(24959),x=t.n(h),v=t(15004),f=t.n(v),w=t(14188),j={};j.styleTagTransform=f(),j.setAttributes=g(),j.insert=y().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=x();c()(w.Ay,j);w.Ay&&w.Ay.locals&&w.Ay.locals;var O=t(83207),S=t(72919),P=t.n(S),I=t(77921),C=t(14488),k=t(41096),A=t(39898),D=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.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 E=(0,s.PA)((function Gallery(e){var n,t,r=e.item,s=e.paletteId,d=e.style,c=e.isActive,u=void 0===c?(0,D.jsx)(I.default,{listenToGalleryVariables:!0}):c,p=r,m=(0,l.hV)(),y=(0,C.useDivaCore)().state.dimensions,b=y.isMobile,g=y.isTablet,h=(0,i.useState)(""),x=(0,o.A)(h,2),v=x[0],f=(x[1],{}),j={},S=void 0,E=!1,B={},V=(0,a.Mk)({delayEnter:600,hideOnScroll:!0}),z=(0,a.Z4)({isOpen:V[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return b||g||m.getViewConfig().hideTooltip||!p.image&&!p.hexColor||(E=V[0]&&!m.settingsState.isContentItemIdVisible(p.contentItemId),B=V[1],f=z.triggerProps,j=z.layerProps,S=z.renderLayer),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("div",_objectSpread(_objectSpread(_objectSpread({style:d,id:p.codex,"data-test-id":"plannerPaletteItem",className:P()(w.Zx,w.BT,p.sel?w.VR:void 0),onClick:function onClick(){p.doShowFav&&m.paletteViewHandler.clickedOnFavIcon(p),m.paletteViewHandler.clickedOnConfigPalette(p,void 0,s)}},f),B),{},{children:(0,D.jsxs)("div",{className:P()(w.yp,w.eE),children:[!p.doShowFav&&p.sel&&void 0!==u&&u,p.contentItemId&&(0,D.jsx)(A.default,{item:p}),(m.getViewConfig().showVCodexInGallery&&p.vCodex||p.freeText)&&(0,D.jsx)("div",{className:w._O,children:(0,D.jsx)("div",{className:P()(w.zL),children:null!==(n=p.freeText)&&void 0!==n?n:p.vCodex})}),p.image?(0,D.jsx)("img",{src:p.image}):p.hexColor?(0,D.jsx)("div",{className:w.bb,style:{backgroundColor:"#"+p.hexColor}}):(0,D.jsx)(D.Fragment,{}),p.doShowFav&&(0,D.jsx)("div",{className:p.isFav?O.zn:O.ve})]})})),E&&(null===(t=S)||void 0===t?void 0:t((0,D.jsx)(k.default,{text:p.text,desciption:v,price:p.deltaPrice,image:p.image,layerProps:j,hexColor:p.hexColor},p.codex)))]})}))},77921:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>i});var r=t(13587),o=(t(41594),t(53370)),l=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.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 i=function IsActive(e){return(0,l.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},14188:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>b,BT:()=>m,VR:()=>c,Zx:()=>a,_O:()=>u,bb:()=>y,eE:()=>d,yp:()=>s,zL:()=>p});var r=t(38634),o=t.n(r),l=t(92083),i=t.n(l)()(o());i.push([e.id,".index-module--Da8hz .index-module--X_Ih6.index-module--bVPEB {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--Da8hz {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--Da8hz:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Da8hz.index-module--EKbu7 {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--RLTNr {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--EpqAV {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--Da8hz:hover .index-module--EpqAV,\n.index-module--EKbu7 .index-module--EpqAV {\n  display: block;\n}\n\n.index-module--Da8hz.index-module--vyw21 {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--Da8hz.index-module--vyw21 img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HUEfh {\n  width: 80px;\n  height: 80px;\n}\n",""]);var a="index-module--Da8hz",s="index-module--X_Ih6",d="index-module--bVPEB",c="index-module--EKbu7",u="index-module--RLTNr",p="index-module--EpqAV",m="index-module--vyw21",y="index-module--HUEfh";const b=i},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var l=classNames.apply(null,t);l&&e.push(l)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var i in t)r.call(t,i)&&t[i]&&e.push(i);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7706,5434,3053,196,7921],{35777:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>E});var r=t(13587),o=t(36520),l=t(5219),i=t(41594),a=t(38191),s=t(970),d=t(25835),c=t.n(d),u=t(69120),p=t.n(u),m=t(91148),y=t.n(m),b=t(73035),g=t.n(b),h=t(24959),x=t.n(h),v=t(15004),f=t.n(v),w=t(14188),j={};j.styleTagTransform=f(),j.setAttributes=g(),j.insert=y().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=x();c()(w.Ay,j);w.Ay&&w.Ay.locals&&w.Ay.locals;var O=t(83207),S=t(72919),P=t.n(S),I=t(77921),C=t(14488),k=t(41096),A=t(39898),D=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.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 E=(0,s.PA)((function Gallery(e){var n,t,r=e.item,s=e.paletteId,d=e.style,c=e.isActive,u=void 0===c?(0,D.jsx)(I.default,{listenToGalleryVariables:!0}):c,p=r,m=(0,l.hV)(),y=(0,C.useDivaCore)().state.dimensions,b=y.isMobile,g=y.isTablet,h=(0,i.useState)(""),x=(0,o.A)(h,2),v=x[0],f=(x[1],{}),j={},S=void 0,E=!1,B={},V=(0,a.Mk)({delayEnter:600,hideOnScroll:!0}),z=(0,a.Z4)({isOpen:V[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return b||g||m.getViewConfig().hideTooltip||!p.image&&!p.hexColor||(E=V[0]&&!m.settingsState.isContentItemIdVisible(p.contentItemId),B=V[1],f=z.triggerProps,j=z.layerProps,S=z.renderLayer),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("div",_objectSpread(_objectSpread(_objectSpread({style:d,id:p.codex,"data-test-id":"plannerPaletteItem",className:P()(w.Zx,w.BT,p.sel?w.VR:void 0),onClick:function onClick(){p.doShowFav&&m.paletteViewHandler.clickedOnFavIcon(p),m.paletteViewHandler.clickedOnConfigPalette(p,void 0,s)}},f),B),{},{children:(0,D.jsxs)("div",{className:P()(w.yp,w.eE),children:[!p.doShowFav&&p.sel&&void 0!==u&&u,p.contentItemId&&(0,D.jsx)(A.default,{item:p}),(m.getViewConfig().showVCodexInGallery&&p.vCodex||p.freeText)&&(0,D.jsx)("div",{className:w._O,children:(0,D.jsx)("div",{className:P()(w.zL),children:null!==(n=p.freeText)&&void 0!==n?n:p.vCodex})}),p.image?(0,D.jsx)("img",{src:p.image}):p.hexColor?(0,D.jsx)("div",{className:w.bb,style:{backgroundColor:"#"+p.hexColor}}):(0,D.jsx)(D.Fragment,{}),p.doShowFav&&(0,D.jsx)("div",{className:p.isFav?O.zn:O.ve})]})})),E&&(null===(t=S)||void 0===t?void 0:t((0,D.jsx)(k.default,{text:p.text,desciption:v,price:p.deltaPrice,image:p.image,layerProps:j,hexColor:p.hexColor},p.codex)))]})}))},77921:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>i});var r=t(13587),o=(t(41594),t(53370)),l=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.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 i=function IsActive(e){return(0,l.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},14188:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>b,BT:()=>m,VR:()=>c,Zx:()=>a,_O:()=>u,bb:()=>y,eE:()=>d,yp:()=>s,zL:()=>p});var r=t(38634),o=t.n(r),l=t(92083),i=t.n(l)()(o());i.push([e.id,".index-module--Da8hz .index-module--X_Ih6.index-module--bVPEB {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--Da8hz {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--Da8hz:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Da8hz.index-module--EKbu7 {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--RLTNr {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--EpqAV {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--Da8hz:hover .index-module--EpqAV,\n.index-module--EKbu7 .index-module--EpqAV {\n  display: block;\n}\n\n.index-module--Da8hz.index-module--vyw21 {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--Da8hz.index-module--vyw21 img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HUEfh {\n  width: 80px;\n  height: 80px;\n}\n",""]);var a="index-module--Da8hz",s="index-module--X_Ih6",d="index-module--bVPEB",c="index-module--EKbu7",u="index-module--RLTNr",p="index-module--EpqAV",m="index-module--vyw21",y="index-module--HUEfh";const b=i},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var l=classNames.apply(null,t);l&&e.push(l)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var i in t)r.call(t,i)&&t[i]&&e.push(i);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7745.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7745,8234,6030,5434,3732,3053],{58234:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>I});var i=t(970),o=t(5219),d=(t(41594),t(14488)),r=t(25835),a=t.n(r),l=t(69120),s=t.n(l),u=t(91148),x=t.n(u),c=t(73035),m=t.n(c),p=t(24959),g=t.n(p),h=t(15004),b=t.n(h),f=t(820),y={};y.styleTagTransform=b(),y.setAttributes=m(),y.insert=x().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();a()(f.Ay,y);f.Ay&&f.Ay.locals&&f.Ay.locals;var w=t(72919),v=t.n(w),j=t(82246);const I=(0,i.PA)((function Logo(n){var e=(0,o.hV)(),t=(0,d.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,j.jsx)("img",{className:v()(f.wm,e.getIsInMobileView()?f.Hw:void 0,e.productState.orbitHidden?f.el:f.R,e.uiState.isMobileLandscape?f.eJ:void 0),src:t}):(0,j.jsx)(j.Fragment,{})}))},26030:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>r});var i=t(13587),o=(t(41594),t(53370)),d=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function Image3DNavBar(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},7745:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>s});var i=t(5219),o=t(970),d=(t(41594),t(26030)),r=t(62231),a=t(58234),l=t(82246);const s=(0,o.PA)((function Planner3DImage(n){var e=(0,i.hV)();return(0,l.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:r.yL,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,l.jsx)(d.default,{}),(0,l.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?r.H1:r.Vo,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc}),(0,l.jsx)(a.default,{})]})}))},820:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>c,Hw:()=>l,R:()=>s,eJ:()=>x,el:()=>u,wm:()=>a});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--AdmxQ {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 30%;\n  max-height: 64px;\n  margin-bottom: 16px;\n  margin-right: 20px;\n}\n\n.index-module--_F53u {\n  right: auto;\n  right: initial;\n  left: 0px;\n  margin-bottom: 10px;\n  margin-right: 0;\n  margin-right: initial;\n  margin-left: 20px;\n  max-height: 50px;\n}\n\n.index-module--S22cz {\n  opacity: 0;\n}\n\n.index-module--Uwn5m {\n  transition: opacity 0.5s;\n}\n\n.index-module--k_Tsn.index-module--AdmxQ {\n  opacity: 0;\n}\n",""]);var a="index-module--AdmxQ",l="index-module--_F53u",s="index-module--S22cz",u="index-module--Uwn5m",x="index-module--k_Tsn";const c=r},27125:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>D,E4:()=>L,FC:()=>w,FY:()=>S,H1:()=>I,Vo:()=>j,Y5:()=>f,eJ:()=>g,gX:()=>v,gt:()=>p,h1:()=>P,o4:()=>h,qA:()=>A,wv:()=>b,yL:()=>y});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d),a=t(1946),l=t.n(a),s=new URL(t(54027),t.b),u=new URL(t(93732),t.b),x=r()(o()),c=l()(s),m=l()(u);x.push([n.id,`.index-module--h7W3V {\n  position: absolute;\n  left: 0px;\n  top: 70.4px;\n  width: 100%;\n  height: calc(100% - 70.4px);\n  position: absolute;\n  width: 100%;\n}\n\n.index-module--YCUDr.index-module--h7W3V {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n.index-module--SVxdL.index-module--h7W3V {\n  height: calc(100% - 54.4px);\n  top: 0;\n}\n\n.index-module--YCUDr.index-module--h7W3V {\n  width: 45%;\n}\n.index-module--YCUDr.index-module--f6gBF.index-module--h7W3V {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--cT3va.index-module--YCUDr.index-module--h7W3V {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--SVxdL.index-module--h7W3V {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--SVxdL.index-module--f6gBF.index-module--h7W3V {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.index-module--LOFI4 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--eYRIZ {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--eYRIZ .index-module--KsFc6 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--ZDWnR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--pwtvA {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--f4irw {\n  background-image: url(${c});\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.index-module--YCUDr .index-module--f4irw {\n  width: 32px;\n  height: 32px;\n}\n.index-module--SVxdL .index-module--f4irw {\n  background-image: url(${m});\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.index-module--SVxdL .index-module--f4irw.index-module--G_A7K {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.index-module--f6gBF .index-module--f4irw {\n  transform: rotate(180deg);\n}\n\n.index-module--tibQ6 {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(${m});\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.index-module--fG7xd {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n`,""]);var p="index-module--h7W3V",g="index-module--YCUDr",h="index-module--SVxdL",b="index-module--f6gBF",f="index-module--cT3va",y="index-module--LOFI4",w="index-module--eYRIZ",v="index-module--KsFc6",j="index-module--ZDWnR",I="index-module--pwtvA",S="index-module--f4irw",A="index-module--G_A7K",P="index-module--tibQ6",L="index-module--fG7xd";const D=x},1946:n=>{"use strict";n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},62231:(n,e,t)=>{"use strict";t.d(e,{E4:()=>g.E4,FC:()=>g.FC,FY:()=>g.FY,H1:()=>g.H1,Vo:()=>g.Vo,Y5:()=>g.Y5,eJ:()=>g.eJ,gX:()=>g.gX,gt:()=>g.gt,h1:()=>g.h1,o4:()=>g.o4,qA:()=>g.qA,wv:()=>g.wv,yL:()=>g.yL});var i=t(25835),o=t.n(i),d=t(69120),r=t.n(d),a=t(91148),l=t.n(a),s=t(73035),u=t.n(s),x=t(24959),c=t.n(x),m=t(15004),p=t.n(m),g=t(27125),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=c();o()(g.Ay,h),g.Ay&&g.Ay.locals&&g.Ay.locals},72919:(n,e)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var t=arguments[e];if(t){var o=typeof t;if("string"===o||"number"===o)n.push(t);else if(Array.isArray(t)){if(t.length){var d=classNames.apply(null,t);d&&n.push(d)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var r in t)i.call(t,r)&&t[r]&&n.push(r);else n.push(t.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(t=function(){return classNames}.apply(e,[]))||(n.exports=t)}()},54027:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},93732:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7745,5434,8234,6030,3053,3732,196],{58234:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>I});var i=t(970),o=t(5219),d=(t(41594),t(14488)),r=t(25835),a=t.n(r),l=t(69120),s=t.n(l),u=t(91148),x=t.n(u),c=t(73035),m=t.n(c),p=t(24959),g=t.n(p),h=t(15004),b=t.n(h),f=t(820),y={};y.styleTagTransform=b(),y.setAttributes=m(),y.insert=x().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();a()(f.Ay,y);f.Ay&&f.Ay.locals&&f.Ay.locals;var w=t(72919),v=t.n(w),j=t(82246);const I=(0,i.PA)((function Logo(n){var e=(0,o.hV)(),t=(0,d.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,j.jsx)("img",{className:v()(f.wm,e.getIsInMobileView()?f.Hw:void 0,e.productState.orbitHidden?f.el:f.R,e.uiState.isMobileLandscape?f.eJ:void 0),src:t}):(0,j.jsx)(j.Fragment,{})}))},26030:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>r});var i=t(13587),o=(t(41594),t(53370)),d=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function Image3DNavBar(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},7745:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>s});var i=t(5219),o=t(970),d=(t(41594),t(26030)),r=t(62231),a=t(58234),l=t(82246);const s=(0,o.PA)((function Planner3DImage(n){var e=(0,i.hV)();return(0,l.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:r.yL,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,l.jsx)(d.default,{}),(0,l.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?r.H1:r.Vo,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc}),(0,l.jsx)(a.default,{})]})}))},820:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>c,Hw:()=>l,R:()=>s,eJ:()=>x,el:()=>u,wm:()=>a});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--AdmxQ {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 30%;\n  max-height: 64px;\n  margin-bottom: 16px;\n  margin-right: 20px;\n}\n\n.index-module--_F53u {\n  right: auto;\n  right: initial;\n  left: 0px;\n  margin-bottom: 10px;\n  margin-right: 0;\n  margin-right: initial;\n  margin-left: 20px;\n  max-height: 50px;\n}\n\n.index-module--S22cz {\n  opacity: 0;\n}\n\n.index-module--Uwn5m {\n  transition: opacity 0.5s;\n}\n\n.index-module--k_Tsn.index-module--AdmxQ {\n  opacity: 0;\n}\n",""]);var a="index-module--AdmxQ",l="index-module--_F53u",s="index-module--S22cz",u="index-module--Uwn5m",x="index-module--k_Tsn";const c=r},27125:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>D,E4:()=>L,FC:()=>w,FY:()=>S,H1:()=>I,Vo:()=>j,Y5:()=>f,eJ:()=>g,gX:()=>v,gt:()=>p,h1:()=>P,o4:()=>h,qA:()=>A,wv:()=>b,yL:()=>y});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d),a=t(1946),l=t.n(a),s=new URL(t(54027),t.b),u=new URL(t(93732),t.b),x=r()(o()),c=l()(s),m=l()(u);x.push([n.id,`.index-module--h7W3V {\n  position: absolute;\n  left: 0px;\n  top: 70.4px;\n  width: 100%;\n  height: calc(100% - 70.4px);\n  position: absolute;\n  width: 100%;\n}\n\n.index-module--YCUDr.index-module--h7W3V {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n.index-module--SVxdL.index-module--h7W3V {\n  height: calc(100% - 54.4px);\n  top: 0;\n}\n\n.index-module--YCUDr.index-module--h7W3V {\n  width: 45%;\n}\n.index-module--YCUDr.index-module--f6gBF.index-module--h7W3V {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--cT3va.index-module--YCUDr.index-module--h7W3V {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--SVxdL.index-module--h7W3V {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--SVxdL.index-module--f6gBF.index-module--h7W3V {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.index-module--LOFI4 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--eYRIZ {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--eYRIZ .index-module--KsFc6 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--ZDWnR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--pwtvA {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--f4irw {\n  background-image: url(${c});\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.index-module--YCUDr .index-module--f4irw {\n  width: 32px;\n  height: 32px;\n}\n.index-module--SVxdL .index-module--f4irw {\n  background-image: url(${m});\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.index-module--SVxdL .index-module--f4irw.index-module--G_A7K {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.index-module--f6gBF .index-module--f4irw {\n  transform: rotate(180deg);\n}\n\n.index-module--tibQ6 {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(${m});\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.index-module--fG7xd {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n`,""]);var p="index-module--h7W3V",g="index-module--YCUDr",h="index-module--SVxdL",b="index-module--f6gBF",f="index-module--cT3va",y="index-module--LOFI4",w="index-module--eYRIZ",v="index-module--KsFc6",j="index-module--ZDWnR",I="index-module--pwtvA",S="index-module--f4irw",A="index-module--G_A7K",P="index-module--tibQ6",L="index-module--fG7xd";const D=x},1946:n=>{"use strict";n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},62231:(n,e,t)=>{"use strict";t.d(e,{E4:()=>g.E4,FC:()=>g.FC,FY:()=>g.FY,H1:()=>g.H1,Vo:()=>g.Vo,Y5:()=>g.Y5,eJ:()=>g.eJ,gX:()=>g.gX,gt:()=>g.gt,h1:()=>g.h1,o4:()=>g.o4,qA:()=>g.qA,wv:()=>g.wv,yL:()=>g.yL});var i=t(25835),o=t.n(i),d=t(69120),r=t.n(d),a=t(91148),l=t.n(a),s=t(73035),u=t.n(s),x=t(24959),c=t.n(x),m=t(15004),p=t.n(m),g=t(27125),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=c();o()(g.Ay,h),g.Ay&&g.Ay.locals&&g.Ay.locals},72919:(n,e)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var t=arguments[e];if(t){var o=typeof t;if("string"===o||"number"===o)n.push(t);else if(Array.isArray(t)){if(t.length){var d=classNames.apply(null,t);d&&n.push(d)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var r in t)i.call(t,r)&&t[r]&&n.push(r);else n.push(t.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(t=function(){return classNames}.apply(e,[]))||(n.exports=t)}()},54027:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},93732:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7854.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7854,5434,3053,9082,8932,7921],{19082:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(36520),o=t(5219),r=t(41594),d=t(25835),l=t.n(d),a=t(69120),s=t.n(a),u=t(91148),c=t.n(u),x=t(73035),p=t.n(x),m=t(24959),g=t.n(m),b=t(15004),h=t.n(b),y=t(18930),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=g();l()(y.A,v);y.A&&y.A.locals&&y.A.locals;var f=t(82246);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.A)(l,2),s=a[0],u=a[1],c=(0,o.hV)(),x=(0,r.useState)(""),p=(0,i.A)(x,2),m=p[0],g=p[1],b=c.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===b[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<b.length;o++)i(o)}g(e),u(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:y.w,children:m}):(0,f.jsx)(f.Fragment,{})}},7854:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>z});var i=t(5219),o=(t(41594),t(72919)),r=t.n(o),d=t(78932),l=t(25835),a=t.n(l),s=t(69120),u=t.n(s),c=t(91148),x=t.n(c),p=t(73035),m=t.n(p),g=t(24959),b=t.n(g),h=t(15004),y=t.n(h),v=t(29195),f={};f.styleTagTransform=y(),f.setAttributes=m(),f.insert=x().bind(null,"head"),f.domAPI=u(),f.insertStyleElement=b();a()(v.Ay,f);v.Ay&&v.Ay.locals&&v.Ay.locals;var w=t(14488),j=t(39898),M=t(82246);const z=function OptionJungle(e){var n,t,o=e.item,l=e.paletteId,a=(e.type,o),s=(0,i.hV)(),u=(0,w.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,M.jsx)(d.default,{item:a,paletteId:l});var c,x,p=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],m=null===(t=a.text)||void 0===t?void 0:t.split(/,(.+)/)[1];m||(p=null===(c=a.text)||void 0===c?void 0:c.split(/\((.+)/)[0],m=null===(x=a.text)||void 0===x||null===(x=x.split(/\((.+)/)[1])||void 0===x?void 0:x.replace(")",""));return(0,M.jsxs)("div",{id:a.codex,className:r()(v.kL,a.sel?v.VR:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,l)},children:[(0,M.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,M.jsxs)("div",{className:v.gn,children:[(0,M.jsx)("div",{className:r()(v.DD),children:p}),m&&(0,M.jsx)("div",{className:r()(v.p6),children:m})]}),a.contentItemId&&(0,M.jsx)(j.default,{item:a}),a.disabledByConstructionRule&&(0,M.jsx)("div",{className:r()(v.Yy),title:u("configurator."+a.disabledByConstructionRule)})]})}},78932:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>v});var i=t(13587),o=t(36520),r=t(72919),d=t.n(r),l=t(5219),a=t(970),s=t(41594),u=t(84085),c=t(83207),x=t(14488),p=t(77921),m=t(38191),g=t(19082),b=t(41096),h=t(39898),y=t(82246);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 v=(0,a.PA)((function Option(e){var n,t=e.item,i=e.paletteId,r=t,a=(0,l.hV)(),v=(0,x.useTranslation)().t,f=(0,x.useDivaCore)().state.dimensions,w=f.isMobile,j=f.isTablet,M=(0,s.useState)(""),z=(0,o.A)(M,2),I=z[0],A=z[1],S={},N={},L=void 0,k=!1,T={},O=(0,m.Mk)({delayEnter:600,hideOnScroll:!0}),C=(0,m.Z4)({isOpen:O[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return w||j||a.getViewConfig().hideTooltip||!r.image&&!r.hexColor||(k=O[0]&&!a.settingsState.isContentItemIdVisible(r.contentItemId),T=O[1],S=C.triggerProps,N=C.layerProps,L=C.renderLayer),(0,y.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:r.codex,"data-test-id":"plannerPaletteItem",className:d()(u.Zx,r.sel?u.VR:void 0),onClick:function onClick(){r.doShowFav&&a.paletteViewHandler.clickedOnFavIcon(r),a.paletteViewHandler.clickedOnConfigPalette(r,void 0,i)}},S),T),{},{children:[(0,y.jsxs)("div",{className:d()(u.yp,u.LF),children:[r.sel&&(0,y.jsx)(p.default,{listenToOptionVariables:!0}),r.contentItemId&&(0,y.jsx)(h.default,{item:r,style:{bottom:8}}),"TEXT"==r.layout&&(0,y.jsx)("div",{className:u.L9}),!("TEXT"==r.layout)&&(0,y.jsx)("div",{className:u.yU,style:{backgroundImage:"url(".concat(r.image,")")}}),(0,y.jsxs)("div",{className:d()(u.FS,r.deltaPrice||"TEXT"!=r.layout?void 0:u.lW),children:[(0,y.jsx)("div",{className:d()(u.Ps,""!==I?u.wx:void 0),dangerouslySetInnerHTML:{__html:r.text}}),(0,y.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:r.metaData,visible:[I,A]},r.codex)]}),k&&(null===(n=L)||void 0===n?void 0:n((0,y.jsx)(b.default,{text:r.text+(r.freeText?r.freeText:""),desciption:I,price:r.deltaPrice,image:r.image,hexColor:r.hexColor,layerProps:N},r.codex))),void 0!==r.deltaPrice&&(0,y.jsx)("div",{className:u.gv,children:(r.deltaPrice>=0?"+":"-")+" "+x.DivaUtils.formatPrice(Math.abs(r.deltaPrice))}),r.doShowFav&&(0,y.jsx)("div",{className:r.isFav?c.zn:c.ve})]}),r.disabledByConstructionRule&&(0,y.jsx)("div",{className:d()(u.Yy),title:v("configurator."+r.disabledByConstructionRule)})]}))}))},77921:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);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 d=function IsActive(e){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},18930:(e,n,t)=>{"use strict";t.d(n,{A:()=>a,w:()=>l});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([e.id,".index-module--lSIQk {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n}\n",""]);var l="index-module--lSIQk";const a=d},29195:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>y,DD:()=>g,VR:()=>p,Yy:()=>h,gn:()=>m,kL:()=>x,p6:()=>b});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),u=d()(o()),c=a()(s);u.push([e.id,`.index-module--sBrmB {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--sBrmB.index-module--flE8X {\n  border: 2px solid var(--secondaryColor);\n}\n\n.index-module--sBrmB img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.index-module--JrHxW {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.index-module--gaABj,\n.index-module--kakSM {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.index-module--gaABj {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--kakSM {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.index-module--_xzHQ {\n  display: block;\n  height: 30px;\n  background-image: url(${c});\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n`,""]);var x="index-module--sBrmB",p="index-module--flE8X",m="index-module--JrHxW",g="index-module--gaABj",b="index-module--kakSM",h="index-module--_xzHQ";const y=u},7543:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>I,FS:()=>v,L9:()=>h,LF:()=>b,Ps:()=>w,VR:()=>p,Yy:()=>z,Zx:()=>x,gv:()=>M,lW:()=>f,p4:()=>g,wx:()=>j,yU:()=>y,yp:()=>m});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),u=d()(o()),c=a()(s);u.push([e.id,`/*ConfigPalette with Normal & Small */\n\n.index-module--zrzFQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--fy8o1 {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--zrzFQ:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--zrzFQ: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--zrzFQ .index-module--RQ1TK {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--zrzFQ.index-module--YJVYp {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--l26Vx {\n  height: 80px;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--oqIY4 {\n  height: 64px;\n}\n\n.index-module--zrzFQ .index-module--nbILR {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--zrzFQ .index-module--l26Vx .index-module--w2rjQ {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--zrzFQ .index-module--oqIY4 .index-module--w2rjQ {\n  height: 64px;\n  width: 96px;\n}\n.index-module--zrzFQ.index-module--YJVYp .index-module--w2rjQ {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--zrzFQ .index-module--w2rjQ {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--d8V_h {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--wU03f {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--zrzFQ.index-module--YJVYp .index-module--d8V_h {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--zrzFQ .index-module--AYd6R {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--zrzFQ .index-module--AYd6R.index-module--fRs_W {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--l26Vx .index-module--AYd6R {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--oqIY4 .index-module--AYd6R {\n  -webkit-line-clamp: 2;\n}\n\n.index-module--zrzFQ .index-module--L3A_U {\n  position: absolute;\n  right: 3.2px;\n  top: 2px;\n  font-size: 12px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--zrzFQ .index-module--l26Vx {\n    height: 80px;\n  }\n\n  .index-module--zrzFQ .index-module--l26Vx img {\n    height: 80px;\n  }\n\n  .index-module--d8V_h {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--OUOvp {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--hOXxr .index-module--OUOvp {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--pdYUy {\n  display: block;\n  height: 30px;\n  background-image: url(${c});\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n`,""]);var x="index-module--zrzFQ",p="index-module--fy8o1",m="index-module--RQ1TK",g="index-module--l26Vx",b="index-module--oqIY4",h="index-module--nbILR",y="index-module--w2rjQ",v="index-module--d8V_h",f="index-module--wU03f",w="index-module--AYd6R",j="index-module--fRs_W",M="index-module--L3A_U",z="index-module--pdYUy";const I=u},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},84085:(e,n,t)=>{"use strict";t.d(n,{FS:()=>g.FS,L9:()=>g.L9,LF:()=>g.LF,Ps:()=>g.Ps,VR:()=>g.VR,Yy:()=>g.Yy,Zx:()=>g.Zx,gv:()=>g.gv,lW:()=>g.lW,p4:()=>g.p4,wx:()=>g.wx,yU:()=>g.yU,yp:()=>g.yp});var i=t(25835),o=t.n(i),r=t(69120),d=t.n(r),l=t(91148),a=t.n(l),s=t(73035),u=t.n(s),c=t(24959),x=t.n(c),p=t(15004),m=t.n(p),g=t(7543),b={};b.styleTagTransform=m(),b.setAttributes=u(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();o()(g.Ay,b),g.Ay&&g.Ay.locals&&g.Ay.locals},72919:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var r=classNames.apply(null,t);r&&e.push(r)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var d in t)i.call(t,d)&&t[d]&&e.push(d);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()},9278:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7854,5434,3053,196,9082,8932,7921],{19082:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(36520),o=t(5219),r=t(41594),d=t(25835),l=t.n(d),a=t(69120),s=t.n(a),u=t(91148),c=t.n(u),x=t(73035),p=t.n(x),m=t(24959),g=t.n(m),b=t(15004),h=t.n(b),y=t(18930),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=g();l()(y.A,v);y.A&&y.A.locals&&y.A.locals;var f=t(82246);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.A)(l,2),s=a[0],u=a[1],c=(0,o.hV)(),x=(0,r.useState)(""),p=(0,i.A)(x,2),m=p[0],g=p[1],b=c.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===b[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<b.length;o++)i(o)}g(e),u(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:y.w,children:m}):(0,f.jsx)(f.Fragment,{})}},7854:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>z});var i=t(5219),o=(t(41594),t(72919)),r=t.n(o),d=t(78932),l=t(25835),a=t.n(l),s=t(69120),u=t.n(s),c=t(91148),x=t.n(c),p=t(73035),m=t.n(p),g=t(24959),b=t.n(g),h=t(15004),y=t.n(h),v=t(29195),f={};f.styleTagTransform=y(),f.setAttributes=m(),f.insert=x().bind(null,"head"),f.domAPI=u(),f.insertStyleElement=b();a()(v.Ay,f);v.Ay&&v.Ay.locals&&v.Ay.locals;var w=t(14488),j=t(39898),M=t(82246);const z=function OptionJungle(e){var n,t,o=e.item,l=e.paletteId,a=(e.type,o),s=(0,i.hV)(),u=(0,w.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,M.jsx)(d.default,{item:a,paletteId:l});var c,x,p=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],m=null===(t=a.text)||void 0===t?void 0:t.split(/,(.+)/)[1];m||(p=null===(c=a.text)||void 0===c?void 0:c.split(/\((.+)/)[0],m=null===(x=a.text)||void 0===x||null===(x=x.split(/\((.+)/)[1])||void 0===x?void 0:x.replace(")",""));return(0,M.jsxs)("div",{id:a.codex,className:r()(v.kL,a.sel?v.VR:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,l)},children:[(0,M.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,M.jsxs)("div",{className:v.gn,children:[(0,M.jsx)("div",{className:r()(v.DD),children:p}),m&&(0,M.jsx)("div",{className:r()(v.p6),children:m})]}),a.contentItemId&&(0,M.jsx)(j.default,{item:a}),a.disabledByConstructionRule&&(0,M.jsx)("div",{className:r()(v.Yy),title:u("configurator."+a.disabledByConstructionRule)})]})}},78932:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>v});var i=t(13587),o=t(36520),r=t(72919),d=t.n(r),l=t(5219),a=t(970),s=t(41594),u=t(84085),c=t(83207),x=t(14488),p=t(77921),m=t(38191),g=t(19082),b=t(41096),h=t(39898),y=t(82246);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 v=(0,a.PA)((function Option(e){var n,t=e.item,i=e.paletteId,r=t,a=(0,l.hV)(),v=(0,x.useTranslation)().t,f=(0,x.useDivaCore)().state.dimensions,w=f.isMobile,j=f.isTablet,M=(0,s.useState)(""),z=(0,o.A)(M,2),I=z[0],A=z[1],S={},N={},L=void 0,k=!1,T={},O=(0,m.Mk)({delayEnter:600,hideOnScroll:!0}),C=(0,m.Z4)({isOpen:O[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return w||j||a.getViewConfig().hideTooltip||!r.image&&!r.hexColor||(k=O[0]&&!a.settingsState.isContentItemIdVisible(r.contentItemId),T=O[1],S=C.triggerProps,N=C.layerProps,L=C.renderLayer),(0,y.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:r.codex,"data-test-id":"plannerPaletteItem",className:d()(u.Zx,r.sel?u.VR:void 0),onClick:function onClick(){r.doShowFav&&a.paletteViewHandler.clickedOnFavIcon(r),a.paletteViewHandler.clickedOnConfigPalette(r,void 0,i)}},S),T),{},{children:[(0,y.jsxs)("div",{className:d()(u.yp,u.LF),children:[r.sel&&(0,y.jsx)(p.default,{listenToOptionVariables:!0}),r.contentItemId&&(0,y.jsx)(h.default,{item:r,style:{bottom:8}}),"TEXT"==r.layout&&(0,y.jsx)("div",{className:u.L9}),!("TEXT"==r.layout)&&(0,y.jsx)("div",{className:u.yU,style:{backgroundImage:"url(".concat(r.image,")")}}),(0,y.jsxs)("div",{className:d()(u.FS,r.deltaPrice||"TEXT"!=r.layout?void 0:u.lW),children:[(0,y.jsx)("div",{className:d()(u.Ps,""!==I?u.wx:void 0),dangerouslySetInnerHTML:{__html:r.text}}),(0,y.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:r.metaData,visible:[I,A]},r.codex)]}),k&&(null===(n=L)||void 0===n?void 0:n((0,y.jsx)(b.default,{text:r.text+(r.freeText?r.freeText:""),desciption:I,price:r.deltaPrice,image:r.image,hexColor:r.hexColor,layerProps:N},r.codex))),void 0!==r.deltaPrice&&(0,y.jsx)("div",{className:u.gv,children:(r.deltaPrice>=0?"+":"-")+" "+x.DivaUtils.formatPrice(Math.abs(r.deltaPrice))}),r.doShowFav&&(0,y.jsx)("div",{className:r.isFav?c.zn:c.ve})]}),r.disabledByConstructionRule&&(0,y.jsx)("div",{className:d()(u.Yy),title:v("configurator."+r.disabledByConstructionRule)})]}))}))},77921:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);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 d=function IsActive(e){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},18930:(e,n,t)=>{"use strict";t.d(n,{A:()=>a,w:()=>l});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([e.id,".index-module--lSIQk {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n}\n",""]);var l="index-module--lSIQk";const a=d},29195:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>y,DD:()=>g,VR:()=>p,Yy:()=>h,gn:()=>m,kL:()=>x,p6:()=>b});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),u=d()(o()),c=a()(s);u.push([e.id,`.index-module--sBrmB {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--sBrmB.index-module--flE8X {\n  border: 2px solid var(--secondaryColor);\n}\n\n.index-module--sBrmB img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.index-module--JrHxW {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.index-module--gaABj,\n.index-module--kakSM {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.index-module--gaABj {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--kakSM {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.index-module--_xzHQ {\n  display: block;\n  height: 30px;\n  background-image: url(${c});\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n`,""]);var x="index-module--sBrmB",p="index-module--flE8X",m="index-module--JrHxW",g="index-module--gaABj",b="index-module--kakSM",h="index-module--_xzHQ";const y=u},7543:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>I,FS:()=>v,L9:()=>h,LF:()=>b,Ps:()=>w,VR:()=>p,Yy:()=>z,Zx:()=>x,gv:()=>M,lW:()=>f,p4:()=>g,wx:()=>j,yU:()=>y,yp:()=>m});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),u=d()(o()),c=a()(s);u.push([e.id,`/*ConfigPalette with Normal & Small */\n\n.index-module--zrzFQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--fy8o1 {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--zrzFQ:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--zrzFQ: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--zrzFQ .index-module--RQ1TK {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--zrzFQ.index-module--YJVYp {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--l26Vx {\n  height: 80px;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--oqIY4 {\n  height: 64px;\n}\n\n.index-module--zrzFQ .index-module--nbILR {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--zrzFQ .index-module--l26Vx .index-module--w2rjQ {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--zrzFQ .index-module--oqIY4 .index-module--w2rjQ {\n  height: 64px;\n  width: 96px;\n}\n.index-module--zrzFQ.index-module--YJVYp .index-module--w2rjQ {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--zrzFQ .index-module--w2rjQ {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--d8V_h {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--wU03f {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--zrzFQ.index-module--YJVYp .index-module--d8V_h {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--zrzFQ .index-module--AYd6R {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--zrzFQ .index-module--AYd6R.index-module--fRs_W {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--l26Vx .index-module--AYd6R {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--oqIY4 .index-module--AYd6R {\n  -webkit-line-clamp: 2;\n}\n\n.index-module--zrzFQ .index-module--L3A_U {\n  position: absolute;\n  right: 3.2px;\n  top: 2px;\n  font-size: 12px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--zrzFQ .index-module--l26Vx {\n    height: 80px;\n  }\n\n  .index-module--zrzFQ .index-module--l26Vx img {\n    height: 80px;\n  }\n\n  .index-module--d8V_h {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--OUOvp {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--hOXxr .index-module--OUOvp {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--pdYUy {\n  display: block;\n  height: 30px;\n  background-image: url(${c});\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n`,""]);var x="index-module--zrzFQ",p="index-module--fy8o1",m="index-module--RQ1TK",g="index-module--l26Vx",b="index-module--oqIY4",h="index-module--nbILR",y="index-module--w2rjQ",v="index-module--d8V_h",f="index-module--wU03f",w="index-module--AYd6R",j="index-module--fRs_W",M="index-module--L3A_U",z="index-module--pdYUy";const I=u},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},84085:(e,n,t)=>{"use strict";t.d(n,{FS:()=>g.FS,L9:()=>g.L9,LF:()=>g.LF,Ps:()=>g.Ps,VR:()=>g.VR,Yy:()=>g.Yy,Zx:()=>g.Zx,gv:()=>g.gv,lW:()=>g.lW,p4:()=>g.p4,wx:()=>g.wx,yU:()=>g.yU,yp:()=>g.yp});var i=t(25835),o=t.n(i),r=t(69120),d=t.n(r),l=t(91148),a=t.n(l),s=t(73035),u=t.n(s),c=t(24959),x=t.n(c),p=t(15004),m=t.n(p),g=t(7543),b={};b.styleTagTransform=m(),b.setAttributes=u(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();o()(g.Ay,b),g.Ay&&g.Ay.locals&&g.Ay.locals},72919:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var r=classNames.apply(null,t);r&&e.push(r)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var d in t)i.call(t,d)&&t[d]&&e.push(d);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()},9278:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7868.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7868,5434,1773,3053],{97868:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(72919),r=n.n(o),a=n(970),i=(n(41594),n(6561)),s=n(65721),l=n(11773),u=n(82246);const c=(0,a.PA)((function OptionsSelector(e){var t=e.options,n=e.optionState,o=(0,u.jsx)(l.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,u.jsx)("div",{className:s.iE,children:(0,u.jsx)(i.A,{className:r()(s.A5),controlClassName:s.Vu,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:o,arrowOpen:o})})}))},11773:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>x});var o=n(23170),r=(n(41594),n(25835)),a=n.n(r),i=n(69120),s=n.n(i),l=n(91148),u=n.n(l),c=n(73035),d=n.n(c),p=n(24959),f=n.n(p),h=n(15004),m=n.n(h),y=n(16635),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.Ay,v);y.Ay&&y.Ay.locals&&y.Ay.locals;var b=n(72919),g=n.n(b),_=n(82246),w=["onClick","iconAsDelete","open"];const x=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.A)(e,w);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.BI,n?y.OD:void 0,n?void 0:r?y.U3:y.y,a.className)})}},88123:(e,t,n)=>{"use strict";n.d(t,{A5:()=>l,Ay:()=>c,Vu:()=>u,iE:()=>s});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a)()(r());i.push([e.id,".index-module--RZMjm {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--nuzKL {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--_W5z6 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--RZMjm",l="index-module--nuzKL",u="index-module--_W5z6";const c=i},16635:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>b,BI:()=>h,OD:()=>m,U3:()=>y,y:()=>v});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a),s=n(1946),l=n.n(s),u=new URL(n(74338),n.b),c=new URL(n(67854),n.b),d=i()(r()),p=l()(u),f=l()(c);d.push([e.id,`.index-module--vBvUX {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--Yt59l {\n  background-image: url(${p});\n}\n\n.index-module--Yt59l:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--DpOf1 {\n  transform: rotateZ(180deg);\n  background-image: url(${f});\n}\n\n.index-module--x_MGK {\n  background-image: url(${f});\n}\n`,""]);var h="index-module--vBvUX",m="index-module--Yt59l",y="index-module--DpOf1",v="index-module--x_MGK";const b=d},1946:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65721:(e,t,n)=>{"use strict";n.d(t,{A5:()=>m.A5,Vu:()=>m.Vu,iE:()=>m.iE});var o=n(25835),r=n.n(o),a=n(69120),i=n.n(a),s=n(91148),l=n.n(s),u=n(73035),c=n.n(u),d=n(24959),p=n.n(d),f=n(15004),h=n.n(f),m=n(88123),y={};y.styleTagTransform=h(),y.setAttributes=c(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();r()(m.Ay,y),m.Ay&&m.Ay.locals&&m.Ay.locals},72919:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)){if(n.length){var a=classNames.apply(null,n);a&&e.push(a)}}else if("object"===r)if(n.toString===Object.prototype.toString)for(var i in n)o.call(n,i)&&n[i]&&e.push(i);else e.push(n.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()},6561:(e,t,n)=>{"use strict";t.A=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(41594)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(72919));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s);return o.default.createElement("div",{key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,y,!!y),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),w=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),x=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),C=o.default.createElement("div",{className:_},v),O=this.state.isOpen?o.default.createElement("div",{className:w,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},C,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:x}))),O)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.A=s},74338:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67854:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7868,5434,3053,1773,196],{97868:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(72919),r=n.n(o),a=n(970),i=(n(41594),n(6561)),s=n(65721),l=n(11773),u=n(82246);const c=(0,a.PA)((function OptionsSelector(e){var t=e.options,n=e.optionState,o=(0,u.jsx)(l.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,u.jsx)("div",{className:s.iE,children:(0,u.jsx)(i.A,{className:r()(s.A5),controlClassName:s.Vu,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:o,arrowOpen:o})})}))},11773:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>x});var o=n(23170),r=(n(41594),n(25835)),a=n.n(r),i=n(69120),s=n.n(i),l=n(91148),u=n.n(l),c=n(73035),d=n.n(c),p=n(24959),f=n.n(p),h=n(15004),m=n.n(h),y=n(16635),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.Ay,v);y.Ay&&y.Ay.locals&&y.Ay.locals;var b=n(72919),g=n.n(b),_=n(82246),w=["onClick","iconAsDelete","open"];const x=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.A)(e,w);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.BI,n?y.OD:void 0,n?void 0:r?y.U3:y.y,a.className)})}},88123:(e,t,n)=>{"use strict";n.d(t,{A5:()=>l,Ay:()=>c,Vu:()=>u,iE:()=>s});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a)()(r());i.push([e.id,".index-module--RZMjm {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--nuzKL {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--_W5z6 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--RZMjm",l="index-module--nuzKL",u="index-module--_W5z6";const c=i},16635:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>b,BI:()=>h,OD:()=>m,U3:()=>y,y:()=>v});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a),s=n(1946),l=n.n(s),u=new URL(n(74338),n.b),c=new URL(n(67854),n.b),d=i()(r()),p=l()(u),f=l()(c);d.push([e.id,`.index-module--vBvUX {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--Yt59l {\n  background-image: url(${p});\n}\n\n.index-module--Yt59l:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--DpOf1 {\n  transform: rotateZ(180deg);\n  background-image: url(${f});\n}\n\n.index-module--x_MGK {\n  background-image: url(${f});\n}\n`,""]);var h="index-module--vBvUX",m="index-module--Yt59l",y="index-module--DpOf1",v="index-module--x_MGK";const b=d},1946:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65721:(e,t,n)=>{"use strict";n.d(t,{A5:()=>m.A5,Vu:()=>m.Vu,iE:()=>m.iE});var o=n(25835),r=n.n(o),a=n(69120),i=n.n(a),s=n(91148),l=n.n(s),u=n(73035),c=n.n(u),d=n(24959),p=n.n(d),f=n(15004),h=n.n(f),m=n(88123),y={};y.styleTagTransform=h(),y.setAttributes=c(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();r()(m.Ay,y),m.Ay&&m.Ay.locals&&m.Ay.locals},72919:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)){if(n.length){var a=classNames.apply(null,n);a&&e.push(a)}}else if("object"===r)if(n.toString===Object.prototype.toString)for(var i in n)o.call(n,i)&&n[i]&&e.push(i);else e.push(n.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()},6561:(e,t,n)=>{"use strict";t.A=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(41594)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(72919));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s);return o.default.createElement("div",{key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,y,!!y),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),w=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),x=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),C=o.default.createElement("div",{className:_},v),O=this.state.isOpen?o.default.createElement("div",{className:w,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},C,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:x}))),O)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.A=s},74338:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67854:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);