@crystaldesign/diva-web-planner-react 26.7.0-rc.9 → 26.8.0-beta.10

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3425.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3425,9001,4900,7853],{69001:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var i=n(80248),o=(n(87363),n(2765)),a=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}const r=function NavigationButtons(e){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},42941:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),a=n(50747),r=n.n(a),s=n(48984),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),g=n(90569),b=n.n(g),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();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 a=t.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(r().mark((function _callee(){return r().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:a}),(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})]})]})})}))},63425:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>C,default:()=>B});var i=n(48984),o=n(87363),a=n(42941),r=n(93379),s=n.n(r),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),g=n(19216),b=n.n(g),f=n(44589),m=n.n(f),S=n(53471),h={};h.styleTagTransform=m(),h.setAttributes=x(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=b();s()(S.ZP,h);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=n(97853),y=n(79454),w=n(9420),j=n(65515),I=n.n(j),P=n(91209),O=n(69001),T=n(34384),k=n(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"unset","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const B=(0,w.Pi)((function Wysiwyg(e){var t,n=(0,i.NP)();return(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(C)}),[]),(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:I()(S.xn,n.getIsInMobileView()?S.ai:void 0),children:[(0,k.jsx)(P.default,{}),(0,k.jsx)(y.default,{className:S.x6}),(0,k.jsx)(v.default,{className:S.vt}),(0,k.jsx)(O.default,{className:S.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,k.jsx)(T.default,{direction:"right",mountElement:null!==(t=n.uiState.configuratorRef)&&void 0!==t?t:void 0,drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(a.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),a=n(9420),r=n(87363),s=n(97718),l=n(48984),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,a.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,a=(0,l.NP)(),p=(0,r.useState)(!1),x=(0,o.Z)(p,2),g=x[0],b=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,r.useEffect)((function(){if(a.settingsState.contentItemVisible&&a.settingsState.contentItemId){b(!0);var e,r,l=a.getIsInMobileView(),d=function onClose(){S("content-item",!0),a.settingsState.setContentItemId()},p=a.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=a.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:a.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:a.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=a.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],a=t[1];n["OPT".concat(i)]="OPV".concat(a)})),a.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},a.settingsState.contentItemId+a.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=a.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!==(r=null!=n?n:a.productState.productElement)&&void 0!==r?r:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),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 g&&(S("content-item",!0),setTimeout((function(){b(!1)}),400))}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(48984)),a=n(82956),r=n(65515),s=n.n(r),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()(a.AH,n?a.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()(a.EN,n?a.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:a.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),a=n(87363),r=n(48984),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),g=n.n(x),b=n(19216),f=n.n(b),m=n(44589),S=n.n(m),h=n(76640),v={};v.styleTagTransform=S(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,r.NP)(),n=(0,a.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,a.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(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,j.jsx)("div",{className:h.qv})})}))},63224:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(88291),o=n(9420),a=n(87363),r=n(37707),s=n(48984),l=n(82956),d=n(67e3),u=n(74133),c=n(84658),p=n(12952),x=n(34988),g=n(50747),b=n.n(g),f=n(88683),m=n(24900),S=n(65515),h=n.n(S),v=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,a.useState)(null),n=(0,x.Z)(t,2),i=n[0],o=n[1],r=(0,a.useState)([]),s=(0,x.Z)(r,2),l=s[0],d=s[1];(0,a.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)(b().mark((function _callee(){var e,t,n,o,a,r=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=r.length>0&&void 0!==r[0]?r[0]:50,t=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),a=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(a),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*a),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)}}(),g=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:g,teaseSwipe:u}}(t),o=n.setSwiperRef,g=n.allSwipes,S=n.handleSlideChange,y=n.handleSetTransition,w=n.handleTransitionEnd,j=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(r.tq,{onSlideChange:S,onSetTransition:y,onTransitionEnd:w,initialSlide:j,onSwiper:o,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),o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,v.jsx)(r.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)(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})})},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),a=(n(87363),n(48984)),r=n(80509),s=n(67e3),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(63224),x=n(51451),g=n(22120),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 m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,a.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:S?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t: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:h}),!m.uiState.isInMobileView&&h]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=n(8081),o=n.n(i),a=n(23645),r=n.n(a),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=r()(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",g="index-module--OZydS",b="index-module--FQDBA";const f=u},53471:(e,t,n)=>{n.d(t,{ZP:()=>p,ai:()=>d,jl:()=>c,vt:()=>u,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),a=n(23645),r=n.n(a)()(o());r.push([e.id,".index-module--B_KPE {\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  flex-direction: column;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n\n/* antd Tabs – wysiwyg tab group, navigation only (hide content pane) */\n.wysiwyg-tab-group-tabs.ant-tabs {\n  height: 100%;\n}\n\n.wysiwyg-tab-group-tabs.ant-tabs .ant-tabs-content {\n  display: none;\n}\n\n.wysiwyg-tab-group-tabs.ant-tabs .ant-tabs-nav {\n  margin-bottom: 0;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .index-module--B_KPE,\nbody.darkmode .index-module--B_KPE {\n  --settingsBackgroundColor: transparent;\n}\n\n.darkmode .index-module--NDeij {\n  border-right-color: rgba(255, 255, 255, 0.12);\n}\n",""]);var s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",u="index-module--NDeij",c="index-module--Jh4qy";const p=r},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=n(8081),o=n.n(i),a=n(23645),r=n.n(a),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=r()(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",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3425,9001,4900,7853],{69001:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),i=(n(87363),n(2765)),a=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const r=function NavigationButtons(e){return(0,a.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},42941:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var o=n(84658),i=n(88291),a=n(50747),r=n.n(a),s=n(48984),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),g=n(90569),b=n.n(g),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();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,i.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;t.settingsState.setInputBoxValue(null!==(e=null===(o=t.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=n.current)||void 0===i||i.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 a=t.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var e=(0,o.Z)(r().mark((function _callee(){return r().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:a}),(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})]})]})})}))},63425:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>C,default:()=>B});var o=n(48984),i=n(87363),a=n(42941),r=n(93379),s=n.n(r),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),g=n(19216),b=n.n(g),f=n(44589),m=n.n(f),S=n(53471),h={};h.styleTagTransform=m(),h.setAttributes=x(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=b();s()(S.ZP,h);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=n(97853),y=n(79454),w=n(9420),j=n(65515),I=n.n(j),P=n(91209),O=n(69001),T=n(34384),k=n(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"unset","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const B=(0,w.Pi)((function Wysiwyg(e){var t,n=(0,o.NP)();return(0,i.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(C)}),[]),(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:I()(S.xn,n.getIsInMobileView()?S.ai:void 0),children:[(0,k.jsx)(P.default,{}),(0,k.jsx)(y.default,{className:S.x6}),(0,k.jsx)(v.default,{className:S.vt}),(0,k.jsx)(O.default,{className:S.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,k.jsx)(T.default,{direction:"right",mountElement:null!==(t=n.uiState.configuratorRef)&&void 0!==t?t:void 0,drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(a.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var o=n(80248),i=n(34988),a=n(9420),r=n(87363),s=n(97718),l=n(48984),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,a.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,o=e.drawerStyle,a=(0,l.NP)(),p=(0,r.useState)(!1),x=(0,i.Z)(p,2),g=x[0],b=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,r.useEffect)((function(){if(a.settingsState.contentItemVisible&&a.settingsState.contentItemId){b(!0);var e,r,l=a.getIsInMobileView(),d=function onClose(){S("content-item",!0),a.settingsState.setContentItemId()},p=a.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=a.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:a.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:a.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=a.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,i.Z)(e,2),o=t[0],a=t[1];n["OPT".concat(o)]="OPV".concat(a)})),a.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},a.settingsState.contentItemId+a.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=a.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!==(r=null!=n?n:a.productState.productElement)&&void 0!==r?r:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),o),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else g&&(S("content-item",!0),setTimeout((function(){b(!1)}),400))}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var o=n(9420),i=(n(87363),n(48984)),a=n(82956),r=n(65515),s=n.n(r),l=n(47514);const d=(0,o.Pi)((function SettingsExpanderButtons(e){var t=(0,i.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()(a.AH,n?a.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()(a.EN,n?a.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:a.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var o=n(34988),i=n(9420),a=n(87363),r=n(48984),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),g=n.n(x),b=n(19216),f=n.n(b),m=n(44589),S=n.n(m),h=n(76640),v={};v.styleTagTransform=S(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,i.Pi)((function NavForwardButton(e){var t=(0,r.NP)(),n=(0,a.useState)(!1),i=(0,o.Z)(n,2),s=i[0],l=i[1];return(0,a.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(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,j.jsx)("div",{className:h.qv})})}))},63224:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var o=n(88291),i=n(9420),a=n(87363),r=n(37707),s=n(48984),l=n(82956),d=n(67e3),u=n(74133),c=n(84658),p=n(34988),x=n(50747),g=n.n(x),b=n(88683),f=n(24900),m=n(65515),S=n.n(m),h=n(47514);const v=(0,i.Pi)((function SettingsSwiper(e){(0,o.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,a.useState)(null),n=(0,p.Z)(t,2),o=n[0],i=n[1],r=(0,a.useState)([]),s=(0,p.Z)(r,2),l=s[0],d=s[1];(0,a.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==o?void 0:o.activeIndex)&&(null==o||o.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,o]);var u=function(){var e=(0,c.Z)(g().mark((function _callee(){var e,t,n,i,a,r=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=r.length>0&&void 0!==r[0]?r[0]:50,t=r.length>1&&void 0!==r[1]?r[1]:500,o){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,i=o.getTranslate(),a=i-e,o.allowTouchMove=!1,o.setTransition(2*n),o.setTranslate(a),s.next=12,b.DivaUtils.Sleep(2*n);case 12:return o.setTransition(n),o.setTranslate(i-.5*e),s.next=16,b.DivaUtils.Sleep(n);case 16:return o.setTransition(.5*n),o.setTranslate(.8*a),s.next=20,b.DivaUtils.Sleep(.5*n);case 20:o.setTransition(1.75*n),o.setTranslate(i),o.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:o,setSwiperRef:i,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),i=n.setSwiperRef,x=n.allSwipes,m=n.handleSlideChange,v=n.handleSetTransition,y=n.handleTransitionEnd,w=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(r.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:y,initialSlide:w,onSwiper:i,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,o=t.tabGroupState.allTabGroups[e],i=o?null===(n=Array.from(o.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(r.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)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:i&&(0,h.jsx)(u.default,{text:i,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var o=n(80248),i=n(72874),a=(n(87363),n(48984)),r=n(80509),s=n(67e3),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(63224),x=n(51451),g=n(22120),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,o=e.className,l=e.tabgroupElement,u=(0,i.Z)(e,f),m=(0,a.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:S?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,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:h}),!m.uiState.isInMobileView&&h]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var o=n(8081),i=n.n(o),a=n(23645),r=n.n(a),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=r()(i()),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",g="index-module--OZydS",b="index-module--FQDBA";const f=u},53471:(e,t,n)=>{n.d(t,{ZP:()=>p,ai:()=>d,jl:()=>c,vt:()=>u,x6:()=>l,xn:()=>s});var o=n(8081),i=n.n(o),a=n(23645),r=n.n(a)()(i());r.push([e.id,".index-module--B_KPE {\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  flex-direction: column;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n\n/* antd Tabs – wysiwyg tab group, navigation only (hide content pane) */\n.wysiwyg-tab-group-tabs.ant-tabs {\n  height: 100%;\n}\n\n.wysiwyg-tab-group-tabs.ant-tabs .ant-tabs-content {\n  display: none;\n}\n\n.wysiwyg-tab-group-tabs.ant-tabs .ant-tabs-nav {\n  margin-bottom: 0;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .index-module--B_KPE,\nbody.darkmode .index-module--B_KPE {\n  --settingsBackgroundColor: transparent;\n}\n\n.darkmode .index-module--NDeij {\n  border-right-color: rgba(255, 255, 255, 0.12);\n}\n\n.darkmode .wysiwyg-tab-group-tabs,\nbody.darkmode .wysiwyg-tab-group-tabs {\n  --wysiwygTabBorderColor: rgba(255, 255, 255, 0.12);\n  --wysiwygTabTextColor: rgba(255, 255, 255, 0.6);\n  --wysiwygTabActiveColor: #fff;\n}\n",""]);var s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",u="index-module--NDeij",c="index-module--Jh4qy";const p=r},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var o=n(8081),i=n.n(o),a=n(23645),r=n.n(a),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=r()(i()),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",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3605.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3605],{63605:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(84658),r=t(80248),a=t(34988),l=t(50747),o=t.n(l),d=t(87363),s=t(65515),u=t.n(s),c=t(93379),p=t.n(c),x=t(7795),m=t.n(x),h=t(90569),f=t.n(h),g=t(3565),b=t.n(g),y=t(19216),v=t.n(y),w=t(44589),j=t.n(w),O=t(18135),P={};P.styleTagTransform=j(),P.setAttributes=b(),P.insert=f().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();p()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=t(48984),k=t(9420),T=t(74133),D=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=(0,k.Pi)((function TextBox(e){var n,t,l=e.item,s=e.paletteId,c=e.style,p=(0,C.NP)(),x=(0,d.useRef)(null),m=l.groups[0].items,h=(0,d.useState)(m[0].freeTextLang),f=(0,a.Z)(h,2),g=f[0],b=f[1],y=function(){var e=(0,i.Z)(o().mark((function _callee(e,n){return o().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,m[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),v=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:O.O7,ref:function ref(e){return l.htmlRef=e},style:c,children:[(0,D.jsx)("div",{className:u()(O.eR,O.TN,O.t$),children:(0,D.jsx)(T.default,{item:l,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:u()(O.eR,O.F2),children:v.length?(0,D.jsx)(D.Fragment,{children:v.map((function(e){return(0,D.jsxs)("div",{className:O.t,children:[(0,D.jsx)("div",{className:O.kA,children:e}),(0,D.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){x.current&&clearTimeout(x.current),x.current=setTimeout((function(){return y(e,n)}),500),b(_objectSpread(_objectSpread({},g),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==g?void 0:g[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:O.q_,onChange:function handleChange(e){m[0]&&(m[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(m[0],"inputbox",s))},type:"text",value:null!==(t=m[0])&&void 0!==t&&t.freeText?m[0].freeText:""})})})]})}))},18135:(e,n,t)=>{t.d(n,{F2:()=>c,O7:()=>d,TN:()=>s,ZP:()=>h,eR:()=>p,kA:()=>m,q_:()=>o,t:()=>x,t$:()=>u});var i=t(8081),r=t.n(i),a=t(23645),l=t.n(a)()(r());l.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var o="index-module--BRYpa",d="index-module--VyzqQ",s="index-module--KQkM7",u="index-module--bKCuD",c="index-module--FSuK_",p="index-module--pc3yf",x="index-module--laiEH",m="index-module--HL0mI";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3605],{63605:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var r=t(84658),i=t(80248),o=t(34988),a=t(50747),d=t.n(a),l=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),h=t.n(f),g=t(3565),b=t.n(g),v=t(19216),y=t.n(v),w=t(44589),j=t.n(w),O=t(18135),P={};P.styleTagTransform=j(),P.setAttributes=b(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=y();p()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=t(48984),k=t(9420),_=t(74133),D=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const T=(0,k.Pi)((function TextBox(e){var n,t,a=e.item,s=e.paletteId,u=e.style,p=(0,C.NP)(),x=(0,l.useRef)(null),m=a.groups[0].items,f=(0,l.useState)(m[0].freeTextLang),h=(0,o.Z)(f,2),g=h[0],b=h[1],v=function(){var e=(0,r.Z)(d().mark((function _callee(e,n){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,m[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),y=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:O.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,D.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,D.jsx)(_.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:c()(O.eR,O.F2),children:y.length?(0,D.jsx)(D.Fragment,{children:y.map((function(e){return(0,D.jsxs)("div",{className:O.t,children:[(0,D.jsx)("div",{className:O.kA,children:e}),(0,D.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){x.current&&clearTimeout(x.current),x.current=setTimeout((function(){return v(e,n)}),500),b(_objectSpread(_objectSpread({},g),{},(0,i.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==g?void 0:g[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:O.q_,onChange:function handleChange(e){m[0]&&(m[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(m[0],"inputbox",s))},type:"text",value:null!==(t=m[0])&&void 0!==t&&t.freeText?m[0].freeText:""})})})]})}))},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>l,TN:()=>s,ZP:()=>f,eR:()=>p,kA:()=>m,q_:()=>d,t:()=>x,t$:()=>c});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--DhmpB {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BRYpa {\n  background-color: #2c3c6b;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var d="index-module--BRYpa",l="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",x="index-module--laiEH",m="index-module--HL0mI";const f=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4785.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4785,9001,4190,4900,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(48984)),a=t(39667),s=t(19047),d=t(88683),l=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,d.useTranslation)().t;return(0,l.jsx)(l.Fragment,{children:u?(0,l.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,l.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,l.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"}))}},42941:(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(48984),d=t(87363),l=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),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=S();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.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,d.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,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=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,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),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,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},54785:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(48984),a=t(87363),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),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(86454),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(42941),y=t(34190),j=t(97853),P=t(69001),k=t(22763),O=t(79454),T=t(9420),C=t(68063),I=t(88683),B=t(82045),N=t(47514),G={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--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,T.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,I.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(G)}),[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.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,e.uiState.isTablet?S.Mq:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(j.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(C.default,{className:S.Bg}),(0,N.jsx)(B.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"none"}),(0,N.jsx)(j.default,{className:S.vt}),(0,N.jsx)(P.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,N.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:()=>l});var i=t(9420),o=(t(87363),t(48984)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(34988),o=t(9420),r=t(87363),a=t(48984),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),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();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),j=t(47514);const P=(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],d=o[1];return(0,r.useEffect)((function(){setTimeout((function(){d(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.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,j.jsx)("div",{className:S.qv})})}))},63224:(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(48984),d=t(82956),l=t(67e3),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),m=t(24900),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),d=s[0],l=s[1];(0,r.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());l(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?d.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:d,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-d.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(d[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,j=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(a.tq,{onSlideChange:h,onSetTransition:w,onTransitionEnd:y,initialSlide:j,onSwiper:o,className:d.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",d.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:d.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(l.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(48984)),a=t(80509),s=t(67e3),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(63224),x=t(51451),g=t(22120),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,d.Pi)((function Settings(n){var e,t,i=n.className,d=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,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:d,children:S}),!m.uiState.isInMobileView&&S]}))}))},82045:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(48984),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),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=l(),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,d=r.posNr,l=1==d?0:Math.round(s/d*100),u=100-l;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:l+"%"}}),(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),d=t.n(s),l=new URL(t(38403),t.b),u=a()(o()),c=d()(l);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},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>j,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),d=t.n(s),l=new URL(t(2431),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--jUUzB {\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: 100;\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--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\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);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\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--_vKBL {\n  position: absolute;\n  width: 31%;\n  height: 40px;\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  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n  width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\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--ka5TW .index-module--PRLOe {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\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--rXcyI .index-module--PRLOe {\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--rXcyI .index-module--zOzPb {\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--rXcyI .index-module--_vKBL {\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--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\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--ka5TW,\n.index-module--rXcyI {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\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--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",f="index-module--PRLOe",m="index-module--zOzPb",h="index-module--_vKBL",S="index-module--mZSQ5",v="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const j=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),d=t.n(s),l=new URL(t(81165),t.b),u=a()(o()),c=d()(l);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:()=>d,LM:()=>l,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",d="index-module--_zSo1",l="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4785,9001,4190,4900,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(48984)),a=t(39667),s=t(19047),d=t(88683),l=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,d.useTranslation)().t;return(0,l.jsx)(l.Fragment,{children:u?(0,l.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,l.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,l.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"}))}},42941:(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(48984),d=t(87363),l=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),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=S();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.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,d.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,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=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,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),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,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},54785:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(48984),a=t(87363),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),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(86454),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(42941),y=t(34190),j=t(97853),P=t(69001),k=t(22763),O=t(79454),T=t(9420),I=t(68063),C=t(88683),B=t(82045),N=t(47514),G={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--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,T.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(G)}),[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.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,e.uiState.isTablet?S.Mq:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(j.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(I.default,{className:S.Bg}),(0,N.jsx)(B.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"none"}),(0,N.jsx)(j.default,{className:S.vt}),(0,N.jsx)(P.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,N.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:()=>l});var i=t(9420),o=(t(87363),t(48984)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(34988),o=t(9420),r=t(87363),a=t(48984),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),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();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),j=t(47514);const P=(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],d=o[1];return(0,r.useEffect)((function(){setTimeout((function(){d(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.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,j.jsx)("div",{className:S.qv})})}))},63224:(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(48984),d=t(82956),l=t(67e3),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(24900),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),d=s[0],l=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);l(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?d.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:d,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-d.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[d[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[d[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:d.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",d.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:d.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.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(48984)),a=t(80509),s=t(67e3),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(63224),x=t(51451),g=t(22120),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,d.Pi)((function Settings(n){var e,t,i=n.className,d=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,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:d,children:S}),!m.uiState.isInMobileView&&S]}))}))},82045:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(48984),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),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=l(),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,d=r.posNr,l=1==d?0:Math.round(s/d*100),u=100-l;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:l+"%"}}),(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),d=t.n(s),l=new URL(t(38403),t.b),u=a()(o()),c=d()(l);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},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>j,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),d=t.n(s),l=new URL(t(2431),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--jUUzB {\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: 100;\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--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\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);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\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--_vKBL {\n  position: absolute;\n  width: 31%;\n  height: 40px;\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  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n  width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\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--ka5TW .index-module--PRLOe {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\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--rXcyI .index-module--PRLOe {\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--rXcyI .index-module--zOzPb {\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--rXcyI .index-module--_vKBL {\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--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\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--ka5TW,\n.index-module--rXcyI {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\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--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",f="index-module--PRLOe",m="index-module--zOzPb",h="index-module--_vKBL",S="index-module--mZSQ5",v="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const j=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),d=t.n(s),l=new URL(t(81165),t.b),u=a()(o()),c=d()(l);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:()=>d,LM:()=>l,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",d="index-module--_zSo1",l="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4788.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4788,4348],{14348:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});i(87363);var t=i(9420),o=i(93379),r=i.n(o),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),x=i(3565),c=i.n(x),m=i(19216),u=i.n(m),p=i(44589),f=i.n(p),g=i(91605),h={};h.styleTagTransform=f(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();r()(g.ZP,h);g.ZP&&g.ZP.locals&&g.ZP.locals;var v=i(48984),b=i(47514);const j=(0,t.Pi)((function ContentItemTeaser(n){var e=n.item,i=(0,v.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[e.emoji&&(0,b.jsx)("div",{className:g.rP,children:e.emoji}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(e.id)},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},34788:(n,e,i)=>{i.r(e),i.d(e,{default:()=>T});i(87363);var t=i(2829),o=i(48984),r=i(93379),d=i.n(r),l=i(7795),s=i.n(l),a=i(90569),x=i.n(a),c=i(3565),m=i.n(c),u=i(19216),p=i.n(u),f=i(44589),g=i.n(f),h=i(9668),v={};v.styleTagTransform=g(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(14348),j=i(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:h.YS,children:[(0,j.jsx)("div",{className:h.t$,children:e.left.map((function(n){var i,o,r,d=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,j.jsx)(b.default,{item:d.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:d.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:h.eX}),(0,j.jsx)("div",{className:h.F2,children:e.right.map((function(n){var i,o,r,d=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,j.jsx)(b.default,{item:d.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:d.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},91605:(n,e,i)=>{i.d(e,{LI:()=>c,TN:()=>a,WL:()=>x,ZP:()=>p,bz:()=>l,q5:()=>m,rP:()=>s,x7:()=>u});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.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 l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",x="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",u="index-module--MViR0";const p=d},9668:(n,e,i)=>{i.d(e,{F2:()=>a,YS:()=>l,ZP:()=>c,eX:()=>x,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.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 l="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",x="index-module--lvlA1";const c=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4788,4348],{14348:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});i(87363);var t=i(9420),o=i(93379),r=i.n(o),l=i(7795),d=i.n(l),s=i(90569),a=i.n(s),x=i(3565),c=i.n(x),m=i(19216),u=i.n(m),p=i(44589),f=i.n(p),g=i(91605),h={};h.styleTagTransform=f(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=u();r()(g.ZP,h);g.ZP&&g.ZP.locals&&g.ZP.locals;var v=i(48984),b=i(47514);const j=(0,t.Pi)((function ContentItemTeaser(n){var e=n.item,i=(0,v.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[e.emoji&&(0,b.jsx)("div",{className:g.rP,children:e.emoji}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(e.id)},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},34788:(n,e,i)=>{i.r(e),i.d(e,{default:()=>T});i(87363);var t=i(2829),o=i(48984),r=i(93379),l=i.n(r),d=i(7795),s=i.n(d),a=i(90569),x=i.n(a),c=i(3565),m=i.n(c),u=i(19216),p=i.n(u),f=i(44589),g=i.n(f),h=i(9668),v={};v.styleTagTransform=g(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(14348),j=i(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:h.YS,children:[(0,j.jsx)("div",{className:h.t$,children:e.left.map((function(n){var i,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(i=l.contentItemTeaser)||void 0===i?void 0:i.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(t.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,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:h.eX}),(0,j.jsx)("div",{className:h.F2,children:e.right.map((function(n){var i,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(i=l.contentItemTeaser)||void 0===i?void 0:i.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(t.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,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},91605:(n,e,i)=>{i.d(e,{LI:()=>c,TN:()=>a,WL:()=>x,ZP:()=>p,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>u});var t=i(8081),o=i.n(t),r=i(23645),l=i.n(r)()(o());l.push([n.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",x="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",u="index-module--MViR0";const p=l},9668:(n,e,i)=>{i.d(e,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>x,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),l=i.n(r)()(o());l.push([n.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",x="index-module--lvlA1";const c=l}}]);