@crystaldesign/diva-web-planner-react 26.3.0-beta.43 → 26.3.0-beta.45

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

@@ -1,2 +1,2 @@
 /*! For license information please see 324.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[324,9001,4190,4551,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(63762)),a=t(39667),s=t(19047),l=t(88683),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:u?(0,d.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,d.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,d.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(63762),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),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.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,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},90324:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(63762),a=t(87363),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),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(66014),y=t(34190),P=t(97853),j=t(69001),k=t(59342),O=t(46567),C=t(9420),T=t(68063),G=t(88683),I=t(54955),B=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,G.useDivaCore)().state.isFullscreenComponent;return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("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:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,B.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,B.jsx)(P.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(T.default,{className:S.Bg}),(0,B.jsx)(I.default,{})]})}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,B.jsx)(P.default,{className:S.vt}),(0,B.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,B.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(63762)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.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()(r.AH,t?r.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()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(38946),o=t(9420),r=t(87363),a=t(63762),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),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(63762),l=t(82956),d=t(38188),u=t(74133),c=t(84658),p=t(38946),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);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)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,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);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(63762)),a=t(80509),s=t(38188),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(50393),x=t(51451),g=t(40283),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 m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.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"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(63762),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),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},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),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},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[324,9001,4190,4551,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(63762)),a=t(39667),s=t(19047),l=t(88683),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:u?(0,d.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,d.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,d.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(63762),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),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.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,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},90324:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(63762),a=t(87363),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),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(66014),y=t(34190),P=t(97853),j=t(69001),k=t(59342),O=t(46567),C=t(9420),T=t(68063),G=t(88683),I=t(54955),B=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,G.useDivaCore)().state.isFullscreenComponent;return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("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:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,B.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,B.jsx)(P.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(T.default,{className:S.Bg}),(0,B.jsx)(I.default,{})]})}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,B.jsx)(P.default,{className:S.vt}),(0,B.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,B.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(63762)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.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()(r.AH,t?r.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()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(63762),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),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(63762),l=t(82956),d=t(38188),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);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)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,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);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(63762)),a=t(80509),s=t(38188),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(50393),x=t(51451),g=t(40283),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 m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.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"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(63762),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),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},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),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},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3401.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3401],{65526:(e,t,n)=>{"use strict";var i=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,o,r,s){if(s!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>h});var i=n(38946),o=n(87363),r=n(65515),s=n.n(r),l=n(89229),a=n(22976),c=n.n(a),u=n(63762),p=n(47514),m=new l.FM(0,0);const h=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,r=(0,u.NP)(),a=(0,o.useState)(!1),h=(0,i.Z)(a,2),d=h[0],g=h[1],f=(0,o.useRef)(null),y=!1;return(0,p.jsx)(c(),{nodeRef:f,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){y=!0,"mousedown"==e.type?m=new l.FM(e.clientX,e.clientY):"touchstart"==e.type&&(m=new l.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(y&&!d)g(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(d){var i,o,s,a=null!==(i=r.productState.planner3DGridElement)&&void 0!==i&&i.getBoundingClientRect().left?r.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(o=r.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?r.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new l.FM(e.clientX-a,e.clientY-c)),m.x=e.clientX,m.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new l.FM(e.touches[0].clientX-a,e.touches[0].clientY-c)),m.x=e.touches[0].clientX,m.y=e.touches[0].clientY}}y=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;d&&(g(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),y=!1}()},children:(0,p.jsx)("div",{ref:f,style:{visibility:d?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:s()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3401],{65526:(e,t,n)=>{"use strict";var i=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,o,r,s){if(s!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>h});var i=n(34988),o=n(87363),r=n(65515),s=n.n(r),l=n(89229),a=n(22976),c=n.n(a),u=n(63762),p=n(47514),m=new l.FM(0,0);const h=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,r=(0,u.NP)(),a=(0,o.useState)(!1),h=(0,i.Z)(a,2),d=h[0],g=h[1],f=(0,o.useRef)(null),y=!1;return(0,p.jsx)(c(),{nodeRef:f,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){y=!0,"mousedown"==e.type?m=new l.FM(e.clientX,e.clientY):"touchstart"==e.type&&(m=new l.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(y&&!d)g(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(d){var i,o,s,a=null!==(i=r.productState.planner3DGridElement)&&void 0!==i&&i.getBoundingClientRect().left?r.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(o=r.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?r.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new l.FM(e.clientX-a,e.clientY-c)),m.x=e.clientX,m.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new l.FM(e.touches[0].clientX-a,e.touches[0].clientY-c)),m.x=e.touches[0].clientX,m.y=e.touches[0].clientY}}y=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;d&&(g(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),y=!1}()},children:(0,p.jsx)("div",{ref:f,style:{visibility:d?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:s()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3443.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3443,4133,9596],{74133:(n,e,o)=>{o.r(e),o.d(e,{default:()=>d});var r=o(80248),t=(o(87363),o(2765)),i=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,r.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const d=function SettingsHeader(n){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},73443:(n,e,o)=>{o.r(e),o.d(e,{default:()=>S});var r=o(38946),t=o(87363),i=o(9420),d=o(63762),l=o(96935),c=o(74133),a=o(93379),s=o.n(a),x=o(7795),m=o.n(x),p=o(90569),u=o.n(p),b=o(3565),g=o.n(b),h=o(19216),f=o.n(h),w=o(44589),v=o.n(w),k=o(74219),y={};y.styleTagTransform=v(),y.setAttributes=g(),y.insert=u().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=f();s()(k.ZP,y);k.ZP&&k.ZP.locals&&k.ZP.locals;var z=o(65515),j=o.n(z),O=o(47514);const S=(0,i.Pi)((function SliderComponent(n){var e=n.item,o=n.style,i=n.paletteId,a=(0,d.NP)(),s=(0,t.useState)({}),x=(0,r.Z)(s,2),m=x[0],p=x[1],u=(0,t.useState)([]),b=(0,r.Z)(u,2),g=b[0],h=b[1],f=(0,t.useState)(),w=(0,r.Z)(f,2),v=w[0],y=w[1],z=function onChangeComplete(n){void 0!==(null!=n?n:v)&&a.paletteViewHandler.clickedOnConfigPalette(g[null!=n?n:v],void 0,i)};return(0,t.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items}));h(n),y(n.findIndex((function(n){return n.sel}))),p(n.reduce((function(n,e,o){return n[o]=e.text,n}),{}))}),[e]),0===g.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{style:o,className:j()(k.YS,"no-swiping"),children:[(0,O.jsx)(c.default,{isInScroller:!0,isSettingsHeader:!1,item:e}),(0,O.jsx)("div",{className:k.sL,children:(0,O.jsx)(l.Z,{marks:m,trackStyle:{backgroundColor:"#e9e9e9"},value:v,onChange:function onChange(n){Array.isArray(n)&&(n=n[0]),y(n),z(n)},onChangeComplete:z,min:Number(Object.keys(m)[0]),max:Number(Object.keys(m)[Object.keys(m).length-1])})})]})}))},74219:(n,e,o)=>{o.d(e,{YS:()=>l,ZP:()=>a,sL:()=>c});var r=o(8081),t=o.n(r),i=o(23645),d=o.n(i)()(t());d.push([n.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",c="index-module--cmtxo";const a=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3443],{73443:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var i=o(34988),r=o(87363),t=o(9420),d=o(63762),l=o(96935),c=o(74133),a=o(93379),s=o.n(a),x=o(7795),m=o.n(x),p=o(90569),u=o.n(p),b=o(3565),g=o.n(b),h=o(19216),f=o.n(h),w=o(44589),k=o.n(w),v=o(74219),y={};y.styleTagTransform=k(),y.setAttributes=g(),y.insert=u().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=f();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var z=o(65515),C=o.n(z),S=o(47514);const P=(0,t.Pi)((function SliderComponent(n){var e=n.item,o=n.style,t=n.paletteId,a=(0,d.NP)(),s=(0,r.useState)({}),x=(0,i.Z)(s,2),m=x[0],p=x[1],u=(0,r.useState)([]),b=(0,i.Z)(u,2),g=b[0],h=b[1],f=(0,r.useState)(),w=(0,i.Z)(f,2),k=w[0],y=w[1],z=function onChangeComplete(n){void 0!==(null!=n?n:k)&&a.paletteViewHandler.clickedOnConfigPalette(g[null!=n?n:k],void 0,t)};return(0,r.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items}));h(n),y(n.findIndex((function(n){return n.sel}))),p(n.reduce((function(n,e,o){return n[o]=e.text,n}),{}))}),[e]),0===g.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{style:o,className:C()(v.YS,"no-swiping"),children:[(0,S.jsx)(c.default,{isInScroller:!0,isSettingsHeader:!1,item:e}),(0,S.jsx)("div",{className:v.sL,children:(0,S.jsx)(l.Z,{marks:m,trackStyle:{backgroundColor:"#e9e9e9"},value:k,onChange:function onChange(n){Array.isArray(n)&&(n=n[0]),y(n),z(n)},onChangeComplete:z,min:Number(Object.keys(m)[0]),max:Number(Object.keys(m)[Object.keys(m).length-1])})})]})}))},74219:(n,e,o)=>{o.d(e,{YS:()=>l,ZP:()=>a,sL:()=>c});var i=o(8081),r=o.n(i),t=o(23645),d=o.n(t)()(r());d.push([n.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",c="index-module--cmtxo";const a=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3448.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3448,6340,6135,8544,1051,8657],{98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(38946),r=t(93379),o=t.n(r),d=t(7795),a=t.n(d),s=t(90569),l=t.n(s),c=t(3565),u=t.n(c),x=t(19216),m=t.n(x),p=t(44589),C=t.n(p),f=t(23240),v={};v.styleTagTransform=C(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=m();o()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(87363),g=t(63762),P=t(65515),y=t.n(P),w=t(9420),b=t(47514);const j=(0,w.Pi)((function InfoIcon(e){var n,t,r,o=e.item,d=e.style,a=(0,g.NP)(),s=o.contentItemId,l=null!==(n=null!==(t=null!==(r=o.codex)&&void 0!==r?r:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==n?n:o.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),x=u[0],m=u[1],p=o.sel||x;if((0,h.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s&&l==a.settingsState.clickedFrom;!e&&x&&m(!1),e&&!x&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!o.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,b.jsx)("div",{className:f.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(s,l),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s),e.stopPropagation()},style:d,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:y()(f.hv,p?void 0:f.al,x?f.FJ:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.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,b.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,b.jsx)("div",{className:y()(f.dA,p?f.al:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.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,b.jsx)(b.Fragment,{})}))},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(38946),r=t(88683),o=t(87363),d=t(7501),a=t(63762),s=t(9420),l=t(47514);const c=(0,s.Pi)((function PriceCounter(e){var n,t,s=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,m=(0,o.useState)(0),p=(0,i.Z)(m,2),C=p[0],f=p[1],v=(0,o.useState)(0),h=(0,i.Z)(v,2),g=h[0],P=h[1],y=(0,a.NP)();return(0,o.useEffect)((function(){f(s)}),[s]),(0,l.jsx)(d.ZP,{end:C,duration:x,decimals:null!==(n=null===(t=C.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:g,formattingFn:function formattingFn(e){return c?c(e):r.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(C))},onEnd:function onEnd(){P(C)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),r=t(38946),o=t(87363),d=t(93379),a=t.n(d),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),x=t(3565),m=t.n(x),p=t(19216),C=t.n(p),f=t(44589),v=t.n(f),h=t(8907),g={};g.styleTagTransform=v(),g.setAttributes=m(),g.insert=u().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=C();a()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var P=t(88683),y=t(63762),w=t(65515),b=t.n(w),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var Z=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},F=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,r=e.dontAnimatePrice,o=use(i),d=(0,y.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:r?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+P.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const I=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,s=e.sel,l=e.dontAnimatePrice,c=(0,P.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,m=(0,y.NP)(),p=(0,o.useState)(l),C=(0,r.Z)(p,2),f=C[0],v=C[1];if(u||"off"==m.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:b()(h.aH,"left"==i?h.t$:h.F2,h.pn),style:d,children:P.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},P.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var g=x||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&s;return n?(n.promise.then((function(){f||v(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(Z,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:b()(h.aH,f&&!g?h.pn:void 0,m.getIsInMobileView()?h.ai:void 0,"left"==i?h.t$:h.F2),style:d,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(F,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},93448:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(38946),r=t(87363),o=t(9420),d=t(63762),a=t(65515),s=t.n(a),l=t(93379),c=t.n(l),u=t(7795),x=t.n(u),m=t(90569),p=t.n(m),C=t(3565),f=t.n(C),v=t(19216),h=t.n(v),g=t(44589),P=t.n(g),y=t(23623),w={};w.styleTagTransform=P(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=h();c()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=t(98544),j=t(48657),S=t(47514);const Z=(0,o.Pi)((function Radio(e){var n=e.item,t=e.style,o=e.paletteId,a=e.displayMode,l=e.hidePricePreview,c=(0,d.NP)(),u=(0,r.useState)([]),x=(0,i.Z)(u,2),m=x[0],p=x[1],C=(0,r.useState)(),f=(0,i.Z)(C,2),v=f[0],h=f[1],g=(0,r.useState)(a||"boxed"),P=(0,i.Z)(g,2),w=P[0],Z=(P[1],(0,r.useState)(!1)),F=(0,i.Z)(Z,2),I=F[0],N=F[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));p(e),N(t),h(e.findIndex((function(e){return e.sel})))}),[n]);var k=function onChangeValue(e){h(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)};if(0===m.length)return(0,S.jsx)(S.Fragment,{});var M=function getLabelText(e){return I?e.text.replace("cm",""):e.text};return(0,S.jsxs)("div",{className:y.YS,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,S.jsx)("div",{className:y.TN,children:n.name+(I?" (cm)":"")}),"boxed"===w?function renderBoxed(){return(0,S.jsx)("div",{className:y.UH,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:s()(y.dm,v===n&&y.hv),onClick:function onClick(){return k(n)},children:[(0,S.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,S.jsx)(b.default,{item:e},e.codex),!l&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,S.jsx)("div",{className:y.Lc,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:y.vd,onClick:function onClick(){return k(n)},children:[(0,S.jsx)("div",{className:s()(y.w5,v===n&&y.hv),children:(0,S.jsx)("div",{className:s()(y.gB,v===n&&y.hv)})}),(0,S.jsx)("div",{className:s()(y.PS,v===n&&y.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,S.jsx)(b.default,{item:e},e.codex),!l&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>p,al:()=>m,dA:()=>l,fL:()=>x,hv:()=>s,um:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.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 a="index-module--CjCgr",s="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",m="index-module--oBSZj";const p=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>s,pn:()=>u,t$:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",s="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23623:(e,n,t)=>{t.d(n,{Lc:()=>x,PS:()=>f,TN:()=>s,UH:()=>l,YS:()=>a,ZP:()=>v,dm:()=>c,gB:()=>C,hv:()=>u,vd:()=>m,w5:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var a="index-module--ptxMZ",s="index-module--X1DVu",l="index-module--KIReo",c="index-module--eoa3S",u="index-module--HoaxU",x="index-module--qUNzP",m="index-module--WgT0o",p="index-module--yqUyo",C="index-module--FeZni",f="index-module--q1nJs";const v=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3448,8544],{98544:(e,n,i)=>{i.r(n),i.d(n,{default:()=>b});var t=i(34988),o=i(93379),d=i.n(o),r=i(7795),l=i.n(r),a=i(90569),s=i.n(a),x=i(3565),C=i.n(x),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),f=i(23240),v={};v.styleTagTransform=p(),v.setAttributes=C(),v.insert=s().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=i(87363),g=i(63762),y=i(65515),w=i.n(y),j=i(9420),P=i(47514);const b=(0,j.Pi)((function InfoIcon(e){var n,i,o,d=e.item,r=e.style,l=(0,g.NP)(),a=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,x=(0,h.useState)(!1),C=(0,t.Z)(x,2),c=C[0],u=C[1],m=d.sel||c;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&s==l.settingsState.clickedFrom;!e&&c&&u(!1),e&&!c&&u(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:f.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(a,s),u(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),e.stopPropagation()},style:r,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(f.hv,m?void 0:f.al,c?f.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.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,P.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,P.jsx)("div",{className:w()(f.dA,m?f.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.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,P.jsx)(P.Fragment,{})}))},93448:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),o=i(87363),d=i(9420),r=i(63762),l=i(65515),a=i.n(l),s=i(93379),x=i.n(s),C=i(7795),c=i.n(C),u=i(90569),m=i.n(u),p=i(3565),f=i.n(p),v=i(19216),h=i.n(v),g=i(44589),y=i.n(g),w=i(23623),j={};j.styleTagTransform=y(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();x()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=i(98544),b=i(48657),I=i(47514);const S=(0,d.Pi)((function Radio(e){var n=e.item,i=e.style,d=e.paletteId,l=e.displayMode,s=e.hidePricePreview,x=(0,r.NP)(),C=(0,o.useState)([]),c=(0,t.Z)(C,2),u=c[0],m=c[1],p=(0,o.useState)(),f=(0,t.Z)(p,2),v=f[0],h=f[1],g=(0,o.useState)(l||"boxed"),y=(0,t.Z)(g,2),j=y[0],S=(y[1],(0,o.useState)(!1)),Z=(0,t.Z)(S,2),N=Z[0],F=Z[1];(0,o.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),i=e.every((function(e){return e.text.endsWith("cm")}));m(e),F(i),h(e.findIndex((function(e){return e.sel})))}),[n]);var q=function onChangeValue(e){h(e);var n=u[e];n&&x.paletteViewHandler.clickedOnConfigPalette(n,void 0,d)};if(0===u.length)return(0,I.jsx)(I.Fragment,{});var M=function getLabelText(e){return N?e.text.replace("cm",""):e.text};return(0,I.jsxs)("div",{className:w.YS,ref:function ref(e){return n.htmlRef=e},style:i,children:[(0,I.jsx)("div",{className:w.TN,children:n.name+(N?" (cm)":"")}),"boxed"===j?function renderBoxed(){return(0,I.jsx)("div",{className:w.UH,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:a()(w.dm,v===n&&w.hv),onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,I.jsx)("div",{className:w.Lc,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:w.vd,onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{className:a()(w.w5,v===n&&w.hv),children:(0,I.jsx)("div",{className:a()(w.gB,v===n&&w.hv)})}),(0,I.jsx)("div",{className:a()(w.PS,v===n&&w.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>C,Oq:()=>x,ZP:()=>m,al:()=>u,dA:()=>s,fL:()=>c,hv:()=>a,um:()=>l});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.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 l="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",C="index-module--nTN4r",c="index-module--FaRqp",u="index-module--oBSZj";const m=r},23623:(e,n,i)=>{i.d(n,{Lc:()=>c,PS:()=>f,TN:()=>a,UH:()=>s,YS:()=>l,ZP:()=>v,dm:()=>x,gB:()=>p,hv:()=>C,vd:()=>u,w5:()=>m});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var l="index-module--ptxMZ",a="index-module--X1DVu",s="index-module--KIReo",x="index-module--eoa3S",C="index-module--HoaxU",c="index-module--qUNzP",u="index-module--WgT0o",m="index-module--yqUyo",p="index-module--FeZni",f="index-module--q1nJs";const v=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3492.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,9165,830,9990,9967,6937],{34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>D});var o=n(80248),M=n(38946),i=n(9420),r=n(87363),g=n(8002),d=n(63762),a=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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}var s=(0,a.getLogger)("Planner","InfoBox");const D=(0,i.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,o=e.drawerStyle,i=(0,d.NP)(),D=(0,r.useState)(!1),c=(0,M.Z)(D,2),l=c[0],I=c[1],x=(0,a.useDivaCore)().actions,j=x.openDrawerMenu,A=x.closeDrawerMenu;return(0,r.useEffect)((function(){if(i.settingsState.contentItemVisible&&i.settingsState.contentItemId){I(!0);var e,r,d=i.getIsInMobileView(),a=function onClose(){A("content-item",!0),i.settingsState.setContentItemId()},D=i.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),c=i.divaWebPlanner.getVariantValues(D).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),x=(0,u.jsx)(g.Q,{onClose:a,contentItemId:i.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){s.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:i.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:c},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=i.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,M.Z)(e,2),o=t[0],i=t[1];n["OPT".concat(o)]="OPV".concat(i)})),i.paletteViewHandler.changeOnCheckoutConfig(n,D)}else"onCancel"!=e.type&&"onClose"!=e.type||a()}},i.settingsState.contentItemId+i.settingsState.contentItemVisible);if(d)j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=i.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(r=null!=n?n:i.productState.productElement)&&void 0!==r?r:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),o),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else l&&(A("content-item",!0),setTimeout((function(){I(!1)}),400))}),[i.settingsState.contentItemVisible,i.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},53492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var o=n(80248),M=n(87363),i=n(81681),r=n(34384),g=n(40830),d=n(63762),a=n(19715),u=n(83605),s=n(39165),D=n(9420),c=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 l=(0,D.Pi)((function Product(e){var t=(0,d.NP)(),n=(0,M.useRef)(null);return(0,M.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",t.settingsState.productHeight)}),[t.settingsState.productHeight]),(0,c.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},e),{},{ref:function setRef(e){n.current=e,t.productState.setProductElement(e)},onTouchStart:function onTouchStart(){3==t.settingsState.activeSnapPointIndex&&t.settingsState.setActiveSnapPointIndex(2)},children:[(0,c.jsx)(i.default,{}),(0,c.jsx)(a.default,{}),t.productState.footerVisible.length>1&&(0,c.jsx)(u.default,{}),(0,c.jsx)(s.default,{}),(0,c.jsx)(g.default,{}),(0,c.jsx)(r.default,{direction:"right"})]}))}))},83605:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 r=function ProductFooter(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductFooter"}))}},81681:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 r=function ProductHeader(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},39165:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var o=n(65515),M=n.n(o),i=n(88623),r=n(9420),g=(n(87363),n(63762)),d=n(93379),a=n.n(d),u=n(7795),s=n.n(u),D=n(90569),c=n.n(D),l=n(3565),I=n.n(l),x=n(19216),j=n.n(x),A=n(44589),N=n.n(A),p=n(73475),w={};w.styleTagTransform=N(),w.setAttributes=I(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=j();a()(p.ZP,w);p.ZP&&p.ZP.locals&&p.ZP.locals;var O=n(47514);const y=(0,r.Pi)((function ProductInfo(e){var t=(0,g.NP)();return(0,O.jsx)(O.Fragment,{children:t.settingsState.infoBoxContent&&(0,O.jsx)("div",{className:M()(p.RZ,t.uiState.isInMobileView?p.ai:void 0),children:t.settingsState.infoBoxContent&&(0,i.ZN)(t.settingsState.infoBoxContent.content)})})}))},40830:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var o=n(38946),M=n(63762),i=n(87363),r=n(9420),g=n(93379),d=n.n(g),a=n(7795),u=n.n(a),s=n(90569),D=n.n(s),c=n(3565),l=n.n(c),I=n(19216),x=n.n(I),j=n(44589),A=n.n(j),N=n(67279),p={};p.styleTagTransform=A(),p.setAttributes=l(),p.insert=D().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=x();d()(N.ZP,p);N.ZP&&N.ZP.locals&&N.ZP.locals;var w=n(65515),O=n.n(w),y=n(26937),z=n(47514);const T=(0,r.Pi)((function ProductSettings(e){var t=(0,M.NP)(),n=(0,i.useState)(t.getIsInMobileView()),r=(0,o.Z)(n,2),g=r[0],d=r[1];return t.uiState.ItemsPaletteInProductVisible?(0,z.jsxs)("div",{className:O()(N.oE,g?N.QW:void 0),children:[(0,z.jsx)("div",{className:O()(N.LI),onClick:function onClick(){return d(!g)}}),(0,z.jsx)("div",{className:O()(N.jR,g?N.pB:void 0),children:(0,z.jsx)(y.default,{itemPalettesArr:t.settingsState.itemPaletteInProduct.map((function(e){return e.palette}))})})]}):(0,z.jsx)(z.Fragment,{})}))},89990:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});n(87363);var o=n(9420),M=n(93379),i=n.n(M),r=n(7795),g=n.n(r),d=n(90569),a=n.n(d),u=n(3565),s=n.n(u),D=n(19216),c=n.n(D),l=n(44589),I=n.n(l),x=n(91605),j={};j.styleTagTransform=I(),j.setAttributes=s(),j.insert=a().bind(null,"head"),j.domAPI=g(),j.insertStyleElement=c();i()(x.ZP,j);x.ZP&&x.ZP.locals&&x.ZP.locals;var A=n(63762),N=n(47514);const p=(0,o.Pi)((function ContentItemTeaser(e){var t=e.item,n=(0,A.NP)();return(0,N.jsxs)("div",{className:x.bz,children:[t.emoji&&(0,N.jsx)("div",{className:x.rP,children:t.emoji}),(0,N.jsx)("div",{className:x.TN,children:t.title}),(0,N.jsx)("div",{className:x.WL,children:t.description}),(0,N.jsxs)("button",{className:x.LI,onClick:function onClick(){return n.settingsState.onClickContentItemId(t.id)},children:[(0,N.jsx)("span",{className:x.q5,children:t.buttonText}),(0,N.jsx)("div",{className:x.x7,children:(0,N.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,N.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});n(87363);var o=n(79182),M=n(63762),i=n(93379),r=n.n(i),g=n(7795),d=n.n(g),a=n(90569),u=n.n(a),s=n(3565),D=n.n(s),c=n(19216),l=n.n(c),I=n(44589),x=n.n(I),j=n(9668),A={};A.styleTagTransform=x(),A.setAttributes=D(),A.insert=u().bind(null,"head"),A.domAPI=d(),A.insertStyleElement=l();r()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var N=n(89990),p=n(47514);const w=function SettingsItemsGroup(e){var t=e.group;(0,M.NP)();return(0,p.jsxs)("div",{className:j.YS,children:[(0,p.jsx)("div",{className:j.t$,children:t.left.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))}),(0,p.jsx)("div",{className:j.eX}),(0,p.jsx)("div",{className:j.F2,children:t.right.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))})]})}},26937:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(38946),M=n(87363),i=n(9420),r=n(79182),g=n(63762),d=n(89967),a=n(89990),u=n(47514);const s=(0,i.Pi)((function SettingsItemsWrapper(e){var t=e.itemPalettesArr,n=(0,g.NP)(),i=(0,M.useState)([]),s=(0,o.Z)(i,2),D=s[0],c=s[1];return(0,M.useEffect)((function(){for(var e=[],o=function _loop(){var o=t[M],i=n.configuratorStructureHandler.getOptionStepByCodex(o.optionCodex),r=null==i?void 0:i.partOfGroup,g=e.find((function(e){var t;return(null!==(t=null==r?void 0:r.groupName)&&void 0!==t?t:o.configStepKey+o.id)===e.groupName}));if(g)g.palettes.push(o);else{var d,a={groupName:null!==(d=null==r?void 0:r.groupName)&&void 0!==d?d:o.configStepKey+o.id,palettes:[o],left:[],right:[]};e.push(a),g=a}"l"===(null==r?void 0:r.position)?g.left.push(o.id):"r"===(null==r?void 0:r.position)&&g.right.push(o.id)},M=0;M<t.length;M++)o();c(e)}),[t]),(0,u.jsx)(u.Fragment,{children:D.map((function(e){var t;if(e.palettes.length>1)return(0,u.jsx)(d.default,{group:e});var n=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n}),(0,u.jsx)(r.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(t=e.palettes[0].optionCodex)&&void 0!==t?t:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n})]})}))})}))},73475:(e,t,n)=>{n.d(t,{RZ:()=>g,ZP:()=>a,ai:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.push([e.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var g="index-module--TDdLn",d="index-module--96TgJ";const a=r},67279:(e,t,n)=>{n.d(t,{LI:()=>j,QW:()=>x,ZP:()=>N,jR:()=>I,oE:()=>l,pB:()=>A});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i),g=n(61667),d=n.n(g),a=new URL(n(38403),n.b),u=new URL(n(97663),n.b),s=r()(M()),D=d()(a),c=d()(u);s.push([e.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+D+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+c+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",I="index-module--s2I80",x="index-module--vO3ZU",j="index-module--eczzg",A="index-module--o_3ds";const N=s},91605:(e,t,n)=>{n.d(t,{LI:()=>s,TN:()=>a,WL:()=>u,ZP:()=>l,bz:()=>g,q5:()=>D,rP:()=>d,x7:()=>c});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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 g="index-module--YvhoM",d="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",s="index-module--tZsne",D="index-module--KlW5i",c="index-module--MViR0";const l=r},9668:(e,t,n)=>{n.d(t,{F2:()=>a,YS:()=>g,ZP:()=>s,eX:()=>u,t$:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var g="index-module--h2rQ7",d="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const s=r},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,9165],{34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var o=n(80248),r=n(34988),i=n(9420),c=n(87363),a=n(8002),s=n(63762),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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}var l=(0,d.getLogger)("Planner","InfoBox");const p=(0,i.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,o=e.drawerStyle,i=(0,s.NP)(),p=(0,c.useState)(!1),f=(0,r.Z)(p,2),b=f[0],g=f[1],O=(0,d.useDivaCore)().actions,y=O.openDrawerMenu,P=O.closeDrawerMenu;return(0,c.useEffect)((function(){if(i.settingsState.contentItemVisible&&i.settingsState.contentItemId){g(!0);var e,c,s=i.getIsInMobileView(),d=function onClose(){P("content-item",!0),i.settingsState.setContentItemId()},p=i.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),f=i.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),O=(0,u.jsx)(a.Q,{onClose:d,contentItemId:i.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){l.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:i.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:f},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=i.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,r.Z)(e,2),o=t[0],i=t[1];n["OPT".concat(o)]="OPV".concat(i)})),i.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},i.settingsState.contentItemId+i.settingsState.contentItemVisible);if(s)y({id:"content-item",content:O,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=i.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else y({id:"content-item",content:O,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(c=null!=n?n:i.productState.productElement)&&void 0!==c?c:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),o),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(P("content-item",!0),setTimeout((function(){g(!1)}),400))}),[i.settingsState.contentItemVisible,i.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},53492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var o=n(80248),r=n(87363),i=n(81681),c=n(34384),a=n(40830),s=n(63762),d=n(19715),u=n(83605),l=n(39165),p=n(9420),f=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 b=(0,p.Pi)((function Product(e){var t=(0,s.NP)(),n=(0,r.useRef)(null);return(0,r.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",t.settingsState.productHeight)}),[t.settingsState.productHeight]),(0,f.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},e),{},{ref:function setRef(e){n.current=e,t.productState.setProductElement(e)},onTouchStart:function onTouchStart(){3==t.settingsState.activeSnapPointIndex&&t.settingsState.setActiveSnapPointIndex(2)},children:[(0,f.jsx)(i.default,{}),(0,f.jsx)(d.default,{}),t.productState.footerVisible.length>1&&(0,f.jsx)(u.default,{}),(0,f.jsx)(l.default,{}),(0,f.jsx)(a.default,{}),(0,f.jsx)(c.default,{direction:"right"})]}))}))},83605:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(80248),r=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 c=function ProductFooter(e){return(0,i.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductFooter"}))}},81681:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(80248),r=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 c=function ProductHeader(e){return(0,i.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},39165:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var o=n(65515),r=n.n(o),i=n(88623),c=n(9420),a=(n(87363),n(63762)),s=n(93379),d=n.n(s),u=n(7795),l=n.n(u),p=n(90569),f=n.n(p),b=n(3565),g=n.n(b),O=n(19216),y=n.n(O),P=n(44589),j=n.n(P),m=n(73475),S={};S.styleTagTransform=j(),S.setAttributes=g(),S.insert=f().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=y();d()(m.ZP,S);m.ZP&&m.ZP.locals&&m.ZP.locals;var h=n(47514);const w=(0,c.Pi)((function ProductInfo(e){var t=(0,a.NP)();return(0,h.jsx)(h.Fragment,{children:t.settingsState.infoBoxContent&&(0,h.jsx)("div",{className:r()(m.RZ,t.uiState.isInMobileView?m.ai:void 0),children:t.settingsState.infoBoxContent&&(0,i.ZN)(t.settingsState.infoBoxContent.content)})})}))},73475:(e,t,n)=>{n.d(t,{RZ:()=>a,ZP:()=>d,ai:()=>s});var o=n(8081),r=n.n(o),i=n(23645),c=n.n(i)()(r());c.push([e.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var a="index-module--TDdLn",s="index-module--96TgJ";const d=c}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3516.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3516],{53516:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),r=t(38946),a=t(65515),o=t.n(a),u=t(63762),d=t(9420),l=t(87363),s=t(93379),m=t.n(s),c=t(7795),p=t.n(c),g=t(90569),b=t.n(g),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),w=t(44589),y=t.n(w),j=t(30605),C={};C.styleTagTransform=y(),C.setAttributes=h(),C.insert=b().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=f();m()(j.ZP,C);j.ZP&&j.ZP.locals&&j.ZP.locals;var k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,d.Pi)((function Range(e){var n,t=e.paletteId,i=e.item,a=(0,l.useState)(Number(i.freeText)),d=(0,r.Z)(a,2),s=d[0],m=d[1],c=(0,u.NP)(),p=c.settingsState.itemPalettes.get(t),g=(0,l.useState)(null==p||null===(n=p.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),b=(0,r.Z)(g,2),x=b[0],h=b[1];return(0,l.useEffect)((function(){p&&c.settingsState.updateItemPalette(t,_objectSpread(_objectSpread({},p),{},{numberInput:s,measureUnit:i.measureUnit}))}),[s]),(0,l.useEffect)((function(){if(p){var e,n=null==p||null===(e=p.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&x!==n?(h(n),m(Number(i.measureMinimum))):p.numberInput&&p.numberInput!=s&&m(p.numberInput)}}),[p,x]),(0,k.jsx)("div",{className:o()(j.CA,j.nC),children:(0,k.jsxs)("div",{className:j.kQ,children:[(0,k.jsxs)("div",{className:j.VU,children:[(0,k.jsx)("a",{className:j.iq,children:i.measureMinimum+" "+i.measureUnit}),(0,k.jsx)("a",{className:j.Be,children:i.measureMaximum+" "+i.measureUnit})]}),(0,k.jsxs)("div",{className:o()(j.FR,"no-swiping"),children:[(0,k.jsx)("div",{className:o()(j.Tq,j.VA),onClick:function onClick(){var e=Number(s)-Number(i.measureStep);e<Number(i.measureMinimum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString(),!0))}}),(0,k.jsx)("input",{type:"range",min:i.measureMinimum,max:i.measureMaximum,step:i.measureStep,value:s,className:j.$i,onChange:function onChange(e){return m(Number(e.target.value))},onMouseUp:function onMouseUp(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)},onTouchEnd:function onTouchEnd(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)}}),(0,k.jsx)("div",{className:o()(j.Tq,j.l8),onClick:function onClick(){var e=Number(s)+Number(i.measureStep);e>Number(i.measureMaximum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString()))}})]})]})})}))},30605:(e,n,t)=>{t.d(n,{$i:()=>f,Be:()=>h,CA:()=>c,FR:()=>v,Tq:()=>w,VA:()=>y,VU:()=>b,ZP:()=>C,iq:()=>x,kQ:()=>g,l8:()=>j,nC:()=>p});var i=t(8081),r=t.n(i),a=t(23645),o=t.n(a),u=t(61667),d=t.n(u),l=new URL(t(27557),t.b),s=o()(r()),m=d()(l);s.push([e.id,".index-module--gyx1d {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--zjBLV {\n  display: block;\n  width: 99%;\n}\n\n.index-module--Sp71V {\n  margin: 10px;\n}\n\n.index-module--Bu3n_ {\n  width: 100%;\n  height: 1.2rem;\n}\n\n.index-module--nYwTl {\n  position: absolute;\n  left: 10px;\n}\n\n.index-module--MYr7S {\n  position: absolute;\n  right: 10px;\n}\n\n.index-module--CeWow {\n  width: 100%;\n  height: 2rem;\n  margin-top: 12px;\n  position: relative;\n}\n\n.index-module--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 3px;\n  position: absolute;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var c="index-module--gyx1d",p="index-module--zjBLV",g="index-module--Sp71V",b="index-module--Bu3n_",x="index-module--nYwTl",h="index-module--MYr7S",v="index-module--CeWow",f="index-module--XrDAa",w="index-module--xvezF",y="index-module--PZiQo",j="index-module--hD6BU";const C=s},27557:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3516],{53516:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var r=t(80248),i=t(34988),a=t(65515),o=t.n(a),u=t(63762),l=t(9420),d=t(87363),s=t(93379),m=t.n(s),c=t(7795),p=t.n(c),x=t(90569),b=t.n(x),g=t(3565),h=t.n(g),v=t(19216),f=t.n(v),w=t(44589),y=t.n(w),k=t(30605),C={};C.styleTagTransform=y(),C.setAttributes=h(),C.insert=b().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=f();m()(k.ZP,C);k.ZP&&k.ZP.locals&&k.ZP.locals;var j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const P=(0,l.Pi)((function Range(e){var n,t=e.paletteId,r=e.item,a=(0,d.useState)(Number(r.freeText)),l=(0,i.Z)(a,2),s=l[0],m=l[1],c=(0,u.NP)(),p=c.settingsState.itemPalettes.get(t),x=(0,d.useState)(null==p||null===(n=p.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),b=(0,i.Z)(x,2),g=b[0],h=b[1];return(0,d.useEffect)((function(){p&&c.settingsState.updateItemPalette(t,_objectSpread(_objectSpread({},p),{},{numberInput:s,measureUnit:r.measureUnit}))}),[s]),(0,d.useEffect)((function(){if(p){var e,n=null==p||null===(e=p.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&g!==n?(h(n),m(Number(r.measureMinimum))):p.numberInput&&p.numberInput!=s&&m(p.numberInput)}}),[p,g]),(0,j.jsx)("div",{className:o()(k.CA,k.nC),children:(0,j.jsxs)("div",{className:k.kQ,children:[(0,j.jsxs)("div",{className:k.VU,children:[(0,j.jsx)("a",{className:k.iq,children:r.measureMinimum+" "+r.measureUnit}),(0,j.jsx)("a",{className:k.Be,children:r.measureMaximum+" "+r.measureUnit})]}),(0,j.jsxs)("div",{className:o()(k.FR,"no-swiping"),children:[(0,j.jsx)("div",{className:o()(k.Tq,k.VA),onClick:function onClick(){var e=Number(s)-Number(r.measureStep);e<Number(r.measureMinimum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,r,e.toString(),!0))}}),(0,j.jsx)("input",{type:"range",min:r.measureMinimum,max:r.measureMaximum,step:r.measureStep,value:s,className:k.$i,onChange:function onChange(e){return m(Number(e.target.value))},onMouseUp:function onMouseUp(e){return c.paletteViewHandler.onRangeClickChange(p,r,e.target.value)},onTouchEnd:function onTouchEnd(e){return c.paletteViewHandler.onRangeClickChange(p,r,e.target.value)}}),(0,j.jsx)("div",{className:o()(k.Tq,k.l8),onClick:function onClick(){var e=Number(s)+Number(r.measureStep);e>Number(r.measureMaximum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,r,e.toString()))}})]})]})})}))},30605:(e,n,t)=>{t.d(n,{$i:()=>f,Be:()=>h,CA:()=>c,FR:()=>v,Tq:()=>w,VA:()=>y,VU:()=>b,ZP:()=>C,iq:()=>g,kQ:()=>x,l8:()=>k,nC:()=>p});var r=t(8081),i=t.n(r),a=t(23645),o=t.n(a),u=t(61667),l=t.n(u),d=new URL(t(27557),t.b),s=o()(i()),m=l()(d);s.push([e.id,".index-module--gyx1d {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--zjBLV {\n  display: block;\n  width: 99%;\n}\n\n.index-module--Sp71V {\n  margin: 10px;\n}\n\n.index-module--Bu3n_ {\n  width: 100%;\n  height: 1.2rem;\n}\n\n.index-module--nYwTl {\n  position: absolute;\n  left: 10px;\n}\n\n.index-module--MYr7S {\n  position: absolute;\n  right: 10px;\n}\n\n.index-module--CeWow {\n  width: 100%;\n  height: 2rem;\n  margin-top: 12px;\n  position: relative;\n}\n\n.index-module--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 3px;\n  position: absolute;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var c="index-module--gyx1d",p="index-module--zjBLV",x="index-module--Sp71V",b="index-module--Bu3n_",g="index-module--nYwTl",h="index-module--MYr7S",v="index-module--CeWow",f="index-module--XrDAa",w="index-module--xvezF",y="index-module--PZiQo",k="index-module--hD6BU";const C=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3596.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3596],{33596:(e,t,i)=>{i.r(t),i.d(t,{default:()=>g});var r=i(84658),l=i(61965),n=i(13125),s=i(43860),a=i(80248),c=i(50747),d=i.n(c),o=i(70178),h=i(3850),u=i(26975),f=i(69821),g=function(){return(0,s.Z)((function ShelfPlanner(e,t){if((0,n.Z)(this,ShelfPlanner),(0,a.Z)(this,"article",void 0),(0,a.Z)(this,"grids",[]),(0,a.Z)(this,"isVisible",void 0),(0,a.Z)(this,"showOnRule",void 0),(0,a.Z)(this,"showAfterOPT",void 0),(0,a.Z)(this,"data",void 0),(0,a.Z)(this,"freeArticlesPossible",{}),(0,a.Z)(this,"freeArticlesPlanned",{}),(0,a.Z)(this,"gridAllowedOnCells",void 0),(0,a.Z)(this,"gridAllowedOntoArticles",void 0),(0,a.Z)(this,"takePlaceOnOtherGrids",void 0),(0,a.Z)(this,"disableCellsByElement",void 0),(0,a.Z)(this,"montageOptions",[]),this.article=t,this.disableCellsByElement=e.DisableCells,this.data=e,this.showAfterOPT=e.ShowAfterOPT,this.showOnRule=e.ShowOnRule?o.ZP.getRuleByFormula(e.ShowOnRule,t.catalogCodex,t.CatalogData.multiselectOptions):void 0,this.gridAllowedOnCells=e.GridAllowedOnCells,this.gridAllowedOntoArticles=e.GridAllowedOntoArticles,this.takePlaceOnOtherGrids=e.TakePlaceOnOtherGrids,this.initFreeArticles(),e.ShelfPlanner&&e.ShelfPlanner.length>0){for(var i=0;i<e.ShelfPlanner.length;i++)this.creatNewGrid(i),this.updateDisabledCells();this.montageOptions=(0,l.Z)(new Set(this.grids.reduce((function(e,t){return e=e.concat(t.montageOptionsList)}),[])))}}),[{key:"initFreeArticles",value:function initFreeArticles(){if(this.data.ShelfPlanner)for(var e=0;e<this.data.ShelfPlanner.length;e++){var t=this.data.ShelfPlanner[e];if(t.initAccArr)for(var i=0;i<t.initAccArr.length;i++){var r=t.initAccArr[i];r.noPrice&&(void 0===this.freeArticlesPossible[r.Codex]&&(this.freeArticlesPossible[r.Codex]=0),this.freeArticlesPossible[r.Codex]+=r.Quantity)}}}},{key:"IsVisible",get:function get(){return this.isVisible}},{key:"setIsVisible",value:(b=(0,r.Z)(d().mark((function _callee(e){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:if(this.isVisible==e){t.next=12;break}if(!e){t.next=10;break}if(this.isVisible=e,this.article.shelfPlanData){t.next=8;break}return t.next=6,this.onConfigChanged({});case 6:return t.next=8,this.initAccList();case 8:t.next=12;break;case 10:return t.next=12,this.deleteAllAcc();case 12:this.isVisible=e;case 13:case"end":return t.stop()}}),_callee,this)}))),function setIsVisible(e){return b.apply(this,arguments)})},{key:"onConfigChanged",value:(k=(0,r.Z)(d().mark((function _callee2(e){var t,i,r,l,n,s,a,c,o,h;return d().wrap((function _callee2$(d){for(;;)switch(d.prev=d.next){case 0:for(t=!1,i=[],r=0;r<this.grids.length;r++)i.push(this.grids[r].onConfigChanged());l=0;case 4:if(!(l<i.length)){d.next=11;break}if(!i[l].length){d.next=8;break}return d.next=8,this.grids[l].deleteAllAccOfGrid();case 8:l++,d.next=4;break;case 11:n=0;case 12:if(!(n<i.length)){d.next=23;break}if(i[n].length){d.next=15;break}return d.abrupt("continue",20);case 15:if(s=this.grids[n],i[n].includes("heightGridRule")&&(this.creatNewGrid(n),t=!0),!i[n].includes("heightGridRule")&&!i[n].includes("disableGridRule")||s.DisabledByRule){d.next=20;break}return d.next=20,this.initAccList(n);case 20:n++,d.next=12;break;case 23:if(t||!Object.keys(e).length){d.next=34;break}a=this.activeGrids,c=0;case 26:if(!(c<a.length)){d.next=34;break}if(h=a[c],!(null!==(o=h.DisableCellsByMeasures)&&void 0!==o&&o.options.find((function(t){return Object.keys(e).includes("OPT"+t.opt)}))||h.disableCellsByRules)){d.next=31;break}return t=!0,d.abrupt("break",34);case 31:c++,d.next=26;break;case 34:t&&this.updateDisabledCells();case 35:case"end":return d.stop()}}),_callee2,this)}))),function onConfigChanged(e){return k.apply(this,arguments)})},{key:"creatNewGrid",value:function creatNewGrid(e){this.grids[e]=new u.Z(e,this.article,this.data)}},{key:"initAccList",value:(A=(0,r.Z)(d().mark((function _callee3(e){var t,i,r,l,n,s,a,c,o,u,f,g;return d().wrap((function _callee3$(d){for(;;)switch(d.prev=d.next){case 0:t=this.activeGrids,i=0;case 2:if(!(i<t.length)){d.next=36;break}if(r=t[i],void 0===e||r.ShelfIndex===e){d.next=6;break}return d.abrupt("continue",33);case 6:if(r.InitAccArr){d.next=8;break}return d.abrupt("continue",33);case 8:l=0;case 9:if(!(l<r.InitAccArr.length)){d.next=33;break}n=r.InitAccArr[l],s=0;case 12:if(!(s<n.initRH.length)){d.next=30;break}return r.ActAccessoire=n.Codex,d.next=16,h.Z.addAccessorieOnShelfPlanner(this.article.set,r.ShelfIndex,n.initRH[s],r.basketId,{noMove:n.noMove,noDelete:n.noDelete,byInit:!0});case 16:if(!n.replaceFromParent){d.next=26;break}if(!(c=this.getShelfParentShelfId())||null===(a=this.article.accessoireParentArticle)||void 0===a||!a.shelfPlanner){d.next=26;break}if(!((o=this.article.accessoireParentArticle.shelfPlanner.getAccessorireByCodex(c,n.Codex))&&o.length>0)){d.next=26;break}if(f=o[0],void 0===(g=null===(u=f.shelfPlanner)||void 0===u?void 0:u.getRHOnParentArticle())||void 0===f.relatedToShelfGrid){d.next=26;break}return d.next=26,h.Z.deleteAccessorieOnShelfPlanner(this.article.set,f.relatedToShelfGrid,g,this.article.accessoireParentArticle.basketId);case 26:r.ActAccessoire=void 0;case 27:s++,d.next=12;break;case 30:l++,d.next=9;break;case 33:i++,d.next=2;break;case 36:case"end":return d.stop()}}),_callee3,this)}))),function initAccList(e){return A.apply(this,arguments)})},{key:"getAccessorireByCodex",value:function getAccessorireByCodex(e,t){var i=this.grids.find((function(t){return t.ShelfId==e})),r=[];if(i)for(var l in i.Accessoires)i.Accessoires[l].articleCodex==t&&r.push(i.Accessoires[l]);return r}},{key:"triggerVisibility",value:(v=(0,r.Z)(d().mark((function _callee4(e){var t,i,r,l,n,s,a;return d().wrap((function _callee4$(c){for(;;)switch(c.prev=c.next){case 0:t=[],i=[],r=0;case 3:if(!(r<this.grids.length)){c.next=13;break}if((l=this.grids[r]).VisitOption){c.next=7;break}return c.abrupt("continue",10);case 7:if(!i.includes(l.VisitOption)&&!t.includes(l.VisitOption)){c.next=9;break}return c.abrupt("continue",10);case 9:e&&(l.gridGroup==e||l.alternativeGridGroups.includes(e))?(i.push(l.VisitOption),t.includes(l.VisitOption)&&t.splice(t.indexOf(l.VisitOption),1)):t.push(l.VisitOption);case 10:r++,c.next=3;break;case 13:n=0;case 14:if(!(n<[].concat(i,t).length)){c.next=23;break}if(s=[].concat(i,t)[n],!(a=this.article.getArticleOptionState((this.article.CatalogData.isIDMFormat?"":"OPT")+s))){c.next=20;break}return c.next=20,f.Z.updateOption(this.article,a.optionCodex,i.includes(s)?"OPVMIT":"OPVOHNE");case 20:n++,c.next=14;break;case 23:case"end":return c.stop()}}),_callee4,this)}))),function triggerVisibility(e){return v.apply(this,arguments)})},{key:"deleteAllAcc",value:(g=(0,r.Z)(d().mark((function _callee5(){var e;return d().wrap((function _callee5$(t){for(;;)switch(t.prev=t.next){case 0:this.article.shelfPlanData=void 0,e=0;case 2:if(!(e<this.grids.length)){t.next=8;break}return t.next=5,this.grids[e].deleteAllAccOfGrid();case 5:e++,t.next=2;break;case 8:case"end":return t.stop()}}),_callee5,this)}))),function deleteAllAcc(){return g.apply(this,arguments)})},{key:"GridAllowedOnCells",get:function get(){return this.gridAllowedOnCells}},{key:"GridAllowedOntoArticles",get:function get(){return this.gridAllowedOntoArticles}},{key:"TakePlaceOnOtherGrids",get:function get(){return this.takePlaceOnOtherGrids}},{key:"tryFitOnShelfOfGrid",value:function tryFitOnShelfOfGrid(e,t,i){var r=i.shelfHeight,l=this.grids[e];if(!r||isNaN(r))return alert("Der artikel: "+i.name+" hat keine RH hinterlegt! Der Metatag 'HEIGHTGRIDUSED' ist: "+i.shelfHeight),!1;var n=!1,s=this.doesTakePlaceOnOtherGrids(i)?this.activeGrids:[l];if(l.checkAccessoireInGridRules(i))return{type:"notAllowedByMaxQuantityReached",size:r};for(var a=0;a<s.length;a++)if(!1===(n=s[a].tryFitOnShelf(i,t,i.shelfPlanner))||"doesNotFit"===n.type||n.type.startsWith("notAllowed")||void 0===n.index)return n;return n}},{key:"getFreeSpacesOfAccessoireOfGrids",value:function getFreeSpacesOfAccessoireOfGrids(e,t){for(var i=this.grids,r={},l=0;l<i.length;l++){var n=i[l];n.DisabledByRule||(r[n.GridName]={freeCells:n.getFreeSpacesOfAccessoire(t),idx:l})}return r}},{key:"getPlannedSpacesOfGrids",value:function getPlannedSpacesOfGrids(){for(var e=this.grids,t={},i=0;i<e.length;i++){var r=e[i];r.DisabledByRule||(t[r.GridName]={accessories:r.getPlannedSpaces(),idx:i})}return t}},{key:"deleteAccessoireOfCellInGrid",value:(c=(0,r.Z)(d().mark((function _callee6(e,t){var i,r,l,n,s;return d().wrap((function _callee6$(a){for(;;)switch(a.prev=a.next){case 0:if(i=this.grids[e],r=i.Cells[t].InUse,(n=i.Cells.find((function(e){return e.OnBoard==r})))?(l=n.InUse,n.Article):(l=t,s=i.Cells[t].Article),!s){a.next=8;break}return this.checkForNewFreeAccessoire(s,e),a.next=8,this.handleDeleteTakePlaceOnOtherGrids(e,l,s);case 8:return a.next=10,i.deleteAccessoireInCells(l);case 10:return a.abrupt("return",a.sent);case 11:case"end":return a.stop()}}),_callee6,this)}))),function deleteAccessoireOfCellInGrid(e,t){return c.apply(this,arguments)})},{key:"checkForNewFreeAccessoire",value:function checkForNewFreeAccessoire(e,t){if(void 0!==this.freeArticlesPossible[e.articleCodex]&&e.noPrice){this.freeArticlesPlanned[e.articleCodex]-=e.quantity;var i=this.grids[t];for(var r in i.Accessoires)i.Accessoires[r].articleCodex!=e.articleCodex||i.Accessoires[r].noPrice||(i.Accessoires[r].noPrice=!0,this.freeArticlesPlanned[i.Accessoires[r].articleCodex]+=e.quantity)}}},{key:"handleDeleteTakePlaceOnOtherGrids",value:(i=(0,r.Z)(d().mark((function _callee7(e,t,i){var r,l,n,s,a,c,o;return d().wrap((function _callee7$(d){for(;;)switch(d.prev=d.next){case 0:if(i.shelfHeight){d.next=2;break}return d.abrupt("return");case 2:if(i.shelfHeightAbove)for(r=0;r<i.shelfHeightAbove;r++)(null==(n=this.grids[e].Cells[t+i.shelfHeight+r])||null===(l=n.Article)||void 0===l?void 0:l.basketId)===i.basketId&&n.ClearInUse();if(i.shelfHeightBelow)for(s=0;s<i.shelfHeightBelow;s++)(null==(c=this.grids[e].Cells[t-(s+1)])||null===(a=c.Article)||void 0===a?void 0:a.basketId)===i.basketId&&c.ClearInUse();if(!this.doesTakePlaceOnOtherGrids(i)){d.next=14;break}o=0;case 6:if(!(o<this.grids.length)){d.next=14;break}if(o!==e){d.next=9;break}return d.abrupt("continue",11);case 9:return d.next=11,this.grids[o].deleteAccessoireInCells(t);case 11:o++,d.next=6;break;case 14:case"end":return d.stop()}}),_callee7,this)}))),function handleDeleteTakePlaceOnOtherGrids(e,t,r){return i.apply(this,arguments)})},{key:"addAccessoireInCellInGrid",value:(t=(0,r.Z)(d().mark((function _callee8(e,t,i,r,l){var n,s,a;return d().wrap((function _callee8$(c){for(;;)switch(c.prev=c.next){case 0:n=this.doesTakePlaceOnOtherGrids(e)?this.activeGrids:[this.grids[t]],s=0;case 2:if(!(s<n.length)){c.next=11;break}if(!(a=n[s]).DisabledByRule){c.next=6;break}return c.abrupt("continue",8);case 6:return c.next=8,n[s].addAccessoireInCells(i,e,r,a.ShelfIndex!==t||(null==l?void 0:l.noMove),a.ShelfIndex!==t||(null==l?void 0:l.noDelete),a.ShelfIndex!==t||void 0);case 8:s++,c.next=2;break;case 11:this.checkForFreeAccessoire(e);case 12:case"end":return c.stop()}}),_callee8,this)}))),function addAccessoireInCellInGrid(e,i,r,l,n){return t.apply(this,arguments)})},{key:"checkForFreeAccessoire",value:function checkForFreeAccessoire(e){void 0!==this.freeArticlesPossible[e.articleCodex]&&(void 0===this.freeArticlesPlanned[e.articleCodex]||this.freeArticlesPossible[e.articleCodex]>this.freeArticlesPlanned[e.articleCodex])&&(e.noPrice=!0,void 0===this.freeArticlesPlanned[e.articleCodex]&&(this.freeArticlesPlanned[e.articleCodex]=0),this.freeArticlesPlanned[e.articleCodex]+=e.quantity)}},{key:"doesTakePlaceOnOtherGrids",value:function doesTakePlaceOnOtherGrids(e){var t,i=null===(t=e.shelfPlanner)||void 0===t?void 0:t.takePlaceOnOtherGrids;if(i)for(var r=0;r<i.length;r++)if(i[r].onParent==this.article.articleCodex)return!0;return!1}},{key:"accessoires",get:function get(){for(var e={},t=this.activeGrids,i=0;i<t.length;i++)for(var r in t[i].Accessoires)e[r]=t[i].Accessoires[r];return Object.keys(e).length>0?e:void 0}},{key:"DisableCellsByElement",get:function get(){return this.disableCellsByElement}},{key:"getActAccessoireOfGrid",value:function getActAccessoireOfGrid(e){return this.grids[e].ActAccessoire}},{key:"setActAccessoireOfGrid",value:function setActAccessoireOfGrid(e,t){for(var i=!1,r=this.GridsOrGroupById(e),l=0;l<r.length;l++){var n=r[l];t&&n.getArticleRelationsById(e).includes(t)?n.ActAccessoire!==t&&(n.ActAccessoire=t,i=!0):n.ActAccessoire=void 0}return i}},{key:"generateShelfPlandata",value:function generateShelfPlandata(){for(var e,t=[],i=this.activeGrids,r=0;r<i.length;r++){for(var l=[],n=i[r],s=0;s<n.Cells.length;s++){var a,c,d=n.Cells[s];if(l.push({inUse:d.InUse,noDelete:d.NoDelete,noMove:d.NoMove,onBoard:d.OnBoard}),n.ShelfIndex!=r&&(l[s].gridIndex=n.ShelfIndex),d.InUse==s)l[s].usedArticleData={Codex:null===(a=d.Article)||void 0===a?void 0:a.articleCodex,BasketID:null===(c=d.Article)||void 0===c?void 0:c.basketId}}t.push(l)}return{ShelfPlanner2:t,DoorPlannerData:null===(e=this.article.doorPlanner)||void 0===e?void 0:e.getMovedData(this.article.basketId)}}},{key:"getShelfPlannerAccessoires3DValues",value:function getShelfPlannerAccessoires3DValues(e){for(var t=this.activeGrids,i=0;i<t.length;i++)for(var r=t[i],l=0;l<r.Cells.length;l++){var n=r.Cells[l];if(n.InUse==l&&n.Article&&n.Article.model3DName&&!n.OnlyPlaceHolder){var s,a=n.Index;"vertikal"==r.Direction&&1!=this.article.CatalogData.useShelfPlannerRTV&&(a=r.Cells.length-1-n.Index),e.push({basketId:null===(s=n.Article)||void 0===s?void 0:s.basketId,gridId:r.ShelfIndex,gridName:r.GridName,model:n.Article.model3DName,parentBasketId:this.article.basketId,parentElementId:this.getShelfElementId(),rh:a}),n.Article.shelfPlanner&&(e=e.concat(n.Article.shelfPlanner.getShelfPlannerAccessoires3DValues([])))}}return e}},{key:"getShelfElementId",value:function getShelfElementId(){var e;if(null!==(e=this.article.accessoireParentArticle)&&void 0!==e&&e.shelfPlanner&&void 0!==this.article.relatedToShelfGrid&&this.grids.length>0){var t=this.getRHOnParentArticle();return this.article.accessoireParentArticle.shelfPlanner.getShelfElementId()+"."+this.article.relatedToShelfGrid+"."+t}return this.article.elementId.toString()}},{key:"getRHOnParentArticle",value:function getRHOnParentArticle(){var e,t=this;if(void 0!==this.article.relatedToShelfGrid)return null===(e=this.article.accessoireParentArticle)||void 0===e||null===(e=e.shelfPlanner)||void 0===e||null===(e=e.grids[this.article.relatedToShelfGrid].Cells.find((function(e){var i;return(null===(i=e.Article)||void 0===i?void 0:i.basketId)==t.article.basketId})))||void 0===e?void 0:e.InUse}},{key:"getShelfPlannerItems",value:function getShelfPlannerItems(e){for(var t=[],i=this.article.CatalogData,r=this.GridsOrGroupById(e),l=0;l<r.length;l++){var n=r[l].getArticleRelationsById(e);if(null!=n&&n.length)for(var s=function _loop(){var e=n[a];if(i.checkIfArticleCodexExists(e)){var r=i.getCatalogArticleByArticleCodex(e);if(!r||t.find((function(e){return e.articleCodex===r.articleCodex})))return 1;t.push({articleCodex:r.articleCodex,configStepKeys:[],image:r.image?i.getCatImageURL(r.image,""):void 0,name:r.name,longDescription:r.longDescription,price:i.dontShowBasePrice?0:Number(r.articlePrice),width:r.width,height:r.height,depth:r.depth,cellSize:r.shelfHeight,metaData:r.metaDataView,contentItemId:r.contentItemId,groupContentItemId:r.groupContentItemId,partlistcodexes:r.possiblePartlistCodexes})}},a=0;a<n.length;a++)s()}return{accessoires:t,grids:r}}},{key:"getShelfParentShelfId",value:function getShelfParentShelfId(){var e;if(void 0!==this.article.relatedToShelfGrid)return null===(e=this.article.accessoireParentArticle)||void 0===e||null===(e=e.shelfPlanner)||void 0===e||null===(e=e.grids[this.article.relatedToShelfGrid])||void 0===e?void 0:e.ShelfId}},{key:"updateOnDockingChanged",value:function updateOnDockingChanged(e){("AVL"==e&&"RH_OVER_AVL"==this.disableCellsByElement||"AVR"==e&&"RH_OVER_AVR"==this.disableCellsByElement)&&this.updateDisabledCells()}},{key:"updateDisabledCells",value:function updateDisabledCells(){this.updateDisabledCellsOnDockedElements(),this.checkOnDockedHeight()}},{key:"updateDisabledCellsOnDockedElements",value:function updateDisabledCellsOnDockedElements(){var e,t=this.activeGrids,i=this.article.dockedOnAV("L"),r=this.article.dockedOnAV("R");if("RH_OVER_AVR"==this.disableCellsByElement&&i)null===(e=i.shelfPlanner)||void 0===e||e.disableCellsByDockedShelfs(t[0].getCellCount("AVL"));else if("RH_OVER_AVL"==this.disableCellsByElement&&r){var l;null===(l=r.shelfPlanner)||void 0===l||l.disableCellsByDockedShelfs(t[0].getCellCount("AVR"))}}},{key:"checkOnDockedHeight",value:function checkOnDockedHeight(){var e=this.article.dockedOnAV("R"),t=this.article.dockedOnAV("L");null!=e&&e.shelfPlanner&&e.shelfPlanner.activeGrids.length>0&&"RH_OVER_AVR"==this.disableCellsByElement?this.disableCellsByDockedShelfs(e.shelfPlanner.activeGrids[0].getCellCount("AVL")):null!=t&&t.shelfPlanner&&t.shelfPlanner.activeGrids.length>0&&"RH_OVER_AVL"==this.disableCellsByElement?this.disableCellsByDockedShelfs(t.shelfPlanner.activeGrids[0].getCellCount("AVR")):this.disableCellsByDockedShelfs()}},{key:"disableCellsByDockedShelfs",value:(e=(0,r.Z)(d().mark((function _callee9(e){var t,i,r,l,n,s,a,c,o;return d().wrap((function _callee9$(d){for(;;)switch(d.prev=d.next){case 0:t=this.activeGrids,i=0;case 2:if(!(i<t.length)){d.next=29;break}for(r=t[i],l=r.getCellCount(),n=r.getDisabledCellsByRule(),s=null==e||e>l?l:e;s<r.Cells.length;s++)n.push(s);a=0;case 9:if(!(a<n.length)){d.next=18;break}if((c=r.Cells[n[a]]).InUse!=n[a]){d.next=14;break}return d.next=14,h.Z.deleteAccessorieOnShelfPlanner(this.article.set,r.ShelfIndex,c.InUse,r.basketId);case 14:c.IsDisabled=!0;case 15:a++,d.next=9;break;case 18:o=0;case 19:if(!(o<r.Cells.length)){d.next=26;break}if(!n.includes(o)){d.next=22;break}return d.abrupt("continue",23);case 22:r.Cells[o].IsDisabled=!1;case 23:o++,d.next=19;break;case 26:i++,d.next=2;break;case 29:case"end":return d.stop()}}),_callee9,this)}))),function disableCellsByDockedShelfs(t){return e.apply(this,arguments)})},{key:"getGridByGridName",value:function getGridByGridName(e){return this.grids.find((function(t){return t.GridName==e}))}},{key:"getGridByIndex",value:function getGridByIndex(e){return this.grids.find((function(t){return t.ShelfIndex==e}))}},{key:"GridsOrGroupById",value:function GridsOrGroupById(e){return this.activeGrids.filter((function(t){return t.ShelfId==e||t.group==e||t.alternativeGridGroups.includes(e)}))}},{key:"getSelectedAccessoireById",value:function getSelectedAccessoireById(e){var t;return null===(t=this.GridsOrGroupById(e).find((function(t){if(t.ActAccessoire&&t.getArticleRelationsById(e).includes(t.ActAccessoire))return t})))||void 0===t?void 0:t.ActAccessoire}},{key:"getCellIndexOfBasketId",value:function getCellIndexOfBasketId(e,t){var i;return null===(i=this.getGridByIndex(e))||void 0===i?void 0:i.getIndexOfBasketId(t)}},{key:"allGrids",get:function get(){return this.grids}},{key:"activeGrids",get:function get(){return this.grids.filter((function(e){return!e.DisabledByRule}))}},{key:"allMontageOptions",get:function get(){return this.montageOptions}},{key:"getRelatedToGridIdByArticleCodex",value:function getRelatedToGridIdByArticleCodex(e,t){var i=this.grids[t].getGridIdByArticleCodex(e);if(i)return i;for(var r=0;r<this.grids.length;r++){var l=this.grids[r].getGridIdByArticleCodex(e);if(l)return l}}}]);var e,t,i,c,g,v,A,k,b}()}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3596],{33596:(e,t,i)=>{i.r(t),i.d(t,{default:()=>g});var r=i(84658),l=i(12952),n=i(13125),s=i(43860),a=i(80248),c=i(50747),d=i.n(c),o=i(70178),h=i(3850),u=i(26975),f=i(69821),g=function(){return(0,s.Z)((function ShelfPlanner(e,t){if((0,n.Z)(this,ShelfPlanner),(0,a.Z)(this,"article",void 0),(0,a.Z)(this,"grids",[]),(0,a.Z)(this,"isVisible",void 0),(0,a.Z)(this,"showOnRule",void 0),(0,a.Z)(this,"showAfterOPT",void 0),(0,a.Z)(this,"data",void 0),(0,a.Z)(this,"freeArticlesPossible",{}),(0,a.Z)(this,"freeArticlesPlanned",{}),(0,a.Z)(this,"gridAllowedOnCells",void 0),(0,a.Z)(this,"gridAllowedOntoArticles",void 0),(0,a.Z)(this,"takePlaceOnOtherGrids",void 0),(0,a.Z)(this,"disableCellsByElement",void 0),(0,a.Z)(this,"montageOptions",[]),this.article=t,this.disableCellsByElement=e.DisableCells,this.data=e,this.showAfterOPT=e.ShowAfterOPT,this.showOnRule=e.ShowOnRule?o.ZP.getRuleByFormula(e.ShowOnRule,t.catalogCodex,t.CatalogData.multiselectOptions):void 0,this.gridAllowedOnCells=e.GridAllowedOnCells,this.gridAllowedOntoArticles=e.GridAllowedOntoArticles,this.takePlaceOnOtherGrids=e.TakePlaceOnOtherGrids,this.initFreeArticles(),e.ShelfPlanner&&e.ShelfPlanner.length>0){for(var i=0;i<e.ShelfPlanner.length;i++)this.creatNewGrid(i),this.updateDisabledCells();this.montageOptions=(0,l.Z)(new Set(this.grids.reduce((function(e,t){return e=e.concat(t.montageOptionsList)}),[])))}}),[{key:"initFreeArticles",value:function initFreeArticles(){if(this.data.ShelfPlanner)for(var e=0;e<this.data.ShelfPlanner.length;e++){var t=this.data.ShelfPlanner[e];if(t.initAccArr)for(var i=0;i<t.initAccArr.length;i++){var r=t.initAccArr[i];r.noPrice&&(void 0===this.freeArticlesPossible[r.Codex]&&(this.freeArticlesPossible[r.Codex]=0),this.freeArticlesPossible[r.Codex]+=r.Quantity)}}}},{key:"IsVisible",get:function get(){return this.isVisible}},{key:"setIsVisible",value:(b=(0,r.Z)(d().mark((function _callee(e){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:if(this.isVisible==e){t.next=12;break}if(!e){t.next=10;break}if(this.isVisible=e,this.article.shelfPlanData){t.next=8;break}return t.next=6,this.onConfigChanged({});case 6:return t.next=8,this.initAccList();case 8:t.next=12;break;case 10:return t.next=12,this.deleteAllAcc();case 12:this.isVisible=e;case 13:case"end":return t.stop()}}),_callee,this)}))),function setIsVisible(e){return b.apply(this,arguments)})},{key:"onConfigChanged",value:(k=(0,r.Z)(d().mark((function _callee2(e){var t,i,r,l,n,s,a,c,o,h;return d().wrap((function _callee2$(d){for(;;)switch(d.prev=d.next){case 0:for(t=!1,i=[],r=0;r<this.grids.length;r++)i.push(this.grids[r].onConfigChanged());l=0;case 4:if(!(l<i.length)){d.next=11;break}if(!i[l].length){d.next=8;break}return d.next=8,this.grids[l].deleteAllAccOfGrid();case 8:l++,d.next=4;break;case 11:n=0;case 12:if(!(n<i.length)){d.next=23;break}if(i[n].length){d.next=15;break}return d.abrupt("continue",20);case 15:if(s=this.grids[n],i[n].includes("heightGridRule")&&(this.creatNewGrid(n),t=!0),!i[n].includes("heightGridRule")&&!i[n].includes("disableGridRule")||s.DisabledByRule){d.next=20;break}return d.next=20,this.initAccList(n);case 20:n++,d.next=12;break;case 23:if(t||!Object.keys(e).length){d.next=34;break}a=this.activeGrids,c=0;case 26:if(!(c<a.length)){d.next=34;break}if(h=a[c],!(null!==(o=h.DisableCellsByMeasures)&&void 0!==o&&o.options.find((function(t){return Object.keys(e).includes("OPT"+t.opt)}))||h.disableCellsByRules)){d.next=31;break}return t=!0,d.abrupt("break",34);case 31:c++,d.next=26;break;case 34:t&&this.updateDisabledCells();case 35:case"end":return d.stop()}}),_callee2,this)}))),function onConfigChanged(e){return k.apply(this,arguments)})},{key:"creatNewGrid",value:function creatNewGrid(e){this.grids[e]=new u.Z(e,this.article,this.data)}},{key:"initAccList",value:(A=(0,r.Z)(d().mark((function _callee3(e){var t,i,r,l,n,s,a,c,o,u,f,g;return d().wrap((function _callee3$(d){for(;;)switch(d.prev=d.next){case 0:t=this.activeGrids,i=0;case 2:if(!(i<t.length)){d.next=36;break}if(r=t[i],void 0===e||r.ShelfIndex===e){d.next=6;break}return d.abrupt("continue",33);case 6:if(r.InitAccArr){d.next=8;break}return d.abrupt("continue",33);case 8:l=0;case 9:if(!(l<r.InitAccArr.length)){d.next=33;break}n=r.InitAccArr[l],s=0;case 12:if(!(s<n.initRH.length)){d.next=30;break}return r.ActAccessoire=n.Codex,d.next=16,h.Z.addAccessorieOnShelfPlanner(this.article.set,r.ShelfIndex,n.initRH[s],r.basketId,{noMove:n.noMove,noDelete:n.noDelete,byInit:!0});case 16:if(!n.replaceFromParent){d.next=26;break}if(!(c=this.getShelfParentShelfId())||null===(a=this.article.accessoireParentArticle)||void 0===a||!a.shelfPlanner){d.next=26;break}if(!((o=this.article.accessoireParentArticle.shelfPlanner.getAccessorireByCodex(c,n.Codex))&&o.length>0)){d.next=26;break}if(f=o[0],void 0===(g=null===(u=f.shelfPlanner)||void 0===u?void 0:u.getRHOnParentArticle())||void 0===f.relatedToShelfGrid){d.next=26;break}return d.next=26,h.Z.deleteAccessorieOnShelfPlanner(this.article.set,f.relatedToShelfGrid,g,this.article.accessoireParentArticle.basketId);case 26:r.ActAccessoire=void 0;case 27:s++,d.next=12;break;case 30:l++,d.next=9;break;case 33:i++,d.next=2;break;case 36:case"end":return d.stop()}}),_callee3,this)}))),function initAccList(e){return A.apply(this,arguments)})},{key:"getAccessorireByCodex",value:function getAccessorireByCodex(e,t){var i=this.grids.find((function(t){return t.ShelfId==e})),r=[];if(i)for(var l in i.Accessoires)i.Accessoires[l].articleCodex==t&&r.push(i.Accessoires[l]);return r}},{key:"triggerVisibility",value:(v=(0,r.Z)(d().mark((function _callee4(e){var t,i,r,l,n,s,a;return d().wrap((function _callee4$(c){for(;;)switch(c.prev=c.next){case 0:t=[],i=[],r=0;case 3:if(!(r<this.grids.length)){c.next=13;break}if((l=this.grids[r]).VisitOption){c.next=7;break}return c.abrupt("continue",10);case 7:if(!i.includes(l.VisitOption)&&!t.includes(l.VisitOption)){c.next=9;break}return c.abrupt("continue",10);case 9:e&&(l.gridGroup==e||l.alternativeGridGroups.includes(e))?(i.push(l.VisitOption),t.includes(l.VisitOption)&&t.splice(t.indexOf(l.VisitOption),1)):t.push(l.VisitOption);case 10:r++,c.next=3;break;case 13:n=0;case 14:if(!(n<[].concat(i,t).length)){c.next=23;break}if(s=[].concat(i,t)[n],!(a=this.article.getArticleOptionState((this.article.CatalogData.isIDMFormat?"":"OPT")+s))){c.next=20;break}return c.next=20,f.Z.updateOption(this.article,a.optionCodex,i.includes(s)?"OPVMIT":"OPVOHNE");case 20:n++,c.next=14;break;case 23:case"end":return c.stop()}}),_callee4,this)}))),function triggerVisibility(e){return v.apply(this,arguments)})},{key:"deleteAllAcc",value:(g=(0,r.Z)(d().mark((function _callee5(){var e;return d().wrap((function _callee5$(t){for(;;)switch(t.prev=t.next){case 0:this.article.shelfPlanData=void 0,e=0;case 2:if(!(e<this.grids.length)){t.next=8;break}return t.next=5,this.grids[e].deleteAllAccOfGrid();case 5:e++,t.next=2;break;case 8:case"end":return t.stop()}}),_callee5,this)}))),function deleteAllAcc(){return g.apply(this,arguments)})},{key:"GridAllowedOnCells",get:function get(){return this.gridAllowedOnCells}},{key:"GridAllowedOntoArticles",get:function get(){return this.gridAllowedOntoArticles}},{key:"TakePlaceOnOtherGrids",get:function get(){return this.takePlaceOnOtherGrids}},{key:"tryFitOnShelfOfGrid",value:function tryFitOnShelfOfGrid(e,t,i){var r=i.shelfHeight,l=this.grids[e];if(!r||isNaN(r))return alert("Der artikel: "+i.name+" hat keine RH hinterlegt! Der Metatag 'HEIGHTGRIDUSED' ist: "+i.shelfHeight),!1;var n=!1,s=this.doesTakePlaceOnOtherGrids(i)?this.activeGrids:[l];if(l.checkAccessoireInGridRules(i))return{type:"notAllowedByMaxQuantityReached",size:r};for(var a=0;a<s.length;a++)if(!1===(n=s[a].tryFitOnShelf(i,t,i.shelfPlanner))||"doesNotFit"===n.type||n.type.startsWith("notAllowed")||void 0===n.index)return n;return n}},{key:"getFreeSpacesOfAccessoireOfGrids",value:function getFreeSpacesOfAccessoireOfGrids(e,t){for(var i=this.grids,r={},l=0;l<i.length;l++){var n=i[l];n.DisabledByRule||(r[n.GridName]={freeCells:n.getFreeSpacesOfAccessoire(t),idx:l})}return r}},{key:"getPlannedSpacesOfGrids",value:function getPlannedSpacesOfGrids(){for(var e=this.grids,t={},i=0;i<e.length;i++){var r=e[i];r.DisabledByRule||(t[r.GridName]={accessories:r.getPlannedSpaces(),idx:i})}return t}},{key:"deleteAccessoireOfCellInGrid",value:(c=(0,r.Z)(d().mark((function _callee6(e,t){var i,r,l,n,s;return d().wrap((function _callee6$(a){for(;;)switch(a.prev=a.next){case 0:if(i=this.grids[e],r=i.Cells[t].InUse,(n=i.Cells.find((function(e){return e.OnBoard==r})))?(l=n.InUse,n.Article):(l=t,s=i.Cells[t].Article),!s){a.next=8;break}return this.checkForNewFreeAccessoire(s,e),a.next=8,this.handleDeleteTakePlaceOnOtherGrids(e,l,s);case 8:return a.next=10,i.deleteAccessoireInCells(l);case 10:return a.abrupt("return",a.sent);case 11:case"end":return a.stop()}}),_callee6,this)}))),function deleteAccessoireOfCellInGrid(e,t){return c.apply(this,arguments)})},{key:"checkForNewFreeAccessoire",value:function checkForNewFreeAccessoire(e,t){if(void 0!==this.freeArticlesPossible[e.articleCodex]&&e.noPrice){this.freeArticlesPlanned[e.articleCodex]-=e.quantity;var i=this.grids[t];for(var r in i.Accessoires)i.Accessoires[r].articleCodex!=e.articleCodex||i.Accessoires[r].noPrice||(i.Accessoires[r].noPrice=!0,this.freeArticlesPlanned[i.Accessoires[r].articleCodex]+=e.quantity)}}},{key:"handleDeleteTakePlaceOnOtherGrids",value:(i=(0,r.Z)(d().mark((function _callee7(e,t,i){var r,l,n,s,a,c,o;return d().wrap((function _callee7$(d){for(;;)switch(d.prev=d.next){case 0:if(i.shelfHeight){d.next=2;break}return d.abrupt("return");case 2:if(i.shelfHeightAbove)for(r=0;r<i.shelfHeightAbove;r++)(null==(n=this.grids[e].Cells[t+i.shelfHeight+r])||null===(l=n.Article)||void 0===l?void 0:l.basketId)===i.basketId&&n.ClearInUse();if(i.shelfHeightBelow)for(s=0;s<i.shelfHeightBelow;s++)(null==(c=this.grids[e].Cells[t-(s+1)])||null===(a=c.Article)||void 0===a?void 0:a.basketId)===i.basketId&&c.ClearInUse();if(!this.doesTakePlaceOnOtherGrids(i)){d.next=14;break}o=0;case 6:if(!(o<this.grids.length)){d.next=14;break}if(o!==e){d.next=9;break}return d.abrupt("continue",11);case 9:return d.next=11,this.grids[o].deleteAccessoireInCells(t);case 11:o++,d.next=6;break;case 14:case"end":return d.stop()}}),_callee7,this)}))),function handleDeleteTakePlaceOnOtherGrids(e,t,r){return i.apply(this,arguments)})},{key:"addAccessoireInCellInGrid",value:(t=(0,r.Z)(d().mark((function _callee8(e,t,i,r,l){var n,s,a;return d().wrap((function _callee8$(c){for(;;)switch(c.prev=c.next){case 0:n=this.doesTakePlaceOnOtherGrids(e)?this.activeGrids:[this.grids[t]],s=0;case 2:if(!(s<n.length)){c.next=11;break}if(!(a=n[s]).DisabledByRule){c.next=6;break}return c.abrupt("continue",8);case 6:return c.next=8,n[s].addAccessoireInCells(i,e,r,a.ShelfIndex!==t||(null==l?void 0:l.noMove),a.ShelfIndex!==t||(null==l?void 0:l.noDelete),a.ShelfIndex!==t||void 0);case 8:s++,c.next=2;break;case 11:this.checkForFreeAccessoire(e);case 12:case"end":return c.stop()}}),_callee8,this)}))),function addAccessoireInCellInGrid(e,i,r,l,n){return t.apply(this,arguments)})},{key:"checkForFreeAccessoire",value:function checkForFreeAccessoire(e){void 0!==this.freeArticlesPossible[e.articleCodex]&&(void 0===this.freeArticlesPlanned[e.articleCodex]||this.freeArticlesPossible[e.articleCodex]>this.freeArticlesPlanned[e.articleCodex])&&(e.noPrice=!0,void 0===this.freeArticlesPlanned[e.articleCodex]&&(this.freeArticlesPlanned[e.articleCodex]=0),this.freeArticlesPlanned[e.articleCodex]+=e.quantity)}},{key:"doesTakePlaceOnOtherGrids",value:function doesTakePlaceOnOtherGrids(e){var t,i=null===(t=e.shelfPlanner)||void 0===t?void 0:t.takePlaceOnOtherGrids;if(i)for(var r=0;r<i.length;r++)if(i[r].onParent==this.article.articleCodex)return!0;return!1}},{key:"accessoires",get:function get(){for(var e={},t=this.activeGrids,i=0;i<t.length;i++)for(var r in t[i].Accessoires)e[r]=t[i].Accessoires[r];return Object.keys(e).length>0?e:void 0}},{key:"DisableCellsByElement",get:function get(){return this.disableCellsByElement}},{key:"getActAccessoireOfGrid",value:function getActAccessoireOfGrid(e){return this.grids[e].ActAccessoire}},{key:"setActAccessoireOfGrid",value:function setActAccessoireOfGrid(e,t){for(var i=!1,r=this.GridsOrGroupById(e),l=0;l<r.length;l++){var n=r[l];t&&n.getArticleRelationsById(e).includes(t)?n.ActAccessoire!==t&&(n.ActAccessoire=t,i=!0):n.ActAccessoire=void 0}return i}},{key:"generateShelfPlandata",value:function generateShelfPlandata(){for(var e,t=[],i=this.activeGrids,r=0;r<i.length;r++){for(var l=[],n=i[r],s=0;s<n.Cells.length;s++){var a,c,d=n.Cells[s];if(l.push({inUse:d.InUse,noDelete:d.NoDelete,noMove:d.NoMove,onBoard:d.OnBoard}),n.ShelfIndex!=r&&(l[s].gridIndex=n.ShelfIndex),d.InUse==s)l[s].usedArticleData={Codex:null===(a=d.Article)||void 0===a?void 0:a.articleCodex,BasketID:null===(c=d.Article)||void 0===c?void 0:c.basketId}}t.push(l)}return{ShelfPlanner2:t,DoorPlannerData:null===(e=this.article.doorPlanner)||void 0===e?void 0:e.getMovedData(this.article.basketId)}}},{key:"getShelfPlannerAccessoires3DValues",value:function getShelfPlannerAccessoires3DValues(e){for(var t=this.activeGrids,i=0;i<t.length;i++)for(var r=t[i],l=0;l<r.Cells.length;l++){var n=r.Cells[l];if(n.InUse==l&&n.Article&&n.Article.model3DName&&!n.OnlyPlaceHolder){var s,a=n.Index;"vertikal"==r.Direction&&1!=this.article.CatalogData.useShelfPlannerRTV&&(a=r.Cells.length-1-n.Index),e.push({basketId:null===(s=n.Article)||void 0===s?void 0:s.basketId,gridId:r.ShelfIndex,gridName:r.GridName,model:n.Article.model3DName,parentBasketId:this.article.basketId,parentElementId:this.getShelfElementId(),rh:a}),n.Article.shelfPlanner&&(e=e.concat(n.Article.shelfPlanner.getShelfPlannerAccessoires3DValues([])))}}return e}},{key:"getShelfElementId",value:function getShelfElementId(){var e;if(null!==(e=this.article.accessoireParentArticle)&&void 0!==e&&e.shelfPlanner&&void 0!==this.article.relatedToShelfGrid&&this.grids.length>0){var t=this.getRHOnParentArticle();return this.article.accessoireParentArticle.shelfPlanner.getShelfElementId()+"."+this.article.relatedToShelfGrid+"."+t}return this.article.elementId.toString()}},{key:"getRHOnParentArticle",value:function getRHOnParentArticle(){var e,t=this;if(void 0!==this.article.relatedToShelfGrid)return null===(e=this.article.accessoireParentArticle)||void 0===e||null===(e=e.shelfPlanner)||void 0===e||null===(e=e.grids[this.article.relatedToShelfGrid].Cells.find((function(e){var i;return(null===(i=e.Article)||void 0===i?void 0:i.basketId)==t.article.basketId})))||void 0===e?void 0:e.InUse}},{key:"getShelfPlannerItems",value:function getShelfPlannerItems(e){for(var t=[],i=this.article.CatalogData,r=this.GridsOrGroupById(e),l=0;l<r.length;l++){var n=r[l].getArticleRelationsById(e);if(null!=n&&n.length)for(var s=function _loop(){var e=n[a];if(i.checkIfArticleCodexExists(e)){var r=i.getCatalogArticleByArticleCodex(e);if(!r||t.find((function(e){return e.articleCodex===r.articleCodex})))return 1;t.push({articleCodex:r.articleCodex,configStepKeys:[],image:r.image?i.getCatImageURL(r.image,""):void 0,name:r.name,longDescription:r.longDescription,price:i.dontShowBasePrice?0:Number(r.articlePrice),width:r.width,height:r.height,depth:r.depth,cellSize:r.shelfHeight,metaData:r.metaDataView,contentItemId:r.contentItemId,groupContentItemId:r.groupContentItemId,partlistcodexes:r.possiblePartlistCodexes})}},a=0;a<n.length;a++)s()}return{accessoires:t,grids:r}}},{key:"getShelfParentShelfId",value:function getShelfParentShelfId(){var e;if(void 0!==this.article.relatedToShelfGrid)return null===(e=this.article.accessoireParentArticle)||void 0===e||null===(e=e.shelfPlanner)||void 0===e||null===(e=e.grids[this.article.relatedToShelfGrid])||void 0===e?void 0:e.ShelfId}},{key:"updateOnDockingChanged",value:function updateOnDockingChanged(e){("AVL"==e&&"RH_OVER_AVL"==this.disableCellsByElement||"AVR"==e&&"RH_OVER_AVR"==this.disableCellsByElement)&&this.updateDisabledCells()}},{key:"updateDisabledCells",value:function updateDisabledCells(){this.updateDisabledCellsOnDockedElements(),this.checkOnDockedHeight()}},{key:"updateDisabledCellsOnDockedElements",value:function updateDisabledCellsOnDockedElements(){var e,t=this.activeGrids,i=this.article.dockedOnAV("L"),r=this.article.dockedOnAV("R");if("RH_OVER_AVR"==this.disableCellsByElement&&i)null===(e=i.shelfPlanner)||void 0===e||e.disableCellsByDockedShelfs(t[0].getCellCount("AVL"));else if("RH_OVER_AVL"==this.disableCellsByElement&&r){var l;null===(l=r.shelfPlanner)||void 0===l||l.disableCellsByDockedShelfs(t[0].getCellCount("AVR"))}}},{key:"checkOnDockedHeight",value:function checkOnDockedHeight(){var e=this.article.dockedOnAV("R"),t=this.article.dockedOnAV("L");null!=e&&e.shelfPlanner&&e.shelfPlanner.activeGrids.length>0&&"RH_OVER_AVR"==this.disableCellsByElement?this.disableCellsByDockedShelfs(e.shelfPlanner.activeGrids[0].getCellCount("AVL")):null!=t&&t.shelfPlanner&&t.shelfPlanner.activeGrids.length>0&&"RH_OVER_AVL"==this.disableCellsByElement?this.disableCellsByDockedShelfs(t.shelfPlanner.activeGrids[0].getCellCount("AVR")):this.disableCellsByDockedShelfs()}},{key:"disableCellsByDockedShelfs",value:(e=(0,r.Z)(d().mark((function _callee9(e){var t,i,r,l,n,s,a,c,o;return d().wrap((function _callee9$(d){for(;;)switch(d.prev=d.next){case 0:t=this.activeGrids,i=0;case 2:if(!(i<t.length)){d.next=29;break}for(r=t[i],l=r.getCellCount(),n=r.getDisabledCellsByRule(),s=null==e||e>l?l:e;s<r.Cells.length;s++)n.push(s);a=0;case 9:if(!(a<n.length)){d.next=18;break}if((c=r.Cells[n[a]]).InUse!=n[a]){d.next=14;break}return d.next=14,h.Z.deleteAccessorieOnShelfPlanner(this.article.set,r.ShelfIndex,c.InUse,r.basketId);case 14:c.IsDisabled=!0;case 15:a++,d.next=9;break;case 18:o=0;case 19:if(!(o<r.Cells.length)){d.next=26;break}if(!n.includes(o)){d.next=22;break}return d.abrupt("continue",23);case 22:r.Cells[o].IsDisabled=!1;case 23:o++,d.next=19;break;case 26:i++,d.next=2;break;case 29:case"end":return d.stop()}}),_callee9,this)}))),function disableCellsByDockedShelfs(t){return e.apply(this,arguments)})},{key:"getGridByGridName",value:function getGridByGridName(e){return this.grids.find((function(t){return t.GridName==e}))}},{key:"getGridByIndex",value:function getGridByIndex(e){return this.grids.find((function(t){return t.ShelfIndex==e}))}},{key:"GridsOrGroupById",value:function GridsOrGroupById(e){return this.activeGrids.filter((function(t){return t.ShelfId==e||t.group==e||t.alternativeGridGroups.includes(e)}))}},{key:"getSelectedAccessoireById",value:function getSelectedAccessoireById(e){var t;return null===(t=this.GridsOrGroupById(e).find((function(t){if(t.ActAccessoire&&t.getArticleRelationsById(e).includes(t.ActAccessoire))return t})))||void 0===t?void 0:t.ActAccessoire}},{key:"getCellIndexOfBasketId",value:function getCellIndexOfBasketId(e,t){var i;return null===(i=this.getGridByIndex(e))||void 0===i?void 0:i.getIndexOfBasketId(t)}},{key:"allGrids",get:function get(){return this.grids}},{key:"activeGrids",get:function get(){return this.grids.filter((function(e){return!e.DisabledByRule}))}},{key:"allMontageOptions",get:function get(){return this.montageOptions}},{key:"getRelatedToGridIdByArticleCodex",value:function getRelatedToGridIdByArticleCodex(e,t){var i=this.grids[t].getGridIdByArticleCodex(e);if(i)return i;for(var r=0;r<this.grids.length;r++){var l=this.grids[r].getGridIdByArticleCodex(e);if(l)return l}}}]);var e,t,i,c,g,v,A,k,b}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3628.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3628,5769],{43628:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(80248),a=n(9420),i=(n(87363),n(85769)),o=n(93379),s=n.n(o),l=n(7795),c=n.n(l),d=n(90569),u=n.n(d),p=n(3565),b=n.n(p),m=n(19216),v=n.n(m),g=n(44589),f=n.n(g),x=n(56490),h={};h.styleTagTransform=f(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();s()(x.ZP,h);x.ZP&&x.ZP.locals&&x.ZP.locals;var P=n(63762),y=n(88683),S=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 k=(0,a.Pi)((function VerticalTabGroupItemMountain(e){var t,n=(0,P.NP)(),r=(0,y.useTranslation)().t;return(0,S.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{lastItemDiv:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:x.WU,children:r("configurator.PRICE_INFO")}),(0,S.jsx)("div",{className:x.Rr,children:y.DivaUtils.formatPrice(null!==(t=n.productState.formatedTotalPrice)&&void 0!==t?t:0,n.productState.priceFormat)})]}),minHeight:65}))}))},85769:(e,t,n)=>{n.r(t),n.d(t,{default:()=>j});var r=n(38946),a=n(65515),i=n.n(a),o=n(9420),s=n(63762),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),p=n(7795),b=n.n(p),m=n(90569),v=n.n(m),g=n(3565),f=n.n(g),x=n(19216),h=n.n(x),P=n(44589),y=n.n(P),S=n(38027),k={};k.styleTagTransform=y(),k.setAttributes=f(),k.insert=v().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=h();u()(S.ZP,k);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=n(47514);const j=(0,o.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,a=e.height,o=e.minHeight,d=void 0===o?80:o,u=e.isFirstItem,p=e.isLastItem,b=e.wcVisitedStepClass,m=void 0===b?S.to:b,v=e.wcActiveStepClass,g=void 0===v?S.F1:v,f=e.verticalItemPoligonClass,x=void 0===f?S.Wb:f,h=e.wcStepIconClass,P=void 0===h?S.x3:h,y=e.lastItemDiv,k=(0,s.NP)(),j=(0,c.useTranslation)().t,G=(0,l.useRef)(null),C=(0,l.useState)(8),O=(0,r.Z)(C,2),I=O[0],T=O[1],B=k.tabGroupState.curTabGroup;a<d&&(a=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(k.tabGroupState.setTabGroupItems(n.key,G.current),G.current){var e=getComputedStyle(G.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||T(t)}}}),[G]);var R=n.posNr==(null==B?void 0:B.posNr),_=k.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==B?void 0:B.posNr)),z=function getRoundedPath(e,t){for(var n=e.length,r=[],a=0;a<n;a++){var i=e[(a-1+n)%n],o=e[a],s=e[(a+1)%n],l=i[0]-o[0],c=i[1]-o[1],d=Math.sqrt(l*l+c*c),u=s[0]-o[0],p=s[1]-o[1],b=Math.sqrt(u*u+p*p),m=Math.min(t,d/2,b/2),v=o[0]+l/d*m,g=o[1]+c/d*m,f=o[0]+u/b*m,x=o[1]+p/b*m;r.push(0===a?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),r.push("Q".concat(o[0]," ").concat(o[1]," ").concat(f," ").concat(x))}return r.push("Z"),r.join(" ")}(function getShapePoints(e,t,n,r){return n&&r?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:r?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,a,!!u,!!p),I),E=null!==(t=function getIconOfTabGroup(e,t,n){var r=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return r+n[e.toLowerCase()];if(n[e])return r+n[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}(n.key,N,k.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",Z=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:P,style:{WebkitMaskImage:"url("+E+")",maskImage:"url("+E+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:j("configurator."+n.title,n.title)})]});return p&&y&&(Z=y),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+a,ref:G,style:{height:a+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",k.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:i()(S.x6,R?g:void 0,_?m:void 0),children:[(0,w.jsx)("path",{className:i()(x,R?g:void 0,_?m:void 0),d:z}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:i()(S.xb,x,R?g:void 0,_?m:void 0),children:Z})})]})}))},56490:(e,t,n)=>{n.d(t,{Rr:()=>s,WU:()=>l,ZP:()=>c});var r=n(8081),a=n.n(r),i=n(23645),o=n.n(i)()(a());o.push([e.id,".index-module--mqnkM {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.index-module--eBy4O {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\n}\n",""]);var s="index-module--mqnkM",l="index-module--eBy4O";const c=o},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>s,xb:()=>l});var r=n(8081),a=n.n(r),i=n(23645),o=n.n(i)()(a());o.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var s="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3628,5769],{43628:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(80248),a=n(9420),i=(n(87363),n(85769)),o=n(93379),s=n.n(o),l=n(7795),c=n.n(l),d=n(90569),u=n.n(d),p=n(3565),b=n.n(p),m=n(19216),v=n.n(m),g=n(44589),f=n.n(g),x=n(56490),h={};h.styleTagTransform=f(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();s()(x.ZP,h);x.ZP&&x.ZP.locals&&x.ZP.locals;var P=n(63762),y=n(88683),S=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 k=(0,a.Pi)((function VerticalTabGroupItemMountain(e){var t,n=(0,P.NP)(),r=(0,y.useTranslation)().t;return(0,S.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{lastItemDiv:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:x.WU,children:r("configurator.PRICE_INFO")}),(0,S.jsx)("div",{className:x.Rr,children:y.DivaUtils.formatPrice(null!==(t=n.productState.formatedTotalPrice)&&void 0!==t?t:0,n.productState.priceFormat)})]}),minHeight:65}))}))},85769:(e,t,n)=>{n.r(t),n.d(t,{default:()=>j});var r=n(34988),a=n(65515),i=n.n(a),o=n(9420),s=n(63762),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),p=n(7795),b=n.n(p),m=n(90569),v=n.n(m),g=n(3565),f=n.n(g),x=n(19216),h=n.n(x),P=n(44589),y=n.n(P),S=n(38027),k={};k.styleTagTransform=y(),k.setAttributes=f(),k.insert=v().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=h();u()(S.ZP,k);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=n(47514);const j=(0,o.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,a=e.height,o=e.minHeight,d=void 0===o?80:o,u=e.isFirstItem,p=e.isLastItem,b=e.wcVisitedStepClass,m=void 0===b?S.to:b,v=e.wcActiveStepClass,g=void 0===v?S.F1:v,f=e.verticalItemPoligonClass,x=void 0===f?S.Wb:f,h=e.wcStepIconClass,P=void 0===h?S.x3:h,y=e.lastItemDiv,k=(0,s.NP)(),j=(0,c.useTranslation)().t,G=(0,l.useRef)(null),C=(0,l.useState)(8),O=(0,r.Z)(C,2),I=O[0],T=O[1],B=k.tabGroupState.curTabGroup;a<d&&(a=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(k.tabGroupState.setTabGroupItems(n.key,G.current),G.current){var e=getComputedStyle(G.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||T(t)}}}),[G]);var R=n.posNr==(null==B?void 0:B.posNr),_=k.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==B?void 0:B.posNr)),z=function getRoundedPath(e,t){for(var n=e.length,r=[],a=0;a<n;a++){var i=e[(a-1+n)%n],o=e[a],s=e[(a+1)%n],l=i[0]-o[0],c=i[1]-o[1],d=Math.sqrt(l*l+c*c),u=s[0]-o[0],p=s[1]-o[1],b=Math.sqrt(u*u+p*p),m=Math.min(t,d/2,b/2),v=o[0]+l/d*m,g=o[1]+c/d*m,f=o[0]+u/b*m,x=o[1]+p/b*m;r.push(0===a?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),r.push("Q".concat(o[0]," ").concat(o[1]," ").concat(f," ").concat(x))}return r.push("Z"),r.join(" ")}(function getShapePoints(e,t,n,r){return n&&r?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:r?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,a,!!u,!!p),I),E=null!==(t=function getIconOfTabGroup(e,t,n){var r=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return r+n[e.toLowerCase()];if(n[e])return r+n[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}(n.key,N,k.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",Z=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:P,style:{WebkitMaskImage:"url("+E+")",maskImage:"url("+E+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:j("configurator."+n.title,n.title)})]});return p&&y&&(Z=y),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+a,ref:G,style:{height:a+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",k.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:i()(S.x6,R?g:void 0,_?m:void 0),children:[(0,w.jsx)("path",{className:i()(x,R?g:void 0,_?m:void 0),d:z}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:i()(S.xb,x,R?g:void 0,_?m:void 0),children:Z})})]})}))},56490:(e,t,n)=>{n.d(t,{Rr:()=>s,WU:()=>l,ZP:()=>c});var r=n(8081),a=n.n(r),i=n(23645),o=n.n(i)()(a());o.push([e.id,".index-module--mqnkM {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.index-module--eBy4O {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\n}\n",""]);var s="index-module--mqnkM",l="index-module--eBy4O";const c=o},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>s,xb:()=>l});var r=n(8081),a=n.n(r),i=n(23645),o=n.n(i)()(a());o.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var s="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=o}}]);