@crystaldesign/diva-web-planner-react 26.12.0-beta.1 → 26.12.0-beta.2

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

@@ -1,2 +1,2 @@
 /*! For license information please see 613.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[613,5070,5820],{73666:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(9204),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.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,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},70613:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(9204),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(12576),w=t(9420),y=t(73666),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(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:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(9204)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(9204),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},49202:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(9204),l=t(82956),d=t(16567),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),S=t(45070),m=t(65515),h=t.n(m),v=t(47514);const w=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,x.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,x.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(b().mark((function _callee(){var n,e,t,a,o,r=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var i=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);i&&n.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),a=t.setSwiperRef,g=t.allSwipes,m=t.handleSlideChange,w=t.handleSetTransition,y=t.handleTransitionEnd,k=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(r.tq,{onSlideChange:m,onSetTransition:w,onTransitionEnd:y,initialSlide:k,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,i=e.tabGroupState.allTabGroups.get(n),a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},n),(0,v.jsx)(S.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,v.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(9204)),r=t(80509),s=t(16567),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(49202),x=t(51451),g=t(71883),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\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  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\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--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky 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--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[613,5070,5820],{73666:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(75327),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.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,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},70613:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(75327),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(12576),w=t(9420),y=t(73666),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(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:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(75327)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(75327),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},49202:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(75327),l=t(82956),d=t(16567),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),S=t(45070),m=t(65515),h=t.n(m),v=t(47514);const w=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,x.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,x.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(b().mark((function _callee(){var n,e,t,a,o,r=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var i=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);i&&n.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),a=t.setSwiperRef,g=t.allSwipes,m=t.handleSlideChange,w=t.handleSetTransition,y=t.handleTransitionEnd,k=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(r.tq,{onSlideChange:m,onSetTransition:w,onTransitionEnd:y,initialSlide:k,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,i=e.tabGroupState.allTabGroups.get(n),a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},n),(0,v.jsx)(S.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,v.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(75327)),r=t(80509),s=t(16567),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(49202),x=t(51451),g=t(71883),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\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  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\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--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky 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--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6132.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6132],{6132:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(34988),o=i(9204),r=i(9420),s=i(87363),a=i(37707),d=i(74635),l=i(88683),u=i(93379),c=i.n(u),p=i(7795),m=i.n(p),f=i(90569),x=i.n(f),g=i(3565),b=i.n(g),h=i(19216),w=i.n(h),v=i(44589),y=i.n(v),Z=i(19723),k={};k.styleTagTransform=y(),k.setAttributes=b(),k.insert=x().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=w();c()(Z.ZP,k);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var z=i(47514),P={de:["Lichter werden eingerichtet…","Kamera wird positioniert…","Möbel werden platziert…","Stoffe werden ausgewählt…","Schatten werden angepasst…","Accessoires werden gestylt…","Wände werden gestrichen…","Letzte Details werden hinzugefügt…","Raum wird arrangiert…","Szene wird perfektioniert…","Oberflächen werden poliert…","Ambiente wird abgestimmt…"],en:["Setting up lights…","Positioning camera…","Placing furniture…","Choosing fabrics…","Adjusting shadows…","Styling accessories…","Painting the walls…","Adding final touches…","Arranging the room…","Perfecting the scene…","Polishing surfaces…","Tuning the ambiance…"],fr:["Installation des lumières…","Positionnement de la caméra…","Placement des meubles…","Choix des tissus…","Ajustement des ombres…","Mise en place des accessoires…","Peinture des murs…","Ajout des touches finales…","Aménagement de la pièce…","Perfectionnement de la scène…","Polissage des surfaces…","Réglage de l’ambiance…"],it:["Preparazione delle luci…","Posizionamento della fotocamera…","Disposizione dei mobili…","Scelta dei tessuti…","Regolazione delle ombre…","Allestimento degli accessori…","Pittura delle pareti…","Aggiunta dei dettagli finali…","Organizzazione della stanza…","Perfezionamento della scena…","Lucidatura delle superfici…","Sintonizzazione dell’atmosfera…"]};const j=(0,r.Pi)((function PlannerAIRoom(){var n,e,i=(0,o.NP)(),r=i.aiState,u=(0,l.useTranslation)(),c=u.i18n,p=u.t,m=(0,s.useRef)(null),f=(0,s.useState)(0),x=(0,t.Z)(f,2),g=x[0],b=x[1],h=(0,s.useState)(0),w=(0,t.Z)(h,2),v=w[0],y=w[1],k=(0,s.useRef)(0),j=(null!==(n=c.language)&&void 0!==n?n:"de").toLowerCase().slice(0,2),R=null!==(e=P[j])&&void 0!==e?e:P.de,S=r.isAnyGenerationInProgress,A=r.generatedImageHistory,I=i.productState.doShowAIRoom,L=A.length>0,N=A.length+(S?1:0),C=S?1:0,E=S&&0===v;return(0,s.useEffect)((function(){var n=A[v-C];n&&r.setCurrentlyVisibleRoom({key:n.key,hash:n.hash,src:n.src})}),[v,C]),(0,s.useEffect)((function(){if(S){var n=setInterval((function(){b((function(n){return(n+1)%R.length}))}),3e3);return function(){return clearInterval(n)}}b(0)}),[S]),(0,s.useEffect)((function(){if(A.length>k.current&&m.current){var n=S?1:0;m.current.params.loop?m.current.slideToLoop(n,300):m.current.slideTo(n,300)}k.current=A.length}),[A.length]),(0,s.useEffect)((function(){if(r.currentlyVisibleRoom&&m.current){var n=A.findIndex((function(n){var e;return n.src===(null===(e=r.currentlyVisibleRoom)||void 0===e?void 0:e.src)}));if(!(n<0)){var e=n+C;e!==m.current.realIndex&&(m.current.params.loop?m.current.slideToLoop(e,300):m.current.slideTo(e,300))}}}),[r.currentlyVisibleRoom,A,C]),(0,s.useEffect)((function(){S&&m.current&&(m.current.params.loop?m.current.slideToLoop(0,300):m.current.slideTo(0,300))}),[S,r.loadingSlideFocusRequest]),(0,s.useEffect)((function(){return r.setLoadingSlideActive(E),function(){return r.setLoadingSlideActive(!1)}}),[E]),(0,z.jsxs)("div",{className:Z.Cp,id:"ai-room-container",style:{visibility:I?"visible":"hidden",pointerEvents:I?"auto":"none"},children:[L||S?(0,z.jsxs)("div",{className:Z.nl,children:[(0,z.jsxs)(a.tq,{modules:[d.W_],navigation:!0,slidesPerView:1,onSwiper:function onSwiper(n){m.current=n},onSlideChange:function onSlideChange(n){return y(n.realIndex)},loop:N>1,children:[S&&(0,z.jsx)(a.o5,{children:(0,z.jsxs)("div",{className:"".concat(Z.Rc," ").concat(Z.B7),children:[(0,z.jsx)("div",{className:Z.lY}),(0,z.jsx)("p",{className:Z.w4,children:R[g]},g)]})},"loading-slide"),A.map((function(n,e){return(0,z.jsx)(a.o5,{children:(0,z.jsx)("div",{className:Z.Rc,children:(0,z.jsx)("img",{className:Z.ZG,src:n.src,alt:"AI Generated Room",draggable:!1})})},"".concat(n.key,"-").concat(n.hash,"-").concat(e))}))]}),A.length>1&&!E&&(0,z.jsxs)("div",{className:Z.mm,children:[v-C+1," / ",A.length]})]}):r.currentlyVisibleRoom&&(0,z.jsx)("div",{className:Z.Rc,children:(0,z.jsx)("img",{className:Z.ZG,src:r.currentlyVisibleRoom.src,alt:"AI Generated Room",draggable:!1})}),L&&!S&&(0,z.jsx)("div",{className:Z.bg,children:p("configurator.roomRendering.aiGenerated")})]})}))},19723:(n,e,i)=>{i.d(e,{B7:()=>p,Cp:()=>a,Rc:()=>l,ZG:()=>u,ZP:()=>g,bg:()=>x,lY:()=>m,mm:()=>c,nl:()=>d,w4:()=>f});var t=i(8081),o=i.n(t),r=i(23645),s=i.n(r)()(o());s.push([n.id,".index-module--K4sxz {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n/* ── Gallery ────────────────────────────────────────────── */\n\n.index-module--d9Zip {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.index-module--d9Zip .swiper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--d9Zip .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n}\n\n.index-module--d9Zip .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n}\n\n.index-module--BE8L5 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    filter 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: filter, transform;\n}\n\n.index-module--_fRU1 {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* ── Navigation arrows ──────────────────────────────────── */\n\n.index-module--d9Zip .swiper-button-prev,\n.index-module--d9Zip .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 44px;\n  height: 44px;\n  margin-top: -22px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 50%;\n  color: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition:\n    background 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--d9Zip .swiper-button-prev:hover,\n.index-module--d9Zip .swiper-button-next:hover {\n  background: rgba(0, 0, 0, 0.55);\n  transform: scale(1.06);\n}\n\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:active {\n  transform: scale(0.96);\n}\n\n.index-module--d9Zip .swiper-button-prev:focus,\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:focus,\n.index-module--d9Zip .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--d9Zip .swiper-button-prev::before,\n.index-module--d9Zip .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  text-transform: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 18px;\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n\n.index-module--d9Zip .swiper-button-prev {\n  left: 16px;\n}\n\n.index-module--d9Zip .swiper-button-next {\n  right: 16px;\n}\n\n.index-module--d9Zip .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--d9Zip .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--d9Zip .swiper-button-disabled {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--d9Zip .swiper-button-prev svg,\n.index-module--d9Zip .swiper-button-next svg {\n  display: none;\n}\n\n/* ── Slide counter ──────────────────────────────────────── */\n\n.index-module--PG_Iw {\n  position: absolute;\n  bottom: 84px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5;\n  padding: 5px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.92);\n  background: rgba(0, 0, 0, 0.38);\n  border-radius: 20px;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile .index-module--PG_Iw {\n  bottom: 20px;\n}\n\n/* ── Loading slide (rendered inside the gallery swiper) ── */\n\n.index-module--FLZ8x {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.25);\n  animation: index-module--fkhc0 0.6s ease both;\n}\n\n@keyframes index-module--fkhc0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.index-module--ULtbB {\n  width: 52px;\n  height: 52px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: index-module--WvcJk 0.9s linear infinite;\n}\n\n@keyframes index-module--WvcJk {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--K3jOc {\n  margin-top: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  color: #fff;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);\n  animation: index-module--VEQvP 0.5s ease both;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n@keyframes index-module--VEQvP {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ── Warning badge ──────────────────────────────────────── */\n\n.index-module--Blsq3 {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  font-weight: 500;\n  z-index: 5;\n}\n\n.mobile .index-module--Blsq3 {\n  font-size: 11px;\n}\n",""]);var a="index-module--K4sxz",d="index-module--d9Zip",l="index-module--BE8L5",u="index-module--_fRU1",c="index-module--PG_Iw",p="index-module--FLZ8x",m="index-module--ULtbB",f="index-module--K3jOc",x="index-module--Blsq3";const g=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6132],{6132:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(34988),o=i(75327),r=i(9420),s=i(87363),a=i(37707),d=i(74635),l=i(88683),u=i(93379),c=i.n(u),p=i(7795),m=i.n(p),f=i(90569),x=i.n(f),g=i(3565),b=i.n(g),h=i(19216),w=i.n(h),v=i(44589),y=i.n(v),Z=i(19723),k={};k.styleTagTransform=y(),k.setAttributes=b(),k.insert=x().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=w();c()(Z.ZP,k);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var z=i(47514),P={de:["Lichter werden eingerichtet…","Kamera wird positioniert…","Möbel werden platziert…","Stoffe werden ausgewählt…","Schatten werden angepasst…","Accessoires werden gestylt…","Wände werden gestrichen…","Letzte Details werden hinzugefügt…","Raum wird arrangiert…","Szene wird perfektioniert…","Oberflächen werden poliert…","Ambiente wird abgestimmt…"],en:["Setting up lights…","Positioning camera…","Placing furniture…","Choosing fabrics…","Adjusting shadows…","Styling accessories…","Painting the walls…","Adding final touches…","Arranging the room…","Perfecting the scene…","Polishing surfaces…","Tuning the ambiance…"],fr:["Installation des lumières…","Positionnement de la caméra…","Placement des meubles…","Choix des tissus…","Ajustement des ombres…","Mise en place des accessoires…","Peinture des murs…","Ajout des touches finales…","Aménagement de la pièce…","Perfectionnement de la scène…","Polissage des surfaces…","Réglage de l’ambiance…"],it:["Preparazione delle luci…","Posizionamento della fotocamera…","Disposizione dei mobili…","Scelta dei tessuti…","Regolazione delle ombre…","Allestimento degli accessori…","Pittura delle pareti…","Aggiunta dei dettagli finali…","Organizzazione della stanza…","Perfezionamento della scena…","Lucidatura delle superfici…","Sintonizzazione dell’atmosfera…"]};const j=(0,r.Pi)((function PlannerAIRoom(){var n,e,i=(0,o.NP)(),r=i.aiState,u=(0,l.useTranslation)(),c=u.i18n,p=u.t,m=(0,s.useRef)(null),f=(0,s.useState)(0),x=(0,t.Z)(f,2),g=x[0],b=x[1],h=(0,s.useState)(0),w=(0,t.Z)(h,2),v=w[0],y=w[1],k=(0,s.useRef)(0),j=(null!==(n=c.language)&&void 0!==n?n:"de").toLowerCase().slice(0,2),R=null!==(e=P[j])&&void 0!==e?e:P.de,S=r.isAnyGenerationInProgress,A=r.generatedImageHistory,I=i.productState.doShowAIRoom,L=A.length>0,N=A.length+(S?1:0),C=S?1:0,E=S&&0===v;return(0,s.useEffect)((function(){var n=A[v-C];n&&r.setCurrentlyVisibleRoom({key:n.key,hash:n.hash,src:n.src})}),[v,C]),(0,s.useEffect)((function(){if(S){var n=setInterval((function(){b((function(n){return(n+1)%R.length}))}),3e3);return function(){return clearInterval(n)}}b(0)}),[S]),(0,s.useEffect)((function(){if(A.length>k.current&&m.current){var n=S?1:0;m.current.params.loop?m.current.slideToLoop(n,300):m.current.slideTo(n,300)}k.current=A.length}),[A.length]),(0,s.useEffect)((function(){if(r.currentlyVisibleRoom&&m.current){var n=A.findIndex((function(n){var e;return n.src===(null===(e=r.currentlyVisibleRoom)||void 0===e?void 0:e.src)}));if(!(n<0)){var e=n+C;e!==m.current.realIndex&&(m.current.params.loop?m.current.slideToLoop(e,300):m.current.slideTo(e,300))}}}),[r.currentlyVisibleRoom,A,C]),(0,s.useEffect)((function(){S&&m.current&&(m.current.params.loop?m.current.slideToLoop(0,300):m.current.slideTo(0,300))}),[S,r.loadingSlideFocusRequest]),(0,s.useEffect)((function(){return r.setLoadingSlideActive(E),function(){return r.setLoadingSlideActive(!1)}}),[E]),(0,z.jsxs)("div",{className:Z.Cp,id:"ai-room-container",style:{visibility:I?"visible":"hidden",pointerEvents:I?"auto":"none"},children:[L||S?(0,z.jsxs)("div",{className:Z.nl,children:[(0,z.jsxs)(a.tq,{modules:[d.W_],navigation:!0,slidesPerView:1,onSwiper:function onSwiper(n){m.current=n},onSlideChange:function onSlideChange(n){return y(n.realIndex)},loop:N>1,children:[S&&(0,z.jsx)(a.o5,{children:(0,z.jsxs)("div",{className:"".concat(Z.Rc," ").concat(Z.B7),children:[(0,z.jsx)("div",{className:Z.lY}),(0,z.jsx)("p",{className:Z.w4,children:R[g]},g)]})},"loading-slide"),A.map((function(n,e){return(0,z.jsx)(a.o5,{children:(0,z.jsx)("div",{className:Z.Rc,children:(0,z.jsx)("img",{className:Z.ZG,src:n.src,alt:"AI Generated Room",draggable:!1})})},"".concat(n.key,"-").concat(n.hash,"-").concat(e))}))]}),A.length>1&&!E&&(0,z.jsxs)("div",{className:Z.mm,children:[v-C+1," / ",A.length]})]}):r.currentlyVisibleRoom&&(0,z.jsx)("div",{className:Z.Rc,children:(0,z.jsx)("img",{className:Z.ZG,src:r.currentlyVisibleRoom.src,alt:"AI Generated Room",draggable:!1})}),L&&!S&&(0,z.jsx)("div",{className:Z.bg,children:p("configurator.roomRendering.aiGenerated")})]})}))},19723:(n,e,i)=>{i.d(e,{B7:()=>p,Cp:()=>a,Rc:()=>l,ZG:()=>u,ZP:()=>g,bg:()=>x,lY:()=>m,mm:()=>c,nl:()=>d,w4:()=>f});var t=i(8081),o=i.n(t),r=i(23645),s=i.n(r)()(o());s.push([n.id,".index-module--K4sxz {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n/* ── Gallery ────────────────────────────────────────────── */\n\n.index-module--d9Zip {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.index-module--d9Zip .swiper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--d9Zip .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n}\n\n.index-module--d9Zip .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n}\n\n.index-module--BE8L5 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    filter 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: filter, transform;\n}\n\n.index-module--_fRU1 {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* ── Navigation arrows ──────────────────────────────────── */\n\n.index-module--d9Zip .swiper-button-prev,\n.index-module--d9Zip .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 44px;\n  height: 44px;\n  margin-top: -22px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 50%;\n  color: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition:\n    background 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--d9Zip .swiper-button-prev:hover,\n.index-module--d9Zip .swiper-button-next:hover {\n  background: rgba(0, 0, 0, 0.55);\n  transform: scale(1.06);\n}\n\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:active {\n  transform: scale(0.96);\n}\n\n.index-module--d9Zip .swiper-button-prev:focus,\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:focus,\n.index-module--d9Zip .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--d9Zip .swiper-button-prev::before,\n.index-module--d9Zip .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  text-transform: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 18px;\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n\n.index-module--d9Zip .swiper-button-prev {\n  left: 16px;\n}\n\n.index-module--d9Zip .swiper-button-next {\n  right: 16px;\n}\n\n.index-module--d9Zip .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--d9Zip .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--d9Zip .swiper-button-disabled {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--d9Zip .swiper-button-prev svg,\n.index-module--d9Zip .swiper-button-next svg {\n  display: none;\n}\n\n/* ── Slide counter ──────────────────────────────────────── */\n\n.index-module--PG_Iw {\n  position: absolute;\n  bottom: 84px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5;\n  padding: 5px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.92);\n  background: rgba(0, 0, 0, 0.38);\n  border-radius: 20px;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile .index-module--PG_Iw {\n  bottom: 20px;\n}\n\n/* ── Loading slide (rendered inside the gallery swiper) ── */\n\n.index-module--FLZ8x {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.25);\n  animation: index-module--fkhc0 0.6s ease both;\n}\n\n@keyframes index-module--fkhc0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.index-module--ULtbB {\n  width: 52px;\n  height: 52px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: index-module--WvcJk 0.9s linear infinite;\n}\n\n@keyframes index-module--WvcJk {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--K3jOc {\n  margin-top: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  color: #fff;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);\n  animation: index-module--VEQvP 0.5s ease both;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n@keyframes index-module--VEQvP {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ── Warning badge ──────────────────────────────────────── */\n\n.index-module--Blsq3 {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  font-weight: 500;\n  z-index: 5;\n}\n\n.mobile .index-module--Blsq3 {\n  font-size: 11px;\n}\n",""]);var a="index-module--K4sxz",d="index-module--d9Zip",l="index-module--BE8L5",u="index-module--_fRU1",c="index-module--PG_Iw",p="index-module--FLZ8x",m="index-module--ULtbB",f="index-module--K3jOc",x="index-module--Blsq3";const g=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6253.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6253,8291,6882,1801,58],{56882:(e,n,i)=>{i.r(n),i.d(n,{default:()=>m});var o=i(88291),d=i(9204),t=i(9420),l=(i(87363),i(49628)),r=i(65515),a=i.n(r),s=i(81673),x=i(47514);const m=(0,t.Pi)((function AddElement(e){var n;(0,o.Z)(e);var i=(0,d.NP)(),t="add"==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.mode)||0==Object.keys(i.settingsState.articleInfos).length;return(0,x.jsx)("div",{className:a()(l.YS,i.getIsInMobileView()?l.ai:void 0,i.uiState.isTablet?l.Mq:void 0),children:(0,x.jsx)("div",{id:"add",className:a()(l.PD,i.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var e=i.paletteViewHandler.planner2Dot0Items.getAllItems(),n=e.find((function(e){return e.incomplete})),o=e.find((function(e){var n;return e.basketId==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));i.paletteViewHandler.elementOverviewSelectionChanged(!0,n,o,"add"),void 0===(null==n?void 0:n.id)?i.viewPlannerHandler.onClearElementSelection():i.viewPlannerHandler.onElementSelected(n.setId,null==n?void 0:n.id)},children:(0,x.jsx)("div",{className:a()(l.be),children:(0,x.jsx)("img",{className:a()(l.K5),src:s})})})})}))},16253:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var o=i(80248),d=(i(87363),i(9420)),t=i(9204),l=i(65515),r=i.n(l),a=i(21801),s=i(49628),x=i(56882),m=i(46770),u=i(88683),c=i(55461),p=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const C=(0,d.Pi)((function PlannerOverviewItem(e){var n,i,o,d,l=e.item,C=(0,t.NP)(),h=(0,u.useDivaCore)().state.dimensions,g=h.isMobile,v=h.isTablet,b=l.basketId==(null===(n=C.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)&&"add"!=(null===(i=C.settingsState.addElementSelected)||void 0===i?void 0:i.mode),f={},w={},y=void 0,j=!1,I={},S=(0,m.XI)({delayEnter:2e3,hideOnScroll:!0}),P=(0,m.sJ)({isOpen:S[0],auto:!0,placement:C.getViewConfig().tooltipPosition||"left-center"});g||v||C.getViewConfig().hideTooltip||l.contentItemId||(j=S[0],I=S[1],f=P.triggerProps,w=P.layerProps,y=P.renderLayer);var M=C.settingsState.isScrollingDown;return"add"==l.basketId?(0,p.jsx)(x.default,{item:l}):l.isAccessoire?(0,p.jsx)(p.Fragment,{}):(0,p.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:r()(s.YS,C.getIsInMobileView()?s.ai:void 0,C.uiState.isTablet?s.Mq:void 0),onClick:function onClick(){C.viewPlannerHandler.onElementSelected(l.setId,l.id),C.paletteViewHandler.elementOverviewSelectionChanged(!0,void 0,l,"replace",!0)}},f),I),{},{children:(0,p.jsxs)("div",{id:l.basketId,className:r()(s.Sp,M?s.yG:void 0,b?s.pA:void 0),children:[(0,p.jsxs)("div",{className:r()(s.be),children:[l.image&&(0,p.jsx)("img",{className:r()(s.K5),src:l.image.replace("_gal","").replace("_low","")}),l.contentItemId&&(0,p.jsx)(a.default,{item:l,style:_objectSpread({bottom:M?"-1px":"-7px",right:"-8px"},M?{"--infoIconSize":"16px"}:{})},l.codex)]}),(0,p.jsx)("div",{className:s.FJ,children:(0,p.jsx)("div",{className:s.TN,dangerouslySetInnerHTML:{__html:l.title}})}),j&&(null===(o=y)||void 0===o?void 0:o((0,p.jsx)(c.default,{text:null!==(d=l.longDescription)&&void 0!==d?d:l.title,codex:l.articleCodex,image:l.image,layerProps:w,price:l.price},l.codex))),(0,p.jsx)("div",{className:s.yi,onClick:function onClick(e){e.stopPropagation(),C.viewPlannerHandler.onElementDeleted(l.setId,l.id)},children:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:C.getIsInMobileView()?"12":"15",height:C.getIsInMobileView()?"12":"15",viewBox:"0 -960 960 960",fill:"var(--trash-color)",children:(0,p.jsx)("path",{d:"m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"})})})]})}))}))},21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var o=i(34988),d=i(93379),t=i.n(d),l=i(7795),r=i.n(l),a=i(90569),s=i.n(a),x=i(3565),m=i.n(x),u=i(19216),c=i.n(u),p=i(44589),C=i.n(p),h=i(23240),g={};g.styleTagTransform=C(),g.setAttributes=m(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=c();t()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(87363),b=i(9204),f=i(65515),w=i.n(f),y=i(9420),j=i(47514);const I=(0,y.Pi)((function InfoIcon(e){var n,i,d,t=e.item,l=e.style,r=(0,b.NP)(),a=t.contentItemId,s=null!==(n=null!==(i=null!==(d=t.codex)&&void 0!==d?d:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==n?n:t.key,x=(0,v.useState)(!1),m=(0,o.Z)(x,2),u=m[0],c=m[1],p=t.sel||u;if((0,v.useEffect)((function(){var e=r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a&&s==r.settingsState.clickedFrom;!e&&u&&c(!1),e&&!u&&c(!0)}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId,r.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!t.op||null===(e=r.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){r.settingsState.onClickContentItemId(a,s),c(r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,p?void 0:h.al,u?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,p?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},86682:(e,n,i)=>{i.d(n,{FJ:()=>h,K5:()=>C,Mq:()=>x,PD:()=>u,Sp:()=>a,TN:()=>g,YS:()=>r,ZP:()=>b,ai:()=>s,be:()=>c,pA:()=>p,yG:()=>m,yi:()=>v});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",a="index-module--KL9WL",s="index-module--_rhcx",x="index-module--n2nO7",m="index-module--nqpmq",u="index-module--eU87P",c="index-module--BubVA",p="index-module--A0nkG",C="index-module--_zSMt",h="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const b=l},23240:(e,n,i)=>{i.d(n,{FJ:()=>m,Oq:()=>x,ZP:()=>p,al:()=>c,dA:()=>s,fL:()=>u,hv:()=>a,um:()=>r});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var r="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",c="index-module--oBSZj";const p=l},49628:(e,n,i)=>{i.d(n,{FJ:()=>C.FJ,K5:()=>C.K5,Mq:()=>C.Mq,PD:()=>C.PD,Sp:()=>C.Sp,TN:()=>C.TN,YS:()=>C.YS,ai:()=>C.ai,be:()=>C.be,pA:()=>C.pA,yG:()=>C.yG,yi:()=>C.yi});var o=i(93379),d=i.n(o),t=i(7795),l=i.n(t),r=i(90569),a=i.n(r),s=i(3565),x=i.n(s),m=i(19216),u=i.n(m),c=i(44589),p=i.n(c),C=i(86682),h={};h.styleTagTransform=p(),h.setAttributes=x(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();d()(C.ZP,h),C.ZP&&C.ZP.locals&&C.ZP.locals},81673:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(e,n,i)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}i.d(n,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6253,8291,6882,1801,58],{56882:(e,n,i)=>{i.r(n),i.d(n,{default:()=>m});var o=i(88291),d=i(75327),t=i(9420),l=(i(87363),i(49628)),r=i(65515),a=i.n(r),s=i(81673),x=i(47514);const m=(0,t.Pi)((function AddElement(e){var n;(0,o.Z)(e);var i=(0,d.NP)(),t="add"==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.mode)||0==Object.keys(i.settingsState.articleInfos).length;return(0,x.jsx)("div",{className:a()(l.YS,i.getIsInMobileView()?l.ai:void 0,i.uiState.isTablet?l.Mq:void 0),children:(0,x.jsx)("div",{id:"add",className:a()(l.PD,i.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var e=i.paletteViewHandler.planner2Dot0Items.getAllItems(),n=e.find((function(e){return e.incomplete})),o=e.find((function(e){var n;return e.basketId==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));i.paletteViewHandler.elementOverviewSelectionChanged(!0,n,o,"add"),void 0===(null==n?void 0:n.id)?i.viewPlannerHandler.onClearElementSelection():i.viewPlannerHandler.onElementSelected(n.setId,null==n?void 0:n.id)},children:(0,x.jsx)("div",{className:a()(l.be),children:(0,x.jsx)("img",{className:a()(l.K5),src:s})})})})}))},16253:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var o=i(80248),d=(i(87363),i(9420)),t=i(75327),l=i(65515),r=i.n(l),a=i(21801),s=i(49628),x=i(56882),m=i(46770),u=i(88683),c=i(55461),p=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const C=(0,d.Pi)((function PlannerOverviewItem(e){var n,i,o,d,l=e.item,C=(0,t.NP)(),h=(0,u.useDivaCore)().state.dimensions,g=h.isMobile,v=h.isTablet,b=l.basketId==(null===(n=C.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)&&"add"!=(null===(i=C.settingsState.addElementSelected)||void 0===i?void 0:i.mode),f={},w={},y=void 0,j=!1,I={},S=(0,m.XI)({delayEnter:2e3,hideOnScroll:!0}),P=(0,m.sJ)({isOpen:S[0],auto:!0,placement:C.getViewConfig().tooltipPosition||"left-center"});g||v||C.getViewConfig().hideTooltip||l.contentItemId||(j=S[0],I=S[1],f=P.triggerProps,w=P.layerProps,y=P.renderLayer);var M=C.settingsState.isScrollingDown;return"add"==l.basketId?(0,p.jsx)(x.default,{item:l}):l.isAccessoire?(0,p.jsx)(p.Fragment,{}):(0,p.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:r()(s.YS,C.getIsInMobileView()?s.ai:void 0,C.uiState.isTablet?s.Mq:void 0),onClick:function onClick(){C.viewPlannerHandler.onElementSelected(l.setId,l.id),C.paletteViewHandler.elementOverviewSelectionChanged(!0,void 0,l,"replace",!0)}},f),I),{},{children:(0,p.jsxs)("div",{id:l.basketId,className:r()(s.Sp,M?s.yG:void 0,b?s.pA:void 0),children:[(0,p.jsxs)("div",{className:r()(s.be),children:[l.image&&(0,p.jsx)("img",{className:r()(s.K5),src:l.image.replace("_gal","").replace("_low","")}),l.contentItemId&&(0,p.jsx)(a.default,{item:l,style:_objectSpread({bottom:M?"-1px":"-7px",right:"-8px"},M?{"--infoIconSize":"16px"}:{})},l.codex)]}),(0,p.jsx)("div",{className:s.FJ,children:(0,p.jsx)("div",{className:s.TN,dangerouslySetInnerHTML:{__html:l.title}})}),j&&(null===(o=y)||void 0===o?void 0:o((0,p.jsx)(c.default,{text:null!==(d=l.longDescription)&&void 0!==d?d:l.title,codex:l.articleCodex,image:l.image,layerProps:w,price:l.price},l.codex))),(0,p.jsx)("div",{className:s.yi,onClick:function onClick(e){e.stopPropagation(),C.viewPlannerHandler.onElementDeleted(l.setId,l.id)},children:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:C.getIsInMobileView()?"12":"15",height:C.getIsInMobileView()?"12":"15",viewBox:"0 -960 960 960",fill:"var(--trash-color)",children:(0,p.jsx)("path",{d:"m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"})})})]})}))}))},21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var o=i(34988),d=i(93379),t=i.n(d),l=i(7795),r=i.n(l),a=i(90569),s=i.n(a),x=i(3565),m=i.n(x),u=i(19216),c=i.n(u),p=i(44589),C=i.n(p),h=i(23240),g={};g.styleTagTransform=C(),g.setAttributes=m(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=c();t()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(87363),b=i(75327),f=i(65515),w=i.n(f),y=i(9420),j=i(47514);const I=(0,y.Pi)((function InfoIcon(e){var n,i,d,t=e.item,l=e.style,r=(0,b.NP)(),a=t.contentItemId,s=null!==(n=null!==(i=null!==(d=t.codex)&&void 0!==d?d:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==n?n:t.key,x=(0,v.useState)(!1),m=(0,o.Z)(x,2),u=m[0],c=m[1],p=t.sel||u;if((0,v.useEffect)((function(){var e=r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a&&s==r.settingsState.clickedFrom;!e&&u&&c(!1),e&&!u&&c(!0)}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId,r.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!t.op||null===(e=r.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){r.settingsState.onClickContentItemId(a,s),c(r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,p?void 0:h.al,u?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,p?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},86682:(e,n,i)=>{i.d(n,{FJ:()=>h,K5:()=>C,Mq:()=>x,PD:()=>u,Sp:()=>a,TN:()=>g,YS:()=>r,ZP:()=>b,ai:()=>s,be:()=>c,pA:()=>p,yG:()=>m,yi:()=>v});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",a="index-module--KL9WL",s="index-module--_rhcx",x="index-module--n2nO7",m="index-module--nqpmq",u="index-module--eU87P",c="index-module--BubVA",p="index-module--A0nkG",C="index-module--_zSMt",h="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const b=l},23240:(e,n,i)=>{i.d(n,{FJ:()=>m,Oq:()=>x,ZP:()=>p,al:()=>c,dA:()=>s,fL:()=>u,hv:()=>a,um:()=>r});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var r="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",c="index-module--oBSZj";const p=l},49628:(e,n,i)=>{i.d(n,{FJ:()=>C.FJ,K5:()=>C.K5,Mq:()=>C.Mq,PD:()=>C.PD,Sp:()=>C.Sp,TN:()=>C.TN,YS:()=>C.YS,ai:()=>C.ai,be:()=>C.be,pA:()=>C.pA,yG:()=>C.yG,yi:()=>C.yi});var o=i(93379),d=i.n(o),t=i(7795),l=i.n(t),r=i(90569),a=i.n(r),s=i(3565),x=i.n(s),m=i(19216),u=i.n(m),c=i(44589),p=i.n(c),C=i(86682),h={};h.styleTagTransform=p(),h.setAttributes=x(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();d()(C.ZP,h),C.ZP&&C.ZP.locals&&C.ZP.locals},81673:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(e,n,i)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}i.d(n,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 631.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[631,1801,8812],{21801:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),l=t(93379),o=t.n(l),d=t(7795),s=t.n(d),a=t(90569),r=t.n(a),c=t(3565),u=t.n(c),x=t(19216),C=t.n(x),m=t(44589),p=t.n(m),f=t(23240),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=C();o()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var g=t(87363),v=t(9204),w=t(65515),j=t.n(w),b=t(9420),y=t(47514);const Z=(0,b.Pi)((function InfoIcon(n){var e,t,l,o=n.item,d=n.style,s=(0,v.NP)(),a=o.contentItemId,r=null!==(e=null!==(t=null!==(l=o.codex)&&void 0!==l?l:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==e?e:o.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=o.sel||x;if((0,g.useEffect)((function(){var n=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&r==s.settingsState.clickedFrom;!n&&x&&C(!1),n&&!x&&C(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!o.op||null===(n=s.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||m}()?(0,y.jsx)("div",{className:f.um,onClick:function onClick(n){s.settingsState.onClickContentItemId(a,r),C(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),n.stopPropagation()},style:d,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(f.hv,m?void 0:f.al,x?f.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,y.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,y.jsx)("div",{className:j()(f.dA,m?f.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,y.jsx)(y.Fragment,{})}))},8812:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),l=t(87363),o=t(93379),d=t.n(o),s=t(7795),a=t.n(s),r=t(90569),c=t.n(r),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),f=t.n(p),h=t(60636),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),w=t.n(v),j=t(9420),b=t(21801),y=t(47514);const Z=(0,j.Pi)((function MultiToggleSwitch(n){var e=n.values,t=n.items,o=(0,i.Z)(n.state,2),d=o[0],s=o[1],a=n.round,r=100/e.length,c=(0,l.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1];return(0,l.useEffect)((function(){e.some((function(n){return!n.endsWith("cm")}))?C(e):C(e.map((function(n,t){return n.replace("cm","")+(t==e.length-1?"cm":"")})))}),[e]),(0,y.jsx)("div",{className:h.YS,style:{borderRadius:a?"100px":void 0},children:(0,y.jsxs)("div",{className:h.No,children:[x.map((function(n,e){var i;return(0,y.jsx)("div",{style:{width:r+"%"},children:(0,y.jsxs)("label",{onClick:function onClick(){return s(e)},className:w()(h.F2,d===e&&h.pA),children:[n,(null===(i=t[e])||void 0===i?void 0:i.contentItemId)&&(0,y.jsx)(b.default,{item:t[e],style:{top:-4}},t[e].codex)]})},e)})),(0,y.jsx)("div",{className:h.wb,style:{left:d/e.length*100+"%",width:r+"%",borderRadius:a?"100px":void 0}})]})})}))},90631:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(34988),l=t(87363),o=t(9420),d=t(9204),s=t(8812),a=t(93379),r=t.n(a),c=t(7795),u=t.n(c),x=t(90569),C=t.n(x),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(7182),j={};j.styleTagTransform=v(),j.setAttributes=p(),j.insert=C().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=h();r()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=t(65515),y=t.n(b),Z=t(21801),I=t(47514);const S=(0,o.Pi)((function MultiToggleComponent(n){var e,t=n.item,o=n.style,a=n.round,r=n.paletteId,c=(0,d.NP)(),u=(0,l.useState)([]),x=(0,i.Z)(u,2),C=x[0],m=x[1],p=(0,l.useState)([]),f=(0,i.Z)(p,2),h=f[0],g=f[1],v=(0,l.useState)(),j=(0,i.Z)(v,2),b=j[0],S=j[1],P=(0,l.useState)(!1),N=(0,i.Z)(P,2),F=N[0],k=N[1];(0,l.useEffect)((function(){var n=t.groups.flatMap((function(n){return n.items})),e=n.every((function(n){return n.text.endsWith("cm")}));m(n),k(e),g(n.map((function(n){return e?n.text.replace("cm",""):n.text}))),S(n.findIndex((function(n){return n.sel})))}),[t]);return 0===C.length?(0,I.jsx)(I.Fragment,{}):(0,I.jsxs)("div",{className:w.O7,ref:function ref(n){return t.htmlRef=n},style:o,children:[(0,I.jsxs)("div",{className:y()(w.eR,w.TN),children:[t.name+(F?" (cm)":""),(null===(e=t.selectedElements)||void 0===e?void 0:e[0].contentItemId)&&(0,I.jsx)(Z.default,{item:t.selectedElements[0],style:{position:"relative"}},t.selectedElements[0].codex)]}),(0,I.jsx)("div",{className:y()(w.eR,w.ZN),children:(0,I.jsx)(s.default,{items:C,values:h,state:[b,function onChangeValue(n){S(n);var e=C[n];e&&c.paletteViewHandler.clickedOnConfigPalette(e,void 0,r)}],round:a})})]})}))},23240:(n,e,t)=>{t.d(e,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>C,dA:()=>r,fL:()=>x,hv:()=>a,um:()=>s});var i=t(8081),l=t.n(i),o=t(23645),d=t.n(o)()(l());d.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",a="index-module--C9QBx",r="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const m=d},60636:(n,e,t)=>{t.d(e,{F2:()=>c,No:()=>a,YS:()=>s,ZP:()=>x,pA:()=>u,wb:()=>r});var i=t(8081),l=t.n(i),o=t(23645),d=t.n(o)()(l());d.push([n.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var s="index-module--V0pQW",a="index-module--zHWrU",r="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const x=d},7182:(n,e,t)=>{t.d(e,{O7:()=>s,TN:()=>r,ZN:()=>c,ZP:()=>u,eR:()=>a});var i=t(8081),l=t.n(i),o=t(23645),d=t.n(o)()(l());d.push([n.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var s="index-module--j9Vsg",a="index-module--oMpID",r="index-module--F6wCX",c="index-module--mALKQ";const u=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[631,1801,8812],{21801:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),l=t(93379),o=t.n(l),d=t(7795),s=t.n(d),a=t(90569),r=t.n(a),c=t(3565),u=t.n(c),x=t(19216),C=t.n(x),m=t(44589),p=t.n(m),f=t(23240),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=C();o()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var g=t(87363),v=t(75327),w=t(65515),j=t.n(w),b=t(9420),y=t(47514);const Z=(0,b.Pi)((function InfoIcon(n){var e,t,l,o=n.item,d=n.style,s=(0,v.NP)(),a=o.contentItemId,r=null!==(e=null!==(t=null!==(l=o.codex)&&void 0!==l?l:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==e?e:o.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=o.sel||x;if((0,g.useEffect)((function(){var n=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&r==s.settingsState.clickedFrom;!n&&x&&C(!1),n&&!x&&C(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!o.op||null===(n=s.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||m}()?(0,y.jsx)("div",{className:f.um,onClick:function onClick(n){s.settingsState.onClickContentItemId(a,r),C(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),n.stopPropagation()},style:d,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(f.hv,m?void 0:f.al,x?f.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,y.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,y.jsx)("div",{className:j()(f.dA,m?f.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,y.jsx)(y.Fragment,{})}))},8812:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),l=t(87363),o=t(93379),d=t.n(o),s=t(7795),a=t.n(s),r=t(90569),c=t.n(r),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),f=t.n(p),h=t(60636),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),w=t.n(v),j=t(9420),b=t(21801),y=t(47514);const Z=(0,j.Pi)((function MultiToggleSwitch(n){var e=n.values,t=n.items,o=(0,i.Z)(n.state,2),d=o[0],s=o[1],a=n.round,r=100/e.length,c=(0,l.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1];return(0,l.useEffect)((function(){e.some((function(n){return!n.endsWith("cm")}))?C(e):C(e.map((function(n,t){return n.replace("cm","")+(t==e.length-1?"cm":"")})))}),[e]),(0,y.jsx)("div",{className:h.YS,style:{borderRadius:a?"100px":void 0},children:(0,y.jsxs)("div",{className:h.No,children:[x.map((function(n,e){var i;return(0,y.jsx)("div",{style:{width:r+"%"},children:(0,y.jsxs)("label",{onClick:function onClick(){return s(e)},className:w()(h.F2,d===e&&h.pA),children:[n,(null===(i=t[e])||void 0===i?void 0:i.contentItemId)&&(0,y.jsx)(b.default,{item:t[e],style:{top:-4}},t[e].codex)]})},e)})),(0,y.jsx)("div",{className:h.wb,style:{left:d/e.length*100+"%",width:r+"%",borderRadius:a?"100px":void 0}})]})})}))},90631:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(34988),l=t(87363),o=t(9420),d=t(75327),s=t(8812),a=t(93379),r=t.n(a),c=t(7795),u=t.n(c),x=t(90569),C=t.n(x),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(7182),j={};j.styleTagTransform=v(),j.setAttributes=p(),j.insert=C().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=h();r()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=t(65515),y=t.n(b),Z=t(21801),I=t(47514);const S=(0,o.Pi)((function MultiToggleComponent(n){var e,t=n.item,o=n.style,a=n.round,r=n.paletteId,c=(0,d.NP)(),u=(0,l.useState)([]),x=(0,i.Z)(u,2),C=x[0],m=x[1],p=(0,l.useState)([]),f=(0,i.Z)(p,2),h=f[0],g=f[1],v=(0,l.useState)(),j=(0,i.Z)(v,2),b=j[0],S=j[1],P=(0,l.useState)(!1),N=(0,i.Z)(P,2),F=N[0],k=N[1];(0,l.useEffect)((function(){var n=t.groups.flatMap((function(n){return n.items})),e=n.every((function(n){return n.text.endsWith("cm")}));m(n),k(e),g(n.map((function(n){return e?n.text.replace("cm",""):n.text}))),S(n.findIndex((function(n){return n.sel})))}),[t]);return 0===C.length?(0,I.jsx)(I.Fragment,{}):(0,I.jsxs)("div",{className:w.O7,ref:function ref(n){return t.htmlRef=n},style:o,children:[(0,I.jsxs)("div",{className:y()(w.eR,w.TN),children:[t.name+(F?" (cm)":""),(null===(e=t.selectedElements)||void 0===e?void 0:e[0].contentItemId)&&(0,I.jsx)(Z.default,{item:t.selectedElements[0],style:{position:"relative"}},t.selectedElements[0].codex)]}),(0,I.jsx)("div",{className:y()(w.eR,w.ZN),children:(0,I.jsx)(s.default,{items:C,values:h,state:[b,function onChangeValue(n){S(n);var e=C[n];e&&c.paletteViewHandler.clickedOnConfigPalette(e,void 0,r)}],round:a})})]})}))},23240:(n,e,t)=>{t.d(e,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>C,dA:()=>r,fL:()=>x,hv:()=>a,um:()=>s});var i=t(8081),l=t.n(i),o=t(23645),d=t.n(o)()(l());d.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",a="index-module--C9QBx",r="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const m=d},60636:(n,e,t)=>{t.d(e,{F2:()=>c,No:()=>a,YS:()=>s,ZP:()=>x,pA:()=>u,wb:()=>r});var i=t(8081),l=t.n(i),o=t(23645),d=t.n(o)()(l());d.push([n.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var s="index-module--V0pQW",a="index-module--zHWrU",r="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const x=d},7182:(n,e,t)=>{t.d(e,{O7:()=>s,TN:()=>r,ZN:()=>c,ZP:()=>u,eR:()=>a});var i=t(8081),l=t.n(i),o=t(23645),d=t.n(o)()(l());d.push([n.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var s="index-module--j9Vsg",a="index-module--oMpID",r="index-module--F6wCX",c="index-module--mALKQ";const u=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6335.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6335,6587],{36335:(n,e,i)=>{i.r(e),i.d(e,{default:()=>u});var o=i(65515),d=i.n(o),t=i(9204),r=i(9420),l=(i(87363),i(88683)),a=i(94873),m=i(86587),x=i(47514);const u=(0,r.Pi)((function Room(n){var e=n.item,i=n.from,o=e,r=(0,t.NP)(),u=(0,l.useTranslation)().t;return(0,x.jsx)("div",{className:a.CA,onClick:function onClick(){return r.paletteViewHandler.clickedOnStaticRoomPalette(o,!!i)},children:(0,x.jsxs)("div",{className:d()(a.iZ,a.vc),children:[o.sel&&(0,x.jsx)(m.default,{}),(0,x.jsx)("div",{className:a.K5,style:{backgroundImage:"url(".concat(o.url,")")}}),(0,x.jsx)("div",{className:a.AR,children:(0,x.jsx)("div",{className:a.db,children:u("configurator."+o.N)})})]})})}))},86587:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var o=i(80248),d=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function IsActive(n){return(0,t.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},6284:(n,e,i)=>{i.d(e,{$l:()=>b,AR:()=>j,Bm:()=>y,CA:()=>c,Eb:()=>h,K5:()=>I,NC:()=>M,ZP:()=>z,db:()=>N,iZ:()=>s,ox:()=>w,pA:()=>p,vc:()=>g});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),m=new URL(i(63173),i.b),x=r()(d()),u=a()(m);x.push([n.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H: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--FGg5H: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--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\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 c="index-module--FGg5H",p="index-module--zZnWk",s="index-module--pQje2",g="index-module--CcpMC",M="index-module--II_8j",b="index-module--dUy8g",I="index-module--Z8KXz",j="index-module--m9VzR",h="index-module--Y5eRx",N="index-module--mZh26",y="index-module--NabGm",w="index-module--2NJnv";const z=x},94873:(n,e,i)=>{i.d(e,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var o=i(93379),d=i.n(o),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),m=i(3565),x=i.n(m),u=i(19216),c=i.n(u),p=i(44589),s=i.n(p),g=i(6284),M={};M.styleTagTransform=s(),M.setAttributes=x(),M.insert=a().bind(null,"head"),M.domAPI=r(),M.insertStyleElement=c();d()(g.ZP,M),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6335,6587],{36335:(n,e,i)=>{i.r(e),i.d(e,{default:()=>u});var o=i(65515),d=i.n(o),t=i(75327),r=i(9420),l=(i(87363),i(88683)),a=i(94873),m=i(86587),x=i(47514);const u=(0,r.Pi)((function Room(n){var e=n.item,i=n.from,o=e,r=(0,t.NP)(),u=(0,l.useTranslation)().t;return(0,x.jsx)("div",{className:a.CA,onClick:function onClick(){return r.paletteViewHandler.clickedOnStaticRoomPalette(o,!!i)},children:(0,x.jsxs)("div",{className:d()(a.iZ,a.vc),children:[o.sel&&(0,x.jsx)(m.default,{}),(0,x.jsx)("div",{className:a.K5,style:{backgroundImage:"url(".concat(o.url,")")}}),(0,x.jsx)("div",{className:a.AR,children:(0,x.jsx)("div",{className:a.db,children:u("configurator."+o.N)})})]})})}))},86587:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var o=i(80248),d=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function IsActive(n){return(0,t.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},6284:(n,e,i)=>{i.d(e,{$l:()=>b,AR:()=>j,Bm:()=>y,CA:()=>c,Eb:()=>h,K5:()=>I,NC:()=>M,ZP:()=>z,db:()=>N,iZ:()=>s,ox:()=>w,pA:()=>p,vc:()=>g});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),m=new URL(i(63173),i.b),x=r()(d()),u=a()(m);x.push([n.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H: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--FGg5H: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--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\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 c="index-module--FGg5H",p="index-module--zZnWk",s="index-module--pQje2",g="index-module--CcpMC",M="index-module--II_8j",b="index-module--dUy8g",I="index-module--Z8KXz",j="index-module--m9VzR",h="index-module--Y5eRx",N="index-module--mZh26",y="index-module--NabGm",w="index-module--2NJnv";const z=x},94873:(n,e,i)=>{i.d(e,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var o=i(93379),d=i.n(o),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),m=i(3565),x=i.n(m),u=i(19216),c=i.n(u),p=i(44589),s=i.n(p),g=i(6284),M={};M.styleTagTransform=s(),M.setAttributes=x(),M.insert=a().bind(null,"head"),M.domAPI=r(),M.insertStyleElement=c();d()(g.ZP,M),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6343.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6343],{66343:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var r=n(80248),o=n(34988),c=n(87363),i=n(9420),a=n(88683),l=n(57853),s=n(9204),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const p=(0,i.Pi)((function ConceptFilter(e){var t=e.additionalGroupFilter,n=e.paletteId,r=(0,a.useTranslation)().t,i=(0,s.NP)(),p=(0,c.useState)([]),f=(0,o.Z)(p,2),b=f[0],y=f[1],O=i.settingsState.itemPalettes.get(n);(0,c.useEffect)((function(){var e,r=null!==(e=null==O?void 0:O.conceptFilterValue)&&void 0!==e?e:"",o=t.map((function(e){return _objectSpread(_objectSpread({},e),{},{onClick:function onClick(){i.paletteViewHandler.onSelectFilter(n,r==e.key?"":e.key,"CONCEPT")},selected:r===e.key})}));y(o)}),[t,O]);var d=r("configurator.conceptFilter.infoTitle"),j=r("configurator.conceptFilter.infoText");return(0,u.jsx)(l.default,{genericConceptItems:b,onClose:function onClose(){return i.paletteViewHandler.onSelectFilter(n,"","CONCEPT")},bannerTitle:d,bannerText:j})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6343],{66343:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var r=n(80248),o=n(34988),c=n(87363),i=n(9420),a=n(88683),l=n(57853),s=n(75327),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const p=(0,i.Pi)((function ConceptFilter(e){var t=e.additionalGroupFilter,n=e.paletteId,r=(0,a.useTranslation)().t,i=(0,s.NP)(),p=(0,c.useState)([]),f=(0,o.Z)(p,2),b=f[0],y=f[1],O=i.settingsState.itemPalettes.get(n);(0,c.useEffect)((function(){var e,r=null!==(e=null==O?void 0:O.conceptFilterValue)&&void 0!==e?e:"",o=t.map((function(e){return _objectSpread(_objectSpread({},e),{},{onClick:function onClick(){i.paletteViewHandler.onSelectFilter(n,r==e.key?"":e.key,"CONCEPT")},selected:r===e.key})}));y(o)}),[t,O]);var d=r("configurator.conceptFilter.infoTitle"),j=r("configurator.conceptFilter.infoText");return(0,u.jsx)(l.default,{genericConceptItems:b,onClose:function onClose(){return i.paletteViewHandler.onSelectFilter(n,"","CONCEPT")},bannerTitle:d,bannerText:j})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6425.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6425],{76425:(e,n,r)=>{r.r(n),r.d(n,{default:()=>C});var t=r(9420),a=(r(87363),r(93379)),i=r.n(a),l=r(7795),o=r.n(l),d=r(90569),s=r.n(d),u=r(3565),c=r.n(u),p=r(19216),b=r.n(p),g=r(44589),m=r.n(g),v=r(33625),P={};P.styleTagTransform=m(),P.setAttributes=c(),P.insert=s().bind(null,"head"),P.domAPI=o(),P.insertStyleElement=b();i()(v.ZP,P);v.ZP&&v.ZP.locals&&v.ZP.locals;var f=r(65515),k=r.n(f),x=r(9204),h=r(47514);const C=(0,t.Pi)((function FilterItem(e){var n,r=e.item,t=e.id,a=(0,x.NP)(),i=null===(n=a.settingsState.itemPalettes.get(t))||void 0===n?void 0:n.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return a.paletteViewHandler.onSelectFilter(t,r.text,"RAL")},style:{backgroundColor:r.rgb},className:k()(v.kT,i===r.text?v.pA:void 0)})}))},33625:(e,n,r)=>{r.d(n,{ZP:()=>s,kT:()=>o,pA:()=>d});var t=r(8081),a=r.n(t),i=r(23645),l=r.n(i)()(a());l.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var o="index-module--ouZ0f",d="index-module--PFRaI";const s=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6425],{76425:(e,n,r)=>{r.r(n),r.d(n,{default:()=>C});var t=r(9420),a=(r(87363),r(93379)),i=r.n(a),l=r(7795),o=r.n(l),d=r(90569),s=r.n(d),u=r(3565),c=r.n(u),p=r(19216),b=r.n(p),g=r(44589),m=r.n(g),v=r(33625),P={};P.styleTagTransform=m(),P.setAttributes=c(),P.insert=s().bind(null,"head"),P.domAPI=o(),P.insertStyleElement=b();i()(v.ZP,P);v.ZP&&v.ZP.locals&&v.ZP.locals;var f=r(65515),k=r.n(f),x=r(75327),h=r(47514);const C=(0,t.Pi)((function FilterItem(e){var n,r=e.item,t=e.id,a=(0,x.NP)(),i=null===(n=a.settingsState.itemPalettes.get(t))||void 0===n?void 0:n.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return a.paletteViewHandler.onSelectFilter(t,r.text,"RAL")},style:{backgroundColor:r.rgb},className:k()(v.kT,i===r.text?v.pA:void 0)})}))},33625:(e,n,r)=>{r.d(n,{ZP:()=>s,kT:()=>o,pA:()=>d});var t=r(8081),a=r.n(t),i=r(23645),l=r.n(i)()(a());l.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var o="index-module--ouZ0f",d="index-module--PFRaI";const s=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6474.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6474],{56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var a=t(34988),i=t(9204),o=t(87363),l=t(93379),r=t.n(l),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),f=t.n(v),h=t(19216),p=t.n(h),b=t(44589),x=t.n(b),m=t(84887),w={};w.styleTagTransform=x(),w.setAttributes=f(),w.insert=c().bind(null,"head"),w.domAPI=d(),w.insertStyleElement=p();r()(m.Z,w);m.Z&&m.Z.locals&&m.Z.locals;var y=t(47514);const g=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,r=void 0===l?(0,o.useState)(""):l,s=(0,a.Z)(r,2),d=s[0],u=s[1],c=(0,i.NP)(),v=(0,o.useState)(""),f=(0,a.Z)(v,2),h=f[0],p=f[1],b=c.getViewConfig().displayMetaDatas,x=null==t?void 0:t.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,o.useEffect)((function(){if(x){for(var e="",n=0;n<x.values.length;n++){""!==e&&(e+=", ");for(var a=function _loop(a){var i=null==t?void 0:t.find((function(e){return e.codex===b[a]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<b.length;i++)a(i)}p(e),u(e)}}),[]),d?(0,y.jsx)("div",{style:n,className:m.B,children:h}):(0,y.jsx)(y.Fragment,{})}},84887:(e,n,t)=>{t.d(n,{B:()=>r,Z:()=>s});var a=t(8081),i=t.n(a),o=t(23645),l=t.n(o)()(i());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var r="index-module--hpPAb";const s=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6474],{56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var a=t(34988),i=t(75327),o=t(87363),l=t(93379),r=t.n(l),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),f=t.n(v),h=t(19216),p=t.n(h),b=t(44589),x=t.n(b),m=t(84887),w={};w.styleTagTransform=x(),w.setAttributes=f(),w.insert=c().bind(null,"head"),w.domAPI=d(),w.insertStyleElement=p();r()(m.Z,w);m.Z&&m.Z.locals&&m.Z.locals;var y=t(47514);const g=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,r=void 0===l?(0,o.useState)(""):l,s=(0,a.Z)(r,2),d=s[0],u=s[1],c=(0,i.NP)(),v=(0,o.useState)(""),f=(0,a.Z)(v,2),h=f[0],p=f[1],b=c.getViewConfig().displayMetaDatas,x=null==t?void 0:t.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,o.useEffect)((function(){if(x){for(var e="",n=0;n<x.values.length;n++){""!==e&&(e+=", ");for(var a=function _loop(a){var i=null==t?void 0:t.find((function(e){return e.codex===b[a]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<b.length;i++)a(i)}p(e),u(e)}}),[]),d?(0,y.jsx)("div",{style:n,className:m.B,children:h}):(0,y.jsx)(y.Fragment,{})}},84887:(e,n,t)=>{t.d(n,{B:()=>r,Z:()=>s});var a=t(8081),i=t.n(a),o=t(23645),l=t.n(o)()(i());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var r="index-module--hpPAb";const s=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6499.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6499],{6499:(n,e,d)=>{d.r(e),d.d(e,{default:()=>A});var o=d(65515),i=d.n(o),r=d(9204),l=d(9420),x=(d(87363),d(88683)),t=d(93379),a=d.n(t),s=d(7795),m=d.n(s),u=d(90569),h=d.n(u),b=d(3565),p=d.n(b),c=d(19216),v=d.n(c),g=d(44589),k=d.n(g),N=d(40582),S={};S.styleTagTransform=k(),S.setAttributes=p(),S.insert=h().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=v();a()(N.ZP,S);N.ZP&&N.ZP.locals&&N.ZP.locals;var w=d(47514);const A=(0,l.Pi)((function Room(n){var e=n.item,d=n.from,o=e,l=(0,r.NP)(),t=(0,x.useTranslation)().t;return(0,w.jsx)("div",{className:N.CA,onClick:function onClick(){return l.paletteViewHandler.clickedOnStaticRoomPalette(o,!!d)},children:(0,w.jsx)("div",{className:i()(o.sel?N.pA:void 0),children:(0,w.jsxs)("div",{className:i()(N.be),children:[(0,w.jsx)("div",{className:i()(N.ro),children:(0,w.jsx)("div",{className:N.K5,style:{backgroundImage:"url(".concat(o.url,")")}})}),(0,w.jsx)("div",{className:i()(N.TN,o.url?void 0:N.dd),children:t("configurator."+o.N)})]})})})}))},40582:(n,e,d)=>{d.d(e,{CA:()=>x,K5:()=>m,TN:()=>u,ZP:()=>b,be:()=>t,dd:()=>h,pA:()=>a,ro:()=>s});var o=d(8081),i=d.n(o),r=d(23645),l=d.n(r)()(i());l.push([n.id,"/*Size Normal */\n\n.index-module--tKx94 {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--tKx94:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--tKx94:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--bQmSN {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN:hover,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--m6zkg {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.index-module--vohAL .index-module--m6zkg,\n.index-module--bQmSN:hover {\n  background-color: #404040;\n}\n\n.index-module--vohAL .index-module--m6zkg {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--k7rbV {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\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--vohAL .index-module--k7rbV,\n.index-module--AS8zG.index-module--vohAL .index-module--k7rbV,\n.index-module--bQmSN:hover .index-module--k7rbV {\n  opacity: 0.5;\n}\n\n.index-module--QSr1R {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.index-module--bQmSN:hover .index-module--QSr1R,\n.index-module--gW15v,\n.index-module--vohAL .index-module--QSr1R {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .index-module--tKx94 {\n    width: 81px;\n    height: 81px;\n  }\n  .index-module--bQmSN {\n    width: 79px;\n    height: 79px;\n  }\n  .index-module--m6zkg {\n    width: 71px;\n    height: 71px;\n  }\n  .index-module--k7rbV {\n    height: 71px;\n  }\n  .index-module--QSr1R {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n",""]);var x="index-module--tKx94",t="index-module--bQmSN",a="index-module--vohAL",s="index-module--m6zkg",m="index-module--k7rbV",u="index-module--QSr1R",h="index-module--gW15v";const b=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6499],{6499:(n,e,d)=>{d.r(e),d.d(e,{default:()=>A});var o=d(65515),i=d.n(o),r=d(75327),l=d(9420),x=(d(87363),d(88683)),t=d(93379),a=d.n(t),s=d(7795),m=d.n(s),u=d(90569),h=d.n(u),b=d(3565),p=d.n(b),c=d(19216),v=d.n(c),g=d(44589),k=d.n(g),N=d(40582),S={};S.styleTagTransform=k(),S.setAttributes=p(),S.insert=h().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=v();a()(N.ZP,S);N.ZP&&N.ZP.locals&&N.ZP.locals;var w=d(47514);const A=(0,l.Pi)((function Room(n){var e=n.item,d=n.from,o=e,l=(0,r.NP)(),t=(0,x.useTranslation)().t;return(0,w.jsx)("div",{className:N.CA,onClick:function onClick(){return l.paletteViewHandler.clickedOnStaticRoomPalette(o,!!d)},children:(0,w.jsx)("div",{className:i()(o.sel?N.pA:void 0),children:(0,w.jsxs)("div",{className:i()(N.be),children:[(0,w.jsx)("div",{className:i()(N.ro),children:(0,w.jsx)("div",{className:N.K5,style:{backgroundImage:"url(".concat(o.url,")")}})}),(0,w.jsx)("div",{className:i()(N.TN,o.url?void 0:N.dd),children:t("configurator."+o.N)})]})})})}))},40582:(n,e,d)=>{d.d(e,{CA:()=>x,K5:()=>m,TN:()=>u,ZP:()=>b,be:()=>t,dd:()=>h,pA:()=>a,ro:()=>s});var o=d(8081),i=d.n(o),r=d(23645),l=d.n(r)()(i());l.push([n.id,"/*Size Normal */\n\n.index-module--tKx94 {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--tKx94:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--tKx94:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--bQmSN {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN:hover,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--m6zkg {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.index-module--vohAL .index-module--m6zkg,\n.index-module--bQmSN:hover {\n  background-color: #404040;\n}\n\n.index-module--vohAL .index-module--m6zkg {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--k7rbV {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\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--vohAL .index-module--k7rbV,\n.index-module--AS8zG.index-module--vohAL .index-module--k7rbV,\n.index-module--bQmSN:hover .index-module--k7rbV {\n  opacity: 0.5;\n}\n\n.index-module--QSr1R {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.index-module--bQmSN:hover .index-module--QSr1R,\n.index-module--gW15v,\n.index-module--vohAL .index-module--QSr1R {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .index-module--tKx94 {\n    width: 81px;\n    height: 81px;\n  }\n  .index-module--bQmSN {\n    width: 79px;\n    height: 79px;\n  }\n  .index-module--m6zkg {\n    width: 71px;\n    height: 71px;\n  }\n  .index-module--k7rbV {\n    height: 71px;\n  }\n  .index-module--QSr1R {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n",""]);var x="index-module--tKx94",t="index-module--bQmSN",a="index-module--vohAL",s="index-module--m6zkg",m="index-module--k7rbV",u="index-module--QSr1R",h="index-module--gW15v";const b=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6567.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6567,509,5115,7444,1099,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(12952),r=t(9204),o=t(9420),l=(t(87363),t(74133)),d=t(47514);const s=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o,s=e.isScroller,a=void 0!==s&&s,u=(0,r.NP)(),c=u.settingsState.itemPalettes.get(1);if(!c)return(0,d.jsx)(d.Fragment,{});var m=null!==(n=(0,i.Z)(u.settingsState.itemPalettes.values()).sort((function(e,n){return e.id-n.id})).find((function(e){return e.visible&&!e.isHeader})))&&void 0!==n?n:c,g=("Hidden"!==u.uiState.ViewConfig.headerInConfigPalette||!m.hideHeader)&&"CHECKOUT"!==c.configStepKey&&!(null!==(t=c.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(o=c.type)&&void 0!==o&&o.startsWith("PROMOTED"))&&(!u.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(c.configStepKey)||c.configStepKey.startsWith("SHELFARTICLE")||u.settingsState.showTabgroupHeaderForConfigSinge);return(0,d.jsx)(d.Fragment,{children:g&&(0,d.jsx)(l.default,{isInScroller:a,isSettingsHeader:!c.isHeader,item:c,header:!0})})}))},35115:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(5217),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(9204),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,S.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!o&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},67444:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),r=t(93379),o=t.n(r),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),g=t.n(m),x=t(44589),f=t.n(x),p=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();o()(p.ZP,v);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(9204),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:p.bz,children:[n.emoji&&(0,S.jsx)("div",{className:p.rP,children:n.emoji}),(0,S.jsx)("div",{className:p.TN,children:n.title}),(0,S.jsx)("div",{className:p.WL,children:n.description}),n.id&&(0,S.jsxs)("button",{className:p.LI,onClick:function onClick(){!function isUrl(e){return/^https?:\/\//.test(e)}(n.id)?t.settingsState.onClickContentItemId(n.id):window.open(n.id,"_blank","noopener,noreferrer")},children:[(0,S.jsx)("span",{className:p.q5,children:n.buttonText}),(0,S.jsx)("div",{className:p.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(37486),r=t(9204),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(9668),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(67444),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,r.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(87363),o=t(9420),l=t(37486),d=t(9204),s=t(81099),a=t(67444),u=t(47514);const c=(0,o.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=e.zIndexBase,o=(0,d.NP)(),c=(0,r.useState)([]),m=(0,i.Z)(c,2),g=m[0],x=m[1];return(0,r.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[i],r=o.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<n.length;i++)t();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:g.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:t},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},16567:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(88291),r=t(9204),o=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),g=t.n(m),x=t(3565),f=t.n(x),p=t(19216),v=t.n(p),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=f(),b.insert=g().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),I=t(35115),j=t(26937),w=t(47514);const T=(0,o.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var o=(0,r.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(o.settingsState.setScrollerElement(s.current),o.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,g={},x=o.uiState.snapPoints[o.settingsState.activeSnapPointIndex];(u=isNaN(Number(x))?x:x-38+"px",o.uiState.isInMobileView)?g.height=u:g.height="calc(100% - "+(null!==(c=null===(m=o.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var f=0;f<o.settingsState.itemPaletteArr.length;f++){var p=o.settingsState.itemPaletteArr[f][1];!p.isRenderedNotInSettingPalette&&p.visible&&a.push(p)}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,w.jsxs)("div",{style:g,className:N()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0,o.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&!o.wysiwygDebugState.wysiwygInspectView&&(0,w.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=o.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,w.jsxs)("div",{className:N()(o.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,w.jsx)(j.default,{itemPalettesArr:a}),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,w.jsx)(I.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--TnLDn {\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--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>x,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>g});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",g="index-module--MViR0";const x=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--UX0Na {\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  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6567,509,5115,7444,1099,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(12952),r=t(75327),o=t(9420),l=(t(87363),t(74133)),d=t(47514);const s=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o,s=e.isScroller,a=void 0!==s&&s,u=(0,r.NP)(),c=u.settingsState.itemPalettes.get(1);if(!c)return(0,d.jsx)(d.Fragment,{});var m=null!==(n=(0,i.Z)(u.settingsState.itemPalettes.values()).sort((function(e,n){return e.id-n.id})).find((function(e){return e.visible&&!e.isHeader})))&&void 0!==n?n:c,g=("Hidden"!==u.uiState.ViewConfig.headerInConfigPalette||!m.hideHeader)&&"CHECKOUT"!==c.configStepKey&&!(null!==(t=c.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(o=c.type)&&void 0!==o&&o.startsWith("PROMOTED"))&&(!u.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(c.configStepKey)||c.configStepKey.startsWith("SHELFARTICLE")||u.settingsState.showTabgroupHeaderForConfigSinge);return(0,d.jsx)(d.Fragment,{children:g&&(0,d.jsx)(l.default,{isInScroller:a,isSettingsHeader:!c.isHeader,item:c,header:!0})})}))},35115:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(5217),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(75327),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,S.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!o&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},67444:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),r=t(93379),o=t.n(r),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),g=t.n(m),x=t(44589),f=t.n(x),p=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();o()(p.ZP,v);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(75327),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:p.bz,children:[n.emoji&&(0,S.jsx)("div",{className:p.rP,children:n.emoji}),(0,S.jsx)("div",{className:p.TN,children:n.title}),(0,S.jsx)("div",{className:p.WL,children:n.description}),n.id&&(0,S.jsxs)("button",{className:p.LI,onClick:function onClick(){!function isUrl(e){return/^https?:\/\//.test(e)}(n.id)?t.settingsState.onClickContentItemId(n.id):window.open(n.id,"_blank","noopener,noreferrer")},children:[(0,S.jsx)("span",{className:p.q5,children:n.buttonText}),(0,S.jsx)("div",{className:p.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(37486),r=t(75327),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(9668),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(67444),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,r.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(87363),o=t(9420),l=t(37486),d=t(75327),s=t(81099),a=t(67444),u=t(47514);const c=(0,o.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=e.zIndexBase,o=(0,d.NP)(),c=(0,r.useState)([]),m=(0,i.Z)(c,2),g=m[0],x=m[1];return(0,r.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[i],r=o.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<n.length;i++)t();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:g.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:t},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},16567:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(88291),r=t(75327),o=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),g=t.n(m),x=t(3565),f=t.n(x),p=t(19216),v=t.n(p),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=f(),b.insert=g().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),I=t(35115),j=t(26937),w=t(47514);const T=(0,o.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var o=(0,r.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(o.settingsState.setScrollerElement(s.current),o.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,g={},x=o.uiState.snapPoints[o.settingsState.activeSnapPointIndex];(u=isNaN(Number(x))?x:x-38+"px",o.uiState.isInMobileView)?g.height=u:g.height="calc(100% - "+(null!==(c=null===(m=o.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var f=0;f<o.settingsState.itemPaletteArr.length;f++){var p=o.settingsState.itemPaletteArr[f][1];!p.isRenderedNotInSettingPalette&&p.visible&&a.push(p)}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,w.jsxs)("div",{style:g,className:N()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0,o.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&!o.wysiwygDebugState.wysiwygInspectView&&(0,w.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=o.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,w.jsxs)("div",{className:N()(o.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,w.jsx)(j.default,{itemPalettesArr:a}),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,w.jsx)(I.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--TnLDn {\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--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>x,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>g});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",g="index-module--MViR0";const x=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--UX0Na {\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  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);