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

package/build/esm/{index-11e63642.js → index-f8a3332d.js}

@@ -1,4 +1,5 @@
-import { s as styleInject, u as useViewHandler } from './index-d8efc5f4.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { s as styleInject, u as useViewHandler } from './index-7919401b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
@@ -12,7 +13,6 @@ import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
@@ -46,7 +46,7 @@ var TabGroupItemHorizontaRalph = function TabGroupItemHorizontaRalph(_ref) {
     window.lastNavigationType = 'TABGROUP_BY_POS_NR';
     viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
   };
-  var keys = Object.keys(viewHandler.tabGroupState.allTabGroups);
+  var keys = _toConsumableArray(viewHandler.tabGroupState.allTabGroups.keys());
   var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
   var isLastItem = keys[keys.length - 1] == tabGroup.key;
   return /*#__PURE__*/jsxs("div", {

package/build/esm/{index-3c2288e2.js → index-f930f630.js}

@@ -1,4 +1,4 @@
-import { c as usePlannerUIHandler } from './index-d8efc5f4.js';
+import { c as usePlannerUIHandler } from './index-7919401b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-e59a89c2.js → index-fb4b2b46.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-d8efc5f4.js';
+import { u as useViewHandler } from './index-7919401b.js';
 import { useRef, useEffect } from 'react';
-import ProductHeader from './index-bc0a6b2a.js';
-import ContentItemWrapper from './index-b57014f3.js';
-import ProductSettings from './index-703478b0.js';
-import ProductCenter from './index-48aea99b.js';
-import ProductFooter from './index-81b435ea.js';
-import ProductInfo from './index-d7ee8ecd.js';
+import ProductHeader from './index-ec3f6432.js';
+import ContentItemWrapper from './index-88202ab8.js';
+import ProductSettings from './index-397e95bb.js';
+import ProductCenter from './index-44efcfc1.js';
+import ProductFooter from './index-101ea5bf.js';
+import ProductInfo from './index-a9a0adf1.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -28,98 +28,98 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import '@crystaldesign/content-item';
-import './index-ab808a45.js';
-import './index-a720ab65.js';
+import './index-cf3e0922.js';
+import './index-80bed930.js';
 import 'sift';
-import './index-ec3409de.js';
-import './index-1c40c9f9.js';
-import './index-bf0e159c.js';
-import './index-d35f6bac.js';
-import './index.module-7409325f.js';
-import './index-b76e780f.js';
-import './index-e3c0edd4.js';
+import './index-e20efdc4.js';
+import './index-a9facbfa.js';
+import './index-9ede619c.js';
+import './index-26026f6e.js';
+import './index.module-c1af1a8d.js';
+import './index-db57f9d8.js';
+import './index-b14e4f5d.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-0230f05c.js';
+import './index-645d4c02.js';
 import 'react-dropdown';
-import './index-225e2edf.js';
+import './index-48619db8.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ff0a3002.js';
-import './index-9bba7f59.js';
-import './index-3e4a61cf.js';
+import './index-e480f745.js';
+import './index-bb7fa4d9.js';
+import './index-8290d49d.js';
 import '@crystaldesign/content-box';
-import './index-bb5588f3.js';
-import './index-ede2b1f0.js';
-import './index-8bc1a01c.js';
-import './index-4a6ae5c9.js';
+import './index-f8188fb0.js';
+import './index-26ce39a3.js';
+import './index-53c4a874.js';
+import './index-78d39eaf.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-2b54e1d1.js';
-import './index-e6abe156.js';
-import './index-7ea05ded.js';
-import './index-1e271edd.js';
-import './index-71b52692.js';
-import './index-73792d90.js';
-import './index-5f29821f.js';
+import './UnlockCard-4b1915e3.js';
+import './index-dd70d14f.js';
+import './index-2203a5a9.js';
+import './index-ae378057.js';
+import './index-c365c0da.js';
+import './index-1af66e1f.js';
+import './index-391d2fbd.js';
 import 'react-laag';
-import './index.module-52e2b5ee.js';
-import './index-9753700a.js';
-import './index-6f70204c.js';
-import './index-a2201c22.js';
-import './index-f30e5fd4.js';
-import './index-6a4eaf8b.js';
-import './index.module-70f624cb.js';
-import './index-8225ff04.js';
-import './index-8ced14fa.js';
-import './index-ca11dcb8.js';
-import './index-2e3e2f8d.js';
-import './index-9253a373.js';
-import './index-d6d0e50b.js';
-import './index-065787e2.js';
-import './index-6f51eb96.js';
-import './index-0d535202.js';
-import './index-68eaba05.js';
-import './index-1383b7ee.js';
-import './index-373f1397.js';
-import './index-72c0fec4.js';
+import './index.module-17ec9f61.js';
+import './index-0c4c0fe3.js';
+import './index-fdb837b0.js';
+import './index-3ca36664.js';
+import './index-1c7377b2.js';
+import './index-dd0a3a67.js';
+import './index.module-9da1ad8e.js';
+import './index-362fae86.js';
+import './index-3e84222d.js';
+import './index-bd294fc8.js';
+import './index-a163ed08.js';
+import './index-b69be6de.js';
+import './index-9cbd57ed.js';
+import './index-9871dceb.js';
+import './index-dc76c428.js';
+import './index-7e5dda9b.js';
+import './index-fcd095bc.js';
+import './index-c38c5174.js';
+import './index-9d664a2c.js';
+import './index-4b589b93.js';
 import 'rc-slider';
-import './index-9bcba719.js';
-import './index-f76ad90d.js';
-import './index-4b619ba1.js';
-import './index-3ae6c2e9.js';
-import './index-3eebe6d4.js';
+import './index-4843a100.js';
+import './index-efafc8e0.js';
+import './index-53db184d.js';
+import './index-6efe8477.js';
+import './index-14858f28.js';
 import 'react-confetti-explosion';
-import './index-72ed9ea7.js';
-import './index-1463bd8b.js';
-import './index-a1bda5ed.js';
+import './index-68c57d55.js';
+import './index-dda2b1f9.js';
+import './index-e6a54bd5.js';
 import 'react-qr-code';
-import './index-a12a6ca6.js';
-import './useCustomDimensions-538b0714.js';
-import './index-fbe6109c.js';
-import './ussIsSticky-bbc52602.js';
-import './index-fcfbda02.js';
-import './index-a25bd860.js';
-import './index-eee4a852.js';
-import './index.module-f206a2d2.js';
-import './index-278b4d5f.js';
-import './index-382d2693.js';
-import './index-1884864a.js';
-import './index-24b6a59c.js';
-import './index-0edf5c20.js';
-import './index-a0581b20.js';
-import './index-8d3fd1e9.js';
-import './index-54e9e7f7.js';
-import './index-a65977f4.js';
-import './index.module-d5aa7fdb.js';
-import './index-9af7519d.js';
-import './index-ce4bc2a0.js';
-import './index-186b6a7a.js';
-import './index-c01a1474.js';
-import './index-4a6ad404.js';
-import './index-8da9dced.js';
-import './index-b21a9e78.js';
-import './index-12a0d1b1.js';
-import './index-1025e9c4.js';
+import './index-4ca9d9bf.js';
+import './useCustomDimensions-ed3b9e22.js';
+import './index-3c7f4c83.js';
+import './ussIsSticky-f8000322.js';
+import './index-9d9654f1.js';
+import './index-7f02efe0.js';
+import './index-5818b723.js';
+import './index.module-fd609a8f.js';
+import './index-ec1c9a44.js';
+import './index-b82944f9.js';
+import './index-a71da03b.js';
+import './index-b6205227.js';
+import './index-c4e7eaf3.js';
+import './index-680bd99d.js';
+import './index-96c75939.js';
+import './index-a899671c.js';
+import './index-173492ed.js';
+import './index.module-7c2f57bd.js';
+import './index-ad53cd5a.js';
+import './index-6c680ea1.js';
+import './index-ebf41990.js';
+import './index-fe50f6e0.js';
+import './index-5415bdce.js';
+import './index-710e29ad.js';
+import './index-1707cf30.js';
+import './index-256ef968.js';
+import './index-d3112e9c.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-68eaba05.js → index-fcd095bc.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-d8efc5f4.js';
+import { s as styleInject, u as useViewHandler } from './index-7919401b.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-6f70204c.js → index-fdb837b0.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-d8efc5f4.js';
+import './index-7919401b.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-c01a1474.js → index-fe50f6e0.js}

@@ -1,4 +1,4 @@
-import './index-d8efc5f4.js';
+import './index-7919401b.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-d7db5d4e.js → index-ff5b52e1.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-d8efc5f4.js';
+import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-7919401b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsActions, i as isOnFirstStep, a as isOnFirstStepDisabled, b as isOnLastStep, v as vertical, p as portrait, l as landscape, d as container, e as button, f as back, c as checkoutButton, g as forth } from './index.module-e47dbcf5.js';
+import { w as wcConfiguratorSettingsActions, i as isOnFirstStep, a as isOnFirstStepDisabled, b as isOnLastStep, v as vertical, p as portrait, l as landscape, d as container, e as button, f as back, c as checkoutButton, g as forth } from './index.module-bb37589b.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { A as AnalyzerComponentsProvider, G as GenericToolTip, M as MissingAnalyzerComponent, f as PlannerMsgItem, S as SettingsItemHeader, T as ToggleElement, V as ViewHandlerProvider, W as WebPlannerReact, h as default, a as useAnalyzerComponents, c as usePlannerUIHandler, u as useViewHandler } from './index-d8efc5f4.js';
+export { A as AnalyzerComponentsProvider, G as GenericToolTip, M as MissingAnalyzerComponent, f as PlannerMsgItem, S as SettingsItemHeader, T as ToggleElement, V as ViewHandlerProvider, W as WebPlannerReact, h as default, a as useAnalyzerComponents, c as usePlannerUIHandler, u as useViewHandler } from './index-7919401b.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-52e2b5ee.js → index.module-17ec9f61.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8efc5f4.js';
+import { s as styleInject } from './index-7919401b.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-393478ea.js → index.module-20093ce3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8efc5f4.js';
+import { s as styleInject } from './index-7919401b.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-ccdf4705.js → index.module-6e415718.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8efc5f4.js';
+import { s as styleInject } from './index-7919401b.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";

package/build/esm/{index.module-d5aa7fdb.js → index.module-7c2f57bd.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8efc5f4.js';
+import { s as styleInject } from './index-7919401b.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-70f624cb.js → index.module-9da1ad8e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8efc5f4.js';
+import { s as styleInject } from './index-7919401b.js';
 
 var paletteItem = "palette-item-efwMm";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-e47dbcf5.js → index.module-bb37589b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8efc5f4.js';
+import { s as styleInject } from './index-7919401b.js';
 
 var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
 var container = "container-1HnE3";

package/build/esm/{index.module-97eda150.js → index.module-bbbe0d9f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8efc5f4.js';
+import { s as styleInject } from './index-7919401b.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-7409325f.js → index.module-c1af1a8d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8efc5f4.js';
+import { s as styleInject } from './index-7919401b.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-f206a2d2.js → index.module-fd609a8f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8efc5f4.js';
+import { s as styleInject } from './index-7919401b.js';
 
 var roomItem = "room-item-sysI7";
 var sel = "sel-QWnr4";

package/build/esm/{useCustomDimensions-538b0714.js → useCustomDimensions-ed3b9e22.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-d8efc5f4.js';
+import { u as useViewHandler } from './index-7919401b.js';
 import { useState, useEffect } from 'react';
 
 var useCustomDimensions = function useCustomDimensions() {

package/build/esm/{ussIsSticky-bbc52602.js → ussIsSticky-f8000322.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-d8efc5f4.js';
+import './index-7919401b.js';
 import { useRef, useState, useEffect } from 'react';
 
 function useStickyScroll() {

package/build/types/web-planner-react/src/components/Settings/SettingsHeaderContainer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Settings/SettingsHeaderContainer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;0CAEwD,KAAK;;;AAyB9D,wBAAiD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Settings/SettingsHeaderContainer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;0CAEwD,KAAK;;;AA4B9D,wBAAiD"}

package/build/types/web-planner-react/src/components/Settings/SettingsSwiper/useSwiperHook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSwiperHook.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Settings/SettingsSwiper/useSwiperHook.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,QAAQ,CAAC;AAEhC,OAAO,WAAW,MAAM,gCAAgC,CAAC;AAEzD,eAAO,MAAM,aAAa,gBAAiB,WAAW;;;;2BAoDtB,GAAG;;;;;CAoClC,CAAC"}
+{"version":3,"file":"useSwiperHook.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Settings/SettingsSwiper/useSwiperHook.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,QAAQ,CAAC;AAEhC,OAAO,WAAW,MAAM,gCAAgC,CAAC;AAEzD,eAAO,MAAM,aAAa,gBAAiB,WAAW;;;;2BAoDtB,GAAG;;;;;CAqClC,CAAC"}

package/build/types/web-planner-react/src/components/TabGroup/TabGroupVertical/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TabGroup/TabGroupVertical/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,KAAK;CAAG;iCAEe,KAAK;;;AAiEtC,wBAA0C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TabGroup/TabGroupVertical/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,KAAK;CAAG;iCAEe,KAAK;;;AAkEtC,wBAA0C"}

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

@@ -25,9 +25,7 @@ export default class TabGroupState {
     tabGroupItems: Map<string, SVGSVGElement | HTMLDivElement | HTMLButtonElement | null>;
     setTabGroupItems(key: string, element: SVGSVGElement | HTMLDivElement | HTMLButtonElement | null): void;
     navigateToTabgroupByPosNr(posNr: number): void;
-    get allTabGroups(): {
-        [codex: string]: TabGroup;
-    };
+    get allTabGroups(): Map<string, TabGroup>;
     get hasPlanner(): boolean;
     get currentStepIsVisible(): boolean;
     get firstVisibleConfigStep(): ConfigStep | undefined;

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}}]);