@crystaldesign/diva-web-planner-react 26.7.0-rc.1 → 26.7.0-rc.10

package/build/types/web-planner-react/src/model/States/UIState/Tabgroups/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/model/States/UIState/Tabgroups/index.ts"],"names":[],"mappings":"AACA,OAAO,4BAA4B,MAAM,gDAAgD,CAAC;AAE1F,OAAO,OAAO,MAAM,IAAI,CAAC;AACzB,OAAO,cAAc,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACpG,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,YAAY,MAAM,YAAY,CAAC;AACtC,OAAO,aAAa,MAAM,aAAa,CAAC;AACxC,OAAO,EAAa,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,OAAO,MAAM,OAAO,CAAC;AAI5B,MAAM,CAAC,OAAO,OAAO,aAAa;IAChC,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,4BAA4B,CAA+B;IACnE,OAAO,CAAC,kBAAkB,CAAsB;IAChD,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,OAAO,CAAU;IAClB,sBAAsB,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAa;IAC1D,WAAW,CAAC,EAAE,QAAQ,CAAa;IACnC,SAAS,CAAC,EAAE,UAAU,CAAa;IACnC,aAAa,CAAC,EAAE,UAAU,CAAa;IAC9C,OAAO,CAAC,uBAAuB,CAAmC;IAClE,OAAO,CAAC,OAAO,CAAC,CAAuC;gBAGrD,OAAO,EAAE,OAAO,EAChB,4BAA4B,EAAE,4BAA4B,EAC1D,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,uBAAuB,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,EACzD,OAAO,EAAE,OAAO,EAChB,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS;IAiCzC,aAAa,CAAC,cAAc,EAAE,cAAc;IAI5C,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,GAAG,cAAc,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAa;IAClG,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,cAAc,GAAG,iBAAiB,GAAG,IAAI;IAIhG,yBAAyB,CAAC,KAAK,EAAE,MAAM;IAM9C,IAAI,YAAY,IAAI;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAE,CA8BhD;IAED,IAAI,UAAU,YAEb;IACD,IAAI,oBAAoB,YAUvB;IAED,IAAI,sBAAsB,2BAQzB;IAEM,cAAc,EAAE,SAAS,GAAG,MAAM,CAAa;IAE/C,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM;IAIrC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEtC,mBAAmB,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAG3C,eAAe,EAAE,YAAY,GAAG,UAAU,CAAgB;IAE1D,qBAAqB;IAQrB,mBAAmB,aASxB;IAEK,6BAA6B,aAYlC;IACF,0CAA0C;IAE1C;;OAEG;IACH,iBAAiB,aAOf;IAEF;;;OAGG;IACH,kBAAkB,aAQhB;IAEF,0BAA0B,aAGxB;IAEF,iBAAiB,aAGf;IAEF,uBAAuB,aAGrB;IAEF,sBAAsB,aAGpB;IAEF,uBAAuB,aAMrB;IACF,sBAAsB,aAKpB;IAEF,sBAAsB,aAEpB;IACF,qBAAqB,aAEnB;IAEK,uBAAuB,kBAAmB,MAAM,UA2BrD;IACK,WAAW,CAAC,sBAAsB,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU;CAM1I"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/model/States/UIState/Tabgroups/index.ts"],"names":[],"mappings":"AACA,OAAO,4BAA4B,MAAM,gDAAgD,CAAC;AAE1F,OAAO,OAAO,MAAM,IAAI,CAAC;AACzB,OAAO,cAAc,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACpG,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,YAAY,MAAM,YAAY,CAAC;AACtC,OAAO,aAAa,MAAM,aAAa,CAAC;AACxC,OAAO,EAAa,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,OAAO,MAAM,OAAO,CAAC;AAI5B,MAAM,CAAC,OAAO,OAAO,aAAa;IAChC,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,4BAA4B,CAA+B;IACnE,OAAO,CAAC,kBAAkB,CAAsB;IAChD,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,OAAO,CAAU;IAClB,sBAAsB,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAa;IAC1D,WAAW,CAAC,EAAE,QAAQ,CAAa;IACnC,SAAS,CAAC,EAAE,UAAU,CAAa;IACnC,aAAa,CAAC,EAAE,UAAU,CAAa;IAC9C,OAAO,CAAC,uBAAuB,CAAmC;IAClE,OAAO,CAAC,OAAO,CAAC,CAAuC;gBAGrD,OAAO,EAAE,OAAO,EAChB,4BAA4B,EAAE,4BAA4B,EAC1D,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,uBAAuB,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,EACzD,OAAO,EAAE,OAAO,EAChB,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS;IAiCzC,aAAa,CAAC,cAAc,EAAE,cAAc;IAI5C,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,GAAG,cAAc,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAa;IAClG,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,cAAc,GAAG,iBAAiB,GAAG,IAAI;IAIhG,yBAAyB,CAAC,KAAK,EAAE,MAAM;IAM9C,IAAI,YAAY,IAAI,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CA8BxC;IAED,IAAI,UAAU,YAEb;IACD,IAAI,oBAAoB,YAUvB;IAED,IAAI,sBAAsB,2BAOzB;IAEM,cAAc,EAAE,SAAS,GAAG,MAAM,CAAa;IAE/C,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM;IAIrC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEtC,mBAAmB,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAG3C,eAAe,EAAE,YAAY,GAAG,UAAU,CAAgB;IAE1D,qBAAqB;IAQrB,mBAAmB,aASxB;IAEK,6BAA6B,aAYlC;IACF,0CAA0C;IAE1C;;OAEG;IACH,iBAAiB,aAOf;IAEF;;;OAGG;IACH,kBAAkB,aAQhB;IAEF,0BAA0B,aAGxB;IAEF,iBAAiB,aAGf;IAEF,uBAAuB,aAGrB;IAEF,sBAAsB,aAGpB;IAEF,uBAAuB,aAMrB;IACF,sBAAsB,aAKpB;IAEF,sBAAsB,aAEpB;IACF,qBAAqB,aAEnB;IAEK,uBAAuB,kBAAmB,MAAM,UA2BrD;IACK,WAAW,CAAC,sBAAsB,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU;CAM1I"}

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1026.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1026],{1026:(t,r,e)=>{e.r(r),e.d(r,{default:()=>s});var a=e(34988),o=e(99872),n=e(9420),i=e(87363),u=e(88683),l=e(47514);const s=(0,n.Pi)((function TabGroupItemHorizontal(t){var r,e=t.tabGroup,n=(0,o.NP)(),s=(0,u.useTranslation)().t,p=n.tabGroupState.allTabGroups,b=p?Object.entries(p).map((function(t){return(0,a.Z)(t,2)[1]})):[],c=(null===(r=b[0])||void 0===r?void 0:r.key)===e.key,d=(0,i.useCallback)((function(t){window.lastNavigationType="TABGROUP_BY_POS_NR",n.tabGroupState.navigateToTabgroupByPosNr(+t.posNr)}),[n.tabGroupState]),y=(0,i.useCallback)((function(t){return function(r){r&&n.tabGroupState.setTabGroupItems(t,r)}}),[n.tabGroupState]),f=n.tabGroupState.curTabGroup,k=null==f?void 0:f.key;return c&&0!==b.length?(0,l.jsx)("div",{className:"wysiwyg-tab-group-tabs",style:{display:"flex",gap:0,borderBottom:"1px solid #d9d9d9"},children:b.map((function(t){return(0,l.jsx)("button",{ref:y(t.key),onClick:function onClick(){return d(t)},style:{padding:"8px 16px",border:"none",borderBottom:t.key===k?"2px solid var(--primaryColor, #1677ff)":"2px solid transparent",background:"none",cursor:"pointer",fontWeight:t.key===k?600:400,color:t.key===k?"var(--primaryColor, #1677ff)":"inherit"},children:s("configurator."+t.title,t.title)},t.key)}))}):null}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1026],{1026:(t,a,r)=>{r.r(a),r.d(a,{default:()=>s});var e=r(12952),o=r(99872),n=r(9420),i=r(87363),l=r(88683),u=r(47514);const s=(0,n.Pi)((function TabGroupItemHorizontal(t){var a,r=t.tabGroup,n=(0,o.NP)(),s=(0,l.useTranslation)().t,p=n.tabGroupState.allTabGroups,b=(0,e.Z)(p.values()),c=(null===(a=b[0])||void 0===a?void 0:a.key)===r.key,d=(0,i.useCallback)((function(t){window.lastNavigationType="TABGROUP_BY_POS_NR",n.tabGroupState.navigateToTabgroupByPosNr(+t.posNr)}),[n.tabGroupState]),y=(0,i.useCallback)((function(t){return function(a){a&&n.tabGroupState.setTabGroupItems(t,a)}}),[n.tabGroupState]),f=n.tabGroupState.curTabGroup,k=null==f?void 0:f.key;return c&&0!==b.length?(0,u.jsx)("div",{className:"wysiwyg-tab-group-tabs",style:{display:"flex",gap:0,borderBottom:"1px solid #d9d9d9"},children:b.map((function(t){return(0,u.jsx)("button",{ref:y(t.key),onClick:function onClick(){return d(t)},style:{padding:"8px 16px",border:"none",borderBottom:t.key===k?"2px solid var(--primaryColor, #1677ff)":"2px solid transparent",background:"none",cursor:"pointer",fontWeight:t.key===k?600:400,color:t.key===k?"var(--primaryColor, #1677ff)":"inherit"},children:s("configurator."+t.title,t.title)},t.key)}))}):null}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1528.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1528,9001,1358,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"}))}},30384:(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(99872),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})]})]})})}))},61528:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>C,default:()=>B});var o=n(99872),i=n(87363),a=n(30384),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(28048),w=n(9420),j=n(65515),I=n.n(j),P=n(73845),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(2449),l=n(99872),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(99872)),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})]})]})}))},41358:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var o=n(34988),i=n(9420),a=n(87363),r=n(99872),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),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})})}))},13382:(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(99872),l=n(82956),d=n(28649),u=n(74133),c=n(84658),p=n(34988),x=n(50747),g=n.n(x),b=n(88683),f=n(41358),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(99872)),r=n(80509),s=n(28649),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(13382),x=n(51451),g=n(48810),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",""]);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="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1528,9001,1358,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"}))}},30384:(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(99872),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})]})]})})}))},61528:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>C,default:()=>B});var i=n(99872),o=n(87363),a=n(30384),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(28048),w=n(9420),j=n(65515),I=n.n(j),P=n(73845),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(2449),l=n(99872),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,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(99872)),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})]})]})}))},41358:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),a=n(87363),r=n(99872),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),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})})}))},13382:(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(99872),l=n(82956),d=n(28649),u=n(74133),c=n(84658),p=n(12952),x=n(34988),g=n(50747),b=n.n(g),f=n(88683),m=n(41358),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(99872)),r=n(80509),s=n(28649),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(13382),x=n(51451),g=n(48810),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const 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="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2018.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2018,4725],{34725:(e,t,r)=>{r.r(t),r.d(t,{default:()=>c});var n=r(80248),a=(r(87363),r(2765)),o=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const c=function ItemVariant(e){return(0,o.jsx)(a.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});var n=r(34988),a=r(99872),o=r(87363),c=r(34725),u=r(9420),i=r(47514);const s=(0,u.Pi)((function TabGroupVertical(e){var t,r=(0,a.NP)(),u=(0,o.useState)(!1),s=(0,n.Z)(u,2),l=s[0],b=s[1],p=r.tabGroupState.allTabGroups;if((0,o.useEffect)((function(){r.tabGroupState.scrollToCurTabgroup()}),[r.tabGroupState.curTabGroup]),(0,o.useEffect)((function(){var e=!1,t=window.setInterval((function(){var n,a=null===(n=r.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height;a&&a>0&&(e||b(!l),window.clearInterval(t))}),100);return function(){e=!0,window.clearInterval(t)}}),[r.tabGroupState.tabGroupScroller]),!p)return(0,i.jsx)(i.Fragment,{});var f=null===(t=r.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height,y=void 0,d=Object.keys(p).length,j=0;f?(j=f/d,80*d>f&&(y=80)):setTimeout((function(){return b(!l)}),100);var g=Object.keys(p)[0],v=Object.keys(p)[Object.keys(p).length-1];return(0,i.jsx)(i.Fragment,{children:Object.values(p).map((function(e){return(0,i.jsx)(c.default,{tabGroup:e,height:j,isFirstItem:p[g].key==e.key,isLastItem:p[v].key==e.key,minHeight:y},e.key)}))})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2018,4725],{34725:(e,t,r)=>{r.r(t),r.d(t,{default:()=>u});var n=r(80248),o=(r(87363),r(2765)),a=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const u=function ItemVariant(e){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});var n=r(12952),o=r(34988),a=r(99872),u=r(87363),i=r(34725),c=r(9420),l=r(47514);const s=(0,c.Pi)((function TabGroupVertical(e){var t,r=(0,a.NP)(),c=(0,u.useState)(!1),s=(0,o.Z)(c,2),p=s[0],b=s[1],f=r.tabGroupState.allTabGroups;if((0,u.useEffect)((function(){r.tabGroupState.scrollToCurTabgroup()}),[r.tabGroupState.curTabGroup]),(0,u.useEffect)((function(){var e=!1,t=window.setInterval((function(){var n,o=null===(n=r.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height;o&&o>0&&(e||b(!p),window.clearInterval(t))}),100);return function(){e=!0,window.clearInterval(t)}}),[r.tabGroupState.tabGroupScroller]),!f)return(0,l.jsx)(l.Fragment,{});var d=null===(t=r.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height,v=void 0,g=f.size,y=0;d?(y=d/g,80*g>d&&(v=80)):setTimeout((function(){return b(!p)}),100);var j=(0,n.Z)(f.values()),w=j[0],O=j[j.length-1];return(0,l.jsx)(l.Fragment,{children:j.map((function(e){return(0,l.jsx)(i.default,{tabGroup:e,height:y,isFirstItem:(null==w?void 0:w.key)==e.key,isLastItem:(null==O?void 0:O.key)==e.key,minHeight:v},e.key)}))})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2147.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2147,2400],{82147:(t,e,r)=>{r.r(e),r.d(e,{default:()=>l});var n=r(34988),o=r(99872),a=r(87363),u=r(9420),c=r(2400),i=r(47514);const l=(0,u.Pi)((function TabGroupHorizontal(t){var e=(0,o.NP)();if((0,a.useEffect)((function(){e.tabGroupState.scrollToCurTabgroupHorizontal()}),[e.tabGroupState.curTabGroup]),!e.tabGroupState.allTabGroups)return(0,i.jsx)(i.Fragment,{});var r=Object.entries(e.tabGroupState.allTabGroups);return(0,i.jsx)(i.Fragment,{children:r.map((function(t){var o,a,u=(0,n.Z)(t,2),l=u[0],p=u[1];return(0,i.jsx)(c.default,{tabGroup:p,width:"calc("+(null!==(o=null===(a=e.tabGroupState)||void 0===a||null===(a=a.tabGroupScroller)||void 0===a?void 0:a.getBoundingClientRect().width)&&void 0!==o?o:0)+"px / "+r.length+")"},l)}))})}))},2400:(t,e,r)=>{r.r(e),r.d(e,{default:()=>u});var n=r(80248),o=(r(87363),r(2765)),a=r(47514);function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach((function(e){(0,n.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}const u=function ItemVariant(t){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},t),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2147,2400],{82147:(t,e,r)=>{r.r(e),r.d(e,{default:()=>p});var n=r(34988),o=r(12952),a=r(99872),u=r(87363),c=r(9420),i=r(2400),l=r(47514);const p=(0,c.Pi)((function TabGroupHorizontal(t){var e=(0,a.NP)();if((0,u.useEffect)((function(){e.tabGroupState.scrollToCurTabgroupHorizontal()}),[e.tabGroupState.curTabGroup]),!e.tabGroupState.allTabGroups)return(0,l.jsx)(l.Fragment,{});var r=(0,o.Z)(e.tabGroupState.allTabGroups);return(0,l.jsx)(l.Fragment,{children:r.map((function(t){var o,a,u=(0,n.Z)(t,2),c=u[0],p=u[1];return(0,l.jsx)(i.default,{tabGroup:p,width:"calc("+(null!==(o=null===(a=e.tabGroupState)||void 0===a||null===(a=a.tabGroupScroller)||void 0===a?void 0:a.getBoundingClientRect().width)&&void 0!==o?o:0)+"px / "+r.length+")"},c)}))})}))},2400:(t,e,r)=>{r.r(e),r.d(e,{default:()=>u});var n=r(80248),o=(r(87363),r(2765)),a=r(47514);function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach((function(e){(0,n.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}const u=function ItemVariant(t){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},t),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2849.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2849],{82849:(n,e,o)=>{o.r(e),o.d(e,{default:()=>w});var i=o(65515),t=o.n(i),d=o(99872),l=o(9420),r=o(87363),a=o(88683),s=o(93379),u=o.n(s),p=o(7795),x=o.n(p),b=o(90569),m=o.n(b),c=o(3565),h=o.n(c),f=o(19216),g=o.n(f),v=o(44589),P=o.n(v),T=o(67463),F={};F.styleTagTransform=P(),F.setAttributes=h(),F.insert=m().bind(null,"head"),F.domAPI=x(),F.insertStyleElement=g();u()(T.ZP,F);T.ZP&&T.ZP.locals&&T.ZP.locals;var S=o(47514);const w=(0,l.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,d.NP)(),i=(0,a.useTranslation)().t,l=(0,r.useRef)(null),s=o.tabGroupState.curTabGroup;(0,r.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var u=Object.keys(o.tabGroupState.allTabGroups),p=e.posNr==(null==s?void 0:s.posNr),x=u[u.length-1]==e.key;return(0,S.jsxs)("div",{className:t()(T.YS,o.uiState.isMobilePortrait?T.tW:void 0,o.uiState.isTablet?T.Mq:void 0,e.title==(null==s?void 0:s.title)&&p?T.F1:void 0),children:[(0,S.jsxs)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:t()(T.TI),children:[!o.uiState.isInMobileView&&(0,S.jsx)("span",{className:t()(T.EF),children:e.posNr}),i("configurator."+e.title,e.title)]}),!x&&(0,S.jsx)("div",{className:T.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Mq:()=>u,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>m,tW:()=>s});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--p2J8S {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.index-module--HbFPE .index-module--p2J8S {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--nx1TR .index-module--p2J8S {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--FBtoh {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--HEb_w {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.index-module--HbFPE .index-module--HEb_w {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.index-module--l_fFo .index-module--HEb_w {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--l_fFo",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2849],{82849:(n,e,o)=>{o.r(e),o.d(e,{default:()=>E});var i=o(12952),t=o(65515),d=o.n(t),l=o(99872),r=o(9420),a=o(87363),s=o(88683),u=o(93379),p=o.n(u),x=o(7795),b=o.n(x),m=o(90569),c=o.n(m),h=o(3565),f=o.n(h),g=o(19216),v=o.n(g),P=o(44589),T=o.n(P),F=o(67463),S={};S.styleTagTransform=T(),S.setAttributes=f(),S.insert=c().bind(null,"head"),S.domAPI=b(),S.insertStyleElement=v();p()(F.ZP,S);F.ZP&&F.ZP.locals&&F.ZP.locals;var w=o(47514);const E=(0,r.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),t=(0,s.useTranslation)().t,r=(0,a.useRef)(null),u=o.tabGroupState.curTabGroup;(0,a.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,r.current)}),[r]);var p=(0,i.Z)(o.tabGroupState.allTabGroups.keys()),x=e.posNr==(null==u?void 0:u.posNr),b=p[p.length-1]==e.key;return(0,w.jsxs)("div",{className:d()(F.YS,o.uiState.isMobilePortrait?F.tW:void 0,o.uiState.isTablet?F.Mq:void 0,e.title==(null==u?void 0:u.title)&&x?F.F1:void 0),children:[(0,w.jsxs)("div",{ref:r,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(F.TI),children:[!o.uiState.isInMobileView&&(0,w.jsx)("span",{className:d()(F.EF),children:e.posNr}),t("configurator."+e.title,e.title)]}),!b&&(0,w.jsx)("div",{className:F.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Mq:()=>u,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>m,tW:()=>s});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--p2J8S {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.index-module--HbFPE .index-module--p2J8S {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--nx1TR .index-module--p2J8S {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--FBtoh {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--HEb_w {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.index-module--HbFPE .index-module--HEb_w {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.index-module--l_fFo .index-module--HEb_w {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--l_fFo",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const m=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2890.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2890],{2890:(n,e,t)=>{t.r(e),t.d(e,{default:()=>G});var i=t(65515),o=t.n(i),r=t(99872),a=t(9420),l=t(87363),d=t(88683),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),m=t(90569),x=t.n(m),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),y=t.n(b),k=t(92961),T={};T.styleTagTransform=y(),T.setAttributes=v(),T.insert=x().bind(null,"head"),T.domAPI=p(),T.insertStyleElement=g();u()(k.ZP,T);k.ZP&&k.ZP.locals&&k.ZP.locals;var w=t(47514);const G=(0,a.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,r.NP)(),i=(0,d.useTranslation)().t,a=(0,l.useRef)(null),s=t.tabGroupState.curTabGroup;(0,l.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,a.current)}),[a]);var u=Object.keys(t.tabGroupState.allTabGroups),c=e.posNr==(null==s?void 0:s.posNr),p=u[u.length-1]==e.key;return(0,w.jsxs)("div",{className:o()(k.YS,t.uiState.isMobilePortrait?k.tW:void 0,t.uiState.isTablet?k.Mq:void 0,e.title==(null==s?void 0:s.title)&&c?k.F1:void 0),children:[(0,w.jsx)("div",{ref:a,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:o()(k.TI),children:i("configurator."+e.title,e.title)}),!p&&(0,w.jsx)("div",{className:k.Sf,children:(0,w.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n  display: flex;\n  align-items: center;\n  float: left;\n  height: 100%;\n}\n\n.index-module--LI7Li {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: 300;\n  white-space: nowrap;\n  color: var(--diva-theme-palette-text-secondary);\n  cursor: pointer;\n  transition:\n    color 0.2s ease-out,\n    background-color 0.2s ease-out;\n  line-height: 1;\n  border: none;\n  background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n  font-size: 12px;\n  padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n  color: var(--diva-theme-palette-primary-main);\n  background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n  border-radius: 2px;\n}\n\n.index-module--UGxoh {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n  width: 10px;\n  height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2890],{2890:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(12952),o=t(65515),r=t.n(o),a=t(99872),l=t(9420),d=t(87363),s=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),x=t(90569),h=t.n(x),v=t(3565),f=t.n(v),g=t(19216),b=t.n(g),y=t(44589),k=t.n(y),T=t(92961),w={};w.styleTagTransform=k(),w.setAttributes=f(),w.insert=h().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=b();c()(T.ZP,w);T.ZP&&T.ZP.locals&&T.ZP.locals;var G=t(47514);const P=(0,l.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,a.NP)(),o=(0,s.useTranslation)().t,l=(0,d.useRef)(null),u=t.tabGroupState.curTabGroup;(0,d.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var c=(0,i.Z)(t.tabGroupState.allTabGroups.keys()),p=e.posNr==(null==u?void 0:u.posNr),m=c[c.length-1]==e.key;return(0,G.jsxs)("div",{className:r()(T.YS,t.uiState.isMobilePortrait?T.tW:void 0,t.uiState.isTablet?T.Mq:void 0,e.title==(null==u?void 0:u.title)&&p?T.F1:void 0),children:[(0,G.jsx)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:r()(T.TI),children:o("configurator."+e.title,e.title)}),!m&&(0,G.jsx)("div",{className:T.Sf,children:(0,G.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,G.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n  display: flex;\n  align-items: center;\n  float: left;\n  height: 100%;\n}\n\n.index-module--LI7Li {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: 300;\n  white-space: nowrap;\n  color: var(--diva-theme-palette-text-secondary);\n  cursor: pointer;\n  transition:\n    color 0.2s ease-out,\n    background-color 0.2s ease-out;\n  line-height: 1;\n  border: none;\n  background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n  font-size: 12px;\n  padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n  color: var(--diva-theme-palette-primary-main);\n  background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n  border-radius: 2px;\n}\n\n.index-module--UGxoh {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n  width: 10px;\n  height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3382.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3382,1358],{41358:(n,e,i)=>{i.r(e),i.d(e,{default:()=>F});var t=i(34988),r=i(9420),o=i(87363),a=i(99872),d=i(93379),s=i.n(d),l=i(7795),p=i.n(l),u=i(90569),w=i.n(u),c=i(3565),x=i.n(c),f=i(19216),g=i.n(f),m=i(44589),v=i.n(m),b=i(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=i(65515),y=i.n(D),W=i(47514);const F=(0,r.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),i=(0,o.useState)(!1),r=(0,t.Z)(i,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,e.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},13382:(n,e,i)=>{i.r(e),i.d(e,{default:()=>h});var t=i(88291),r=i(9420),o=i(87363),a=i(37707),d=i(99872),s=i(82956),l=i(28649),p=i(74133),u=i(84658),w=i(34988),c=i(50747),x=i.n(c),f=i(88683),g=i(41358),m=i(65515),v=i.n(m),b=i(47514);const h=(0,r.Pi)((function SettingsSwiper(n){(0,t.Z)(n);var e=(0,d.NP)(),i=function useSwiperHook(n){var e=(0,o.useState)(null),i=(0,w.Z)(e,2),t=i[0],r=i[1],a=(0,o.useState)([]),d=(0,w.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==t?void 0:t.activeIndex)&&(null==t||t.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,t]);var p=function(){var n=(0,u.Z)(x().mark((function _callee(){var n,e,i,r,o,a=arguments;return x().wrap((function _callee$(d){for(;;)switch(d.prev=d.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,t){d.next=4;break}return d.abrupt("return");case 4:return i=.25*e,r=t.getTranslate(),o=r-n,t.allowTouchMove=!1,t.setTransition(2*i),t.setTranslate(o),d.next=12,f.DivaUtils.Sleep(2*i);case 12:return t.setTransition(i),t.setTranslate(r-.5*n),d.next=16,f.DivaUtils.Sleep(i);case 16:return t.setTransition(.5*i),t.setTranslate(.8*o),d.next=20,f.DivaUtils.Sleep(.5*i);case 20:t.setTransition(1.75*i),t.setTranslate(r),t.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),c=n.tabGroupState.curTabGroup?s.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:t,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=e.activeIndex-s.indexOf(n.tabGroupState.curTabGroup.key);1==i?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==i?n.actionButtonState.onClickConfiguratorSettingsBack():0!==i&&n.tabGroupState.allTabGroups[s[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[s[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:c,teaseSwipe:p}}(e),r=i.setSwiperRef,c=i.allSwipes,m=i.handleSlideChange,h=i.handleSetTransition,D=i.handleTransitionEnd,y=i.initialSlide;return e.tabGroupState.curTabGroup&&null!=c&&c.length?(0,b.jsx)(a.tq,{onSlideChange:m,onSetTransition:h,onTransitionEnd:D,initialSlide:y,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",s.Iz),children:c.map((function(n){var i,t=e.tabGroupState.allTabGroups[n],r=t?null===(i=Array.from(t.options.values())[0])||void 0===i?void 0:i.title:void 0;return(0,b.jsx)(a.o5,{className:s.AI,children:n==e.tabGroupState.curTabGroup.key?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(l.default,{},n),(0,b.jsx)(g.default,{})]}):(0,b.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,b.jsx)(p.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,b.jsx)(b.Fragment,{})}))},76640:(n,e,i)=>{i.d(e,{Mq:()=>f,YS:()=>w,ZP:()=>g,oP:()=>x,qv:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(81165),i.b),p=a()(r()),u=s()(l);p.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("+u+");\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 w="index-module--OH1rD",c="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const g=p},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>S,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),c=s()(l),x=s()(p),f=s()(u);w.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+f+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",S="index-module--rLMX4";const I=w},82956:(n,e,i)=>{i.d(e,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),w=i.n(u),c=i(44589),x=i.n(c),f=i(62500),g={};g.styleTagTransform=x(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3382,1358],{41358:(n,e,i)=>{i.r(e),i.d(e,{default:()=>F});var t=i(34988),r=i(9420),o=i(87363),a=i(99872),d=i(93379),s=i.n(d),l=i(7795),p=i.n(l),u=i(90569),w=i.n(u),c=i(3565),x=i.n(c),f=i(19216),g=i.n(f),m=i(44589),v=i.n(m),b=i(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=i(65515),y=i.n(D),W=i(47514);const F=(0,r.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),i=(0,o.useState)(!1),r=(0,t.Z)(i,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,e.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},13382:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var t=i(88291),r=i(9420),o=i(87363),a=i(37707),d=i(99872),s=i(82956),l=i(28649),p=i(74133),u=i(84658),w=i(12952),c=i(34988),x=i(50747),f=i.n(x),g=i(88683),m=i(41358),v=i(65515),b=i.n(v),h=i(47514);const D=(0,r.Pi)((function SettingsSwiper(n){(0,t.Z)(n);var e=(0,d.NP)(),i=function useSwiperHook(n){var e=(0,o.useState)(null),i=(0,c.Z)(e,2),t=i[0],r=i[1],a=(0,o.useState)([]),d=(0,c.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var e=(0,w.Z)(n.tabGroupState.allTabGroups.keys());l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==t?void 0:t.activeIndex)&&(null==t||t.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,t]);var p=function(){var n=(0,u.Z)(f().mark((function _callee(){var n,e,i,r,o,a=arguments;return f().wrap((function _callee$(d){for(;;)switch(d.prev=d.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,t){d.next=4;break}return d.abrupt("return");case 4:return i=.25*e,r=t.getTranslate(),o=r-n,t.allowTouchMove=!1,t.setTransition(2*i),t.setTranslate(o),d.next=12,g.DivaUtils.Sleep(2*i);case 12:return t.setTransition(i),t.setTranslate(r-.5*n),d.next=16,g.DivaUtils.Sleep(i);case 16:return t.setTransition(.5*i),t.setTranslate(.8*o),d.next=20,g.DivaUtils.Sleep(.5*i);case 20:t.setTransition(1.75*i),t.setTranslate(r),t.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?s.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:t,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=e.activeIndex-s.indexOf(n.tabGroupState.curTabGroup.key);if(1==i)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==i)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==i){var t=n.tabGroupState.allTabGroups.get(s[e.activeIndex]);t&&n.tabGroupState.navigateToTabgroupByPosNr(t.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:p}}(e),r=i.setSwiperRef,x=i.allSwipes,v=i.handleSlideChange,D=i.handleSetTransition,y=i.handleTransitionEnd,W=i.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:v,onSetTransition:D,onTransitionEnd:y,initialSlide:W,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:b()("swiper-wrapper",s.Iz),children:x.map((function(n){var i,t=e.tabGroupState.allTabGroups.get(n),r=t?null===(i=Array.from(t.options.values())[0])||void 0===i?void 0:i.title:void 0;return(0,h.jsx)(a.o5,{className:s.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.default,{},n),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,h.jsx)(p.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},76640:(n,e,i)=>{i.d(e,{Mq:()=>f,YS:()=>w,ZP:()=>g,oP:()=>x,qv:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(81165),i.b),p=a()(r()),u=s()(l);p.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("+u+");\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 w="index-module--OH1rD",c="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const g=p},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>S,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),c=s()(l),x=s()(p),f=s()(u);w.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+f+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",S="index-module--rLMX4";const I=w},82956:(n,e,i)=>{i.d(e,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),w=i.n(u),c=i(44589),x=i.n(c),f=i(62500),g={};g.styleTagTransform=x(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

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