@crystaldesign/diva-web-planner-react 26.7.0-rc.3 → 26.7.0-rc.5

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7377.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7377,1358,7853],{30384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(99872),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},87377:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>k,default:()=>T});var i=n(99872),o=n(87363),r=n(30384),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(66264),y=n(97853),w=n(28048),j=n(9420),I=n(65515),P=n.n(I),O=n(47514),k={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(k)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,O.jsx)(w.default,{className:S.x6}),(0,O.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,O.jsx)(h.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(2449),l=n(99872),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a: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"}),i),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&&(S("content-item",!0),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},66264:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(80248),o=n(72874),r=n(87363),a=n(99872),s=n(9420),l=n(67569),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),O=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,O),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(99872)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},41358:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(99872),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),v=n(76640),h={};h.styleTagTransform=S(),h.setAttributes=b(),h.insert=p().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,s&&v.oP,t.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},13382:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(99872),l=n(82956),d=n(28649),u=n(74133),c=n(84658),p=n(34988),x=n(50747),b=n.n(x),g=n(88683),f=n(41358),m=n(65515),S=n.n(m),v=n(47514);const h=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(b().mark((function _callee(){var e,t,n,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),x=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(t),o=n.setSwiperRef,x=n.allSwipes,m=n.handleSlideChange,h=n.handleSetTransition,y=n.handleTransitionEnd,w=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=x&&x.length?(0,v.jsx)(a.tq,{onSlideChange:m,onSetTransition:h,onTransitionEnd:y,initialSlide:w,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:x.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},e),(0,v.jsx)(f.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,v.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(99872)),a=n(80509),s=n(28649),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(13382),x=n(51451),b=n(48810),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.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,g.jsx)(b.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.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",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.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",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7377,1358,7853],{30384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(99872),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},87377:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>O,default:()=>T});var i=n(99872),o=n(87363),r=n(30384),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(66264),y=n(97853),w=n(28048),j=n(9420),I=n(65515),P=n.n(I),k=n(47514),O={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(w.default,{className:S.x6}),(0,k.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,k.jsx)(h.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(2449),l=n(99872),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a: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"}),i),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&&(S("content-item",!0),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},66264:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var i=n(80248),o=n(72874),r=n(87363),a=n(99872),s=n(9420),l=n(67569),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),k=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 O=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(99872)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},41358:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(99872),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),v=n(76640),h={};h.styleTagTransform=S(),h.setAttributes=b(),h.insert=p().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,s&&v.oP,t.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},13382:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(99872),l=n(82956),d=n(28649),u=n(74133),c=n(84658),p=n(12952),x=n(34988),b=n(50747),g=n.n(b),f=n(88683),m=n(41358),S=n(65515),v=n.n(S),h=n(47514);const y=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,x.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,x.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(g().mark((function _callee(){var e,t,n,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),b=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:b,teaseSwipe:u}}(t),o=n.setSwiperRef,b=n.allSwipes,S=n.handleSlideChange,y=n.handleSetTransition,w=n.handleTransitionEnd,j=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=b&&b.length?(0,h.jsx)(a.tq,{onSlideChange:S,onSetTransition:y,onTransitionEnd:w,initialSlide:j,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",l.Iz),children:b.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},e),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,h.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(99872)),a=n(80509),s=n(28649),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(13382),x=n(51451),b=n(48810),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.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,g.jsx)(b.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.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",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.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",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7853.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,1358],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(99872)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},41358:(e,t,n)=>{n.r(t),n.d(t,{default:()=>G});var i=n(34988),a=n(9420),r=n(87363),o=n(99872),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),b=n.n(S),g=n(19216),x=n.n(g),v=n(44589),f=n.n(v),h=n(76640),w={};w.styleTagTransform=f(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=x();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const G=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},13382:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(99872),l=n(82956),u=n(28649),c=n(74133),d=n(84658),p=n(34988),S=n(50747),b=n.n(S),g=n(88683),x=n(41358),v=n(65515),f=n.n(v),h=n(47514);const w=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,p.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),S=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:S,teaseSwipe:c}}(t),a=n.setSwiperRef,S=n.allSwipes,v=n.handleSlideChange,w=n.handleSetTransition,m=n.handleTransitionEnd,T=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=S&&S.length?(0,h.jsx)(o.tq,{onSlideChange:v,onSetTransition:w,onTransitionEnd:m,initialSlide:T,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:f()("swiper-wrapper",l.Iz),children:S.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(u.default,{},e),(0,h.jsx)(x.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(80248),a=n(72874),r=(n(87363),n(99872)),o=n(80509),s=n(28649),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(13382),S=n(51451),b=n(48810),g=n(47514),x=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 v=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,x),v=(0,r.NP)(),f=v.getIsInMobileView()&&v.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:f?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!v.uiState.isInMobileView&&!v.settingsState.forceSettingsHeaderInScrollContainer&&!v.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(o.default,{},null!==(t=null===(n=v.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(S.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==v.tabGroupState.curTabGroupType?u.s1:void 0,v.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!v.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>x,oP:()=>b,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.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("+d+");\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",S="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const x=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,1358],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(99872)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},41358:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),a=n(9420),r=n(87363),o=n(99872),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),g=n.n(S),b=n(19216),f=n.n(b),x=n(44589),v=n.n(x),h=n(76640),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const I=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},13382:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(99872),l=n(82956),u=n(28649),c=n(74133),d=n(84658),p=n(12952),S=n(34988),g=n(50747),b=n.n(g),f=n(88683),x=n(41358),v=n(65515),h=n.n(v),w=n(47514);const m=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,S.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,S.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),g=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:c}}(t),a=n.setSwiperRef,g=n.allSwipes,v=n.handleSlideChange,m=n.handleSetTransition,T=n.handleTransitionEnd,y=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=g&&g.length?(0,w.jsx)(o.tq,{onSlideChange:v,onSetTransition:m,onTransitionEnd:T,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,w.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(u.default,{},e),(0,w.jsx)(x.default,{})]}):(0,w.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,w.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,w.jsx)(w.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});var i=n(80248),a=n(72874),r=(n(87363),n(99872)),o=n(80509),s=n(28649),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(13382),S=n(51451),g=n(48810),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 x=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,f),x=(0,r.NP)(),v=x.getIsInMobileView()&&x.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:v?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!x.uiState.isInMobileView&&!x.settingsState.forceSettingsHeaderInScrollContainer&&!x.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(o.default,{},null!==(t=null===(n=x.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(S.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==x.tabGroupState.curTabGroupType?u.s1:void 0,x.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!x.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.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("+d+");\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",S="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8048.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8048,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>s});var t=o(80248),r=o(34988),d=o(88291),i=o(9420),a=o(99872),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const s=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,d.Z)(e),e)),o=(0,l.useState)(""),t=(0,r.Z)(o,2),i=t[0],s=t[1],m=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:m("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return s("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>u});var t=o(34988),r=o(99872),d=o(87363),i=o(9420),a=o(2400),l=o(47514);const u=(0,i.Pi)((function TabGroupHorizontal(e){var n=(0,r.NP)();if((0,d.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,l.jsx)(l.Fragment,{});var o=Object.entries(n.tabGroupState.allTabGroups);return(0,l.jsx)(l.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),u=i[0],c=i[1];return(0,l.jsx)(a.default,{tabGroup:c,width:"calc("+(null!==(r=null===(d=n.tabGroupState)||void 0===d||null===(d=d.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().width)&&void 0!==r?r:0)+"px / "+o.length+")"},u)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>u});var t=o(34988),r=o(99872),d=o(87363),i=o(34725),a=o(9420),l=o(47514);const u=(0,a.Pi)((function TabGroupVertical(e){var n,o=(0,r.NP)(),a=(0,d.useState)(!1),u=(0,t.Z)(a,2),c=u[0],s=u[1],m=o.tabGroupState.allTabGroups;if((0,d.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,d.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,r=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;r&&r>0&&(e||s(!c),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!m)return(0,l.jsx)(l.Fragment,{});var p=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,b=void 0,x=Object.keys(m).length,g=0;p?(g=p/x,80*x>p&&(b=80)):setTimeout((function(){return s(!c)}),100);var f=Object.keys(m)[0],j=Object.keys(m)[Object.keys(m).length-1];return(0,l.jsx)(l.Fragment,{children:Object.values(m).map((function(e){return(0,l.jsx)(i.default,{tabGroup:e,height:g,isFirstItem:m[f].key==e.key,isLastItem:m[j].key==e.key,minHeight:b},e.key)}))})}))},28048:(e,n,o)=>{o.r(n),o.d(n,{default:()=>k});var t=o(80248),r=o(72874),d=o(99872),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),s=o(82147),m=o(93379),p=o.n(m),b=o(7795),x=o.n(b),g=o(90569),f=o.n(g),j=o(3565),v=o.n(j),O=o(19216),h=o.n(O),y=o(44589),w=o.n(y),G=o(31638),C={};C.styleTagTransform=w(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=x(),C.insertStyleElement=h();p()(G.ZP,C);G.ZP&&G.ZP.locals&&G.ZP.locals;var S=o(62018),z=o(95414),P=o(47514),I=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const k=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,r.Z)(e,I),l=(0,d.NP)(),m=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,b=p.isFullscreenComponent,x=p.dimensions.isMobile,g=b&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,j=(0,a.useRef)(null);return(0,a.useEffect)((function(){return j.current&&l.tabGroupState.setTabGroupScroller(j.current),function(){}}),[j]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,G.x6,l.uiState.isMobilePortrait?G.tW:void 0,l.uiState.isMobileLandscape?G.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?G.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?G.KR:void 0,g?void 0:G.oY,f?G._z:void 0,x?"left"==o?G.kn:G.e3:void 0),children:[f&&(0,P.jsx)(z.default,{className:t}),(0,P.jsx)("div",{className:u()(G.Ci),ref:j,children:(0,P.jsxs)("div",{className:G.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(S.default,{})]})}),g&&(0,P.jsx)("div",{className:G.b6,title:m("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>x,KR:()=>j,Sl:()=>b,ZP:()=>G,_z:()=>v,b6:()=>h,e3:()=>g,kn:()=>f,ml:()=>w,oY:()=>y,rK:()=>O,tW:()=>p,x6:()=>m});var t=o(8081),r=o.n(t),d=o(23645),i=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(r()),s=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var m="index-module--UQONc",p="index-module--Lpp4z",b="index-module--xae91",x="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",j="index-module--BXnzB",v="index-module--GvXsI",O="index-module--RZGEF",h="index-module--mXgZs",y="index-module--PvgaR",w="index-module--VAKfj";const G=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8048,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>s});var t=o(80248),r=o(34988),d=o(88291),i=o(9420),a=o(99872),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const s=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,d.Z)(e),e)),o=(0,l.useState)(""),t=(0,r.Z)(o,2),i=t[0],s=t[1],m=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:m("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return s("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(34988),r=o(12952),d=o(99872),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,d.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,r.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(r=null===(d=n.tabGroupState)||void 0===d||null===(d=d.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().width)&&void 0!==r?r:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(12952),r=o(34988),d=o(99872),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,d.NP)(),l=(0,i.useState)(!1),c=(0,r.Z)(l,2),s=c[0],m=c[1],p=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,r=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;r&&r>0&&(e||m(!s),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!p)return(0,u.jsx)(u.Fragment,{});var b=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,x=void 0,g=p.size,f=0;b?(f=b/g,80*g>b&&(x=80)):setTimeout((function(){return m(!s)}),100);var v=(0,t.Z)(p.values()),j=v[0],h=v[v.length-1];return(0,u.jsx)(u.Fragment,{children:v.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:f,isFirstItem:(null==j?void 0:j.key)==e.key,isLastItem:(null==h?void 0:h.key)==e.key,minHeight:x},e.key)}))})}))},28048:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var t=o(80248),r=o(72874),d=o(99872),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),s=o(82147),m=o(93379),p=o.n(m),b=o(7795),x=o.n(b),g=o(90569),f=o.n(g),v=o(3565),j=o.n(v),h=o(19216),O=o.n(h),y=o(44589),w=o.n(y),G=o(31638),C={};C.styleTagTransform=w(),C.setAttributes=j(),C.insert=f().bind(null,"head"),C.domAPI=x(),C.insertStyleElement=O();p()(G.ZP,C);G.ZP&&G.ZP.locals&&G.ZP.locals;var S=o(62018),z=o(95414),P=o(47514),I=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,r.Z)(e,I),l=(0,d.NP)(),m=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,b=p.isFullscreenComponent,x=p.dimensions.isMobile,g=b&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,v=(0,a.useRef)(null);return(0,a.useEffect)((function(){return v.current&&l.tabGroupState.setTabGroupScroller(v.current),function(){}}),[v]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,G.x6,l.uiState.isMobilePortrait?G.tW:void 0,l.uiState.isMobileLandscape?G.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?G.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?G.KR:void 0,g?void 0:G.oY,f?G._z:void 0,x?"left"==o?G.kn:G.e3:void 0),children:[f&&(0,P.jsx)(z.default,{className:t}),(0,P.jsx)("div",{className:u()(G.Ci),ref:v,children:(0,P.jsxs)("div",{className:G.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(S.default,{})]})}),g&&(0,P.jsx)("div",{className:G.b6,title:m("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>x,KR:()=>v,Sl:()=>b,ZP:()=>G,_z:()=>j,b6:()=>O,e3:()=>g,kn:()=>f,ml:()=>w,oY:()=>y,rK:()=>h,tW:()=>p,x6:()=>m});var t=o(8081),r=o.n(t),d=o(23645),i=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(r()),s=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var m="index-module--UQONc",p="index-module--Lpp4z",b="index-module--xae91",x="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",v="index-module--BXnzB",j="index-module--GvXsI",h="index-module--RZGEF",O="index-module--mXgZs",y="index-module--PvgaR",w="index-module--VAKfj";const G=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 905.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[905,9001,4190,1358,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(99872)),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"}))}},30384:(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(99872),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})]})]})})}))},905:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(99872),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(30384),y=t(34190),P=t(97853),j=t(69001),k=t(44431),O=t(28048),C=t(9420),T=t(68063),G=t(88683),I=t(27048),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(99872)),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})]})]})}))},41358:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(99872),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})})}))},13382:(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(99872),l=t(82956),d=t(28649),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(41358),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,!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(99872)),a=t(80509),s=t(28649),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(13382),x=t(51451),g=t(48810),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]}))}))},27048:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(99872),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([[905,9001,4190,1358,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(99872)),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"}))}},30384:(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(99872),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})]})]})})}))},905:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(99872),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(30384),y=t(34190),P=t(97853),j=t(69001),k=t(44431),O=t(28048),C=t(9420),T=t(68063),G=t(88683),B=t(27048),I=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,I.jsxs)(I.Fragment,{children:[(0,I.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,I.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,I.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,I.jsx)(P.default,{tabgroupElement:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,I.jsx)(T.default,{className:S.Bg}),(0,I.jsx)(B.default,{})]})}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,I.jsx)(P.default,{className:S.vt}),(0,I.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,I.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,I.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(99872)),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})]})]})}))},41358:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(99872),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})})}))},13382:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(99872),l=t(82956),d=t(28649),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),m=t(41358),h=t(65515),S=t.n(h),v=t(47514);const w=(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,x.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,x.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(b().mark((function _callee(){var n,e,t,o,r,a=arguments;return b().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,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,f.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)}}(),g=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);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var i=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);i&&n.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),o=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,w=t.handleSetTransition,y=t.handleTransitionEnd,P=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(a.tq,{onSlideChange:h,onSetTransition:w,onTransitionEnd:y,initialSlide:P,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,i=e.tabGroupState.allTabGroups.get(n),o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},n),(0,v.jsx)(m.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,v.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(99872)),a=t(80509),s=t(28649),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(13382),x=t(51451),g=t(48810),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]}))}))},27048:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(99872),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="}}]);