@crystaldesign/diva-web-planner-react 25.5.0-rc.27 → 25.5.0-rc.28

package/build/esm/{index-5a567353.js → index-faf88b89.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-dddd0461.js';
+import { s as styleInject, u as useViewHandler } from './index-809780fc.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-141a9835.js';
+import { S as SettingsItem } from './index-d18da588.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,52 +22,52 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'sift';
-import './index-349fd05a.js';
-import './index-9119067d.js';
-import './index-ae375a1d.js';
-import './index-fb4c47c0.js';
-import './index-bf85d5db.js';
-import './index.module-a0c4b21f.js';
-import './index-b4ec8746.js';
+import './index-0bb37756.js';
+import './index-8ab01088.js';
+import './index-6f5aa0f1.js';
+import './index-ef356cfe.js';
+import './index-030caea6.js';
+import './index.module-8fdc86d8.js';
+import './index-4daed3da.js';
 import 'react-switch';
-import './index-46013c14.js';
-import './index-7e1d60e9.js';
-import './index-68d421b2.js';
+import './index-0ddfd8bc.js';
+import './index-6c50c7dc.js';
+import './index-bd3f0053.js';
 import 'react-dropdown';
-import './index-b4dd73a5.js';
+import './index-68366c8c.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-a38f7ee2.js';
-import './index-c678a806.js';
-import './index-42cf3868.js';
+import './index-6972b7fe.js';
+import './index-1326eaaa.js';
+import './index-258e0d94.js';
 import '@crystaldesign/content-box';
-import './index-bc449081.js';
-import './index-b6fb9243.js';
-import './index-0b75fd6f.js';
-import './index-5844e207.js';
-import './index-494a33ff.js';
-import './index-d45eb2fb.js';
+import './index-7f687df2.js';
+import './index-321134e3.js';
+import './index-cf7d1144.js';
+import './index-bf7c0b0c.js';
+import './index-423f1a72.js';
+import './index-780ba5a4.js';
 import 'react-laag';
-import './index-779a1d55.js';
-import './index-b3b49b3e.js';
-import './index-79003f28.js';
-import './index-99ece395.js';
-import './index-de26c395.js';
-import './index-67643c91.js';
-import './index-0b2a2009.js';
-import './index-d08e1fa9.js';
-import './index-93c6851b.js';
-import './index-03c8942d.js';
-import './index.module-91167c53.js';
-import './index-985a272d.js';
-import './index-ecd23c7b.js';
-import './index-e3245818.js';
-import './index-eb3b2a3d.js';
-import './index-d92c1c0e.js';
-import './index-0bf1c212.js';
-import './index-0087b67a.js';
-import './index.module-f896b215.js';
-import './index-3fe1ca19.js';
-import './index-da6ff350.js';
+import './index-c4882ec4.js';
+import './index-fc8aff7e.js';
+import './index-147a4cd3.js';
+import './index-abc92607.js';
+import './index-9e496c14.js';
+import './index-ab474663.js';
+import './index-2eb207ca.js';
+import './index-5f272783.js';
+import './index-80f87139.js';
+import './index-ee87477d.js';
+import './index.module-cf670dee.js';
+import './index-ded81cf2.js';
+import './index-cb87e961.js';
+import './index-fa27e24a.js';
+import './index-4722a687.js';
+import './index-c3f9b7ca.js';
+import './index-0d7b8092.js';
+import './index-b01e11fd.js';
+import './index.module-c7b76f7b.js';
+import './index-641c7c84.js';
+import './index-8329bde5.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-3e845d6d.js → index-fbf8e14d.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-dddd0461.js';
+import { s as styleInject, u as useViewHandler } from './index-809780fc.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-13ac6eba.js';
-import Product from './index-aa3e1bba.js';
-import Settings from './index-cce116b6.js';
-import NavigationButtons from './index-67dcd483.js';
-import BasketAction from './index-8f619e2f.js';
-import TabGroup from './index-b9b8e173.js';
+import Inputbox from './index-6a4304f8.js';
+import Product from './index-fa8503f8.js';
+import Settings from './index-fe8ebb8a.js';
+import NavigationButtons from './index-9da5b73d.js';
+import BasketAction from './index-7b28cdba.js';
+import TabGroup from './index-b2da9c15.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-1591062e.js';
+import BarrierActions from './index-8a62b35d.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -28,65 +28,65 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f51a30bc.js';
-import './index-9119067d.js';
-import './index-c7006187.js';
-import './index-a98a4413.js';
-import './index-6e5300fe.js';
+import './index-92a0b312.js';
+import './index-8ab01088.js';
+import './index-7f89af9c.js';
+import './index-97ee069d.js';
+import './index-108f7354.js';
 import 'react-laag';
-import './index-6ffa1413.js';
-import './index-34c2082e.js';
-import './index-141a9835.js';
+import './index-95937ead.js';
+import './index-ccafa4af.js';
+import './index-d18da588.js';
 import 'sift';
-import './index-349fd05a.js';
-import './index-ae375a1d.js';
-import './index-fb4c47c0.js';
-import './index-bf85d5db.js';
-import './index.module-a0c4b21f.js';
-import './index-b4ec8746.js';
+import './index-0bb37756.js';
+import './index-6f5aa0f1.js';
+import './index-ef356cfe.js';
+import './index-030caea6.js';
+import './index.module-8fdc86d8.js';
+import './index-4daed3da.js';
 import 'react-switch';
-import './index-46013c14.js';
-import './index-7e1d60e9.js';
-import './index-68d421b2.js';
+import './index-0ddfd8bc.js';
+import './index-6c50c7dc.js';
+import './index-bd3f0053.js';
 import 'react-dropdown';
-import './index-b4dd73a5.js';
-import './index-a38f7ee2.js';
-import './index-c678a806.js';
-import './index-42cf3868.js';
+import './index-68366c8c.js';
+import './index-6972b7fe.js';
+import './index-1326eaaa.js';
+import './index-258e0d94.js';
 import '@crystaldesign/content-box';
-import './index-bc449081.js';
-import './index-b6fb9243.js';
-import './index-0b75fd6f.js';
-import './index-5844e207.js';
-import './index-494a33ff.js';
-import './index-d45eb2fb.js';
-import './index-779a1d55.js';
-import './index-b3b49b3e.js';
-import './index-79003f28.js';
-import './index-99ece395.js';
-import './index-de26c395.js';
-import './index-67643c91.js';
-import './index-0b2a2009.js';
-import './index-d08e1fa9.js';
-import './index-93c6851b.js';
-import './index-03c8942d.js';
-import './index.module-91167c53.js';
-import './index-985a272d.js';
-import './index-ecd23c7b.js';
-import './index-e3245818.js';
-import './index-eb3b2a3d.js';
-import './index-d92c1c0e.js';
-import './index-0bf1c212.js';
-import './index-0087b67a.js';
-import './index.module-f896b215.js';
-import './index-3fe1ca19.js';
-import './index-da6ff350.js';
-import './index-3a198199.js';
-import './index-e992e9f3.js';
-import './index-c1c55d9f.js';
-import './index-385a74f3.js';
-import './index-6dfff29e.js';
-import './index-236c3bbc.js';
+import './index-7f687df2.js';
+import './index-321134e3.js';
+import './index-cf7d1144.js';
+import './index-bf7c0b0c.js';
+import './index-423f1a72.js';
+import './index-780ba5a4.js';
+import './index-c4882ec4.js';
+import './index-fc8aff7e.js';
+import './index-147a4cd3.js';
+import './index-abc92607.js';
+import './index-9e496c14.js';
+import './index-ab474663.js';
+import './index-2eb207ca.js';
+import './index-5f272783.js';
+import './index-80f87139.js';
+import './index-ee87477d.js';
+import './index.module-cf670dee.js';
+import './index-ded81cf2.js';
+import './index-cb87e961.js';
+import './index-fa27e24a.js';
+import './index-4722a687.js';
+import './index-c3f9b7ca.js';
+import './index-0d7b8092.js';
+import './index-b01e11fd.js';
+import './index.module-c7b76f7b.js';
+import './index-641c7c84.js';
+import './index-8329bde5.js';
+import './index-abeb15f9.js';
+import './index-c559cb0d.js';
+import './index-442c12f6.js';
+import './index-182a1313.js';
+import './index-5ebb200e.js';
+import './index-b9f45b75.js';
 
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";

package/build/esm/{index-b3b49b3e.js → index-fc8aff7e.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-dddd0461.js';
+import { s as styleInject } from './index-809780fc.js';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import PricePreview from './index-7e1d60e9.js';
+import PricePreview from './index-6c50c7dc.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';

package/build/esm/{index-280d8f95.js → index-fd22842d.js}

@@ -1,12 +1,12 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-dddd0461.js';
+import { s as styleInject, u as useViewHandler } from './index-809780fc.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-14b458ae.js';
+import NavBar from './index-ece32b7c.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-cce116b6.js → index-fe8ebb8a.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-dddd0461.js';
+import { s as styleInject, u as useViewHandler } from './index-809780fc.js';
 import 'react';
-import SettingsHeaderContainer from './index-f51a30bc.js';
-import SettingsScroller from './index-34c2082e.js';
+import SettingsHeaderContainer from './index-92a0b312.js';
+import SettingsScroller from './index-ccafa4af.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -22,59 +22,59 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-9119067d.js';
-import './index-c7006187.js';
-import './index-a98a4413.js';
+import './index-8ab01088.js';
+import './index-7f89af9c.js';
+import './index-97ee069d.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6e5300fe.js';
+import './index-108f7354.js';
 import 'react-laag';
-import './index-6ffa1413.js';
-import './index-141a9835.js';
+import './index-95937ead.js';
+import './index-d18da588.js';
 import 'sift';
-import './index-349fd05a.js';
-import './index-ae375a1d.js';
-import './index-fb4c47c0.js';
-import './index-bf85d5db.js';
-import './index.module-a0c4b21f.js';
-import './index-b4ec8746.js';
+import './index-0bb37756.js';
+import './index-6f5aa0f1.js';
+import './index-ef356cfe.js';
+import './index-030caea6.js';
+import './index.module-8fdc86d8.js';
+import './index-4daed3da.js';
 import 'react-switch';
-import './index-46013c14.js';
-import './index-7e1d60e9.js';
-import './index-68d421b2.js';
+import './index-0ddfd8bc.js';
+import './index-6c50c7dc.js';
+import './index-bd3f0053.js';
 import 'react-dropdown';
-import './index-b4dd73a5.js';
-import './index-a38f7ee2.js';
-import './index-c678a806.js';
-import './index-42cf3868.js';
+import './index-68366c8c.js';
+import './index-6972b7fe.js';
+import './index-1326eaaa.js';
+import './index-258e0d94.js';
 import '@crystaldesign/content-box';
-import './index-bc449081.js';
-import './index-b6fb9243.js';
-import './index-0b75fd6f.js';
-import './index-5844e207.js';
-import './index-494a33ff.js';
-import './index-d45eb2fb.js';
-import './index-779a1d55.js';
-import './index-b3b49b3e.js';
-import './index-79003f28.js';
-import './index-99ece395.js';
-import './index-de26c395.js';
-import './index-67643c91.js';
-import './index-0b2a2009.js';
-import './index-d08e1fa9.js';
-import './index-93c6851b.js';
-import './index-03c8942d.js';
-import './index.module-91167c53.js';
-import './index-985a272d.js';
-import './index-ecd23c7b.js';
-import './index-e3245818.js';
-import './index-eb3b2a3d.js';
-import './index-d92c1c0e.js';
-import './index-0bf1c212.js';
-import './index-0087b67a.js';
-import './index.module-f896b215.js';
-import './index-3fe1ca19.js';
-import './index-da6ff350.js';
-import './index-3a198199.js';
+import './index-7f687df2.js';
+import './index-321134e3.js';
+import './index-cf7d1144.js';
+import './index-bf7c0b0c.js';
+import './index-423f1a72.js';
+import './index-780ba5a4.js';
+import './index-c4882ec4.js';
+import './index-fc8aff7e.js';
+import './index-147a4cd3.js';
+import './index-abc92607.js';
+import './index-9e496c14.js';
+import './index-ab474663.js';
+import './index-2eb207ca.js';
+import './index-5f272783.js';
+import './index-80f87139.js';
+import './index-ee87477d.js';
+import './index.module-cf670dee.js';
+import './index-ded81cf2.js';
+import './index-cb87e961.js';
+import './index-fa27e24a.js';
+import './index-4722a687.js';
+import './index-c3f9b7ca.js';
+import './index-0d7b8092.js';
+import './index-b01e11fd.js';
+import './index.module-c7b76f7b.js';
+import './index-641c7c84.js';
+import './index-8329bde5.js';
+import './index-abeb15f9.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var tabsHorizontal = "tabs-horizontal-052sb";

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-dddd0461.js';
+export { W as WebPlannerReact, c as default } from './index-809780fc.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-3fbc1a09.js → index.module-0aba2353.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-dddd0461.js';
+import { s as styleInject } from './index-809780fc.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var mobile = "mobile--gThy";

package/build/esm/{index.module-05133872.js → index.module-3b581850.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-dddd0461.js';
+import { s as styleInject } from './index-809780fc.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-83048d5c.js → index.module-45f735fa.js}

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

package/build/esm/{index.module-795ee95c.js → index.module-775d65fe.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-dddd0461.js';
+import { s as styleInject } from './index-809780fc.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/esm/{index.module-a0c4b21f.js → index.module-8fdc86d8.js}

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

package/build/esm/{index.module-69468107.js → index.module-a95d4616.js}

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

package/build/esm/{index.module-5acd5cd6.js → index.module-a96ea92d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-dddd0461.js';
+import { s as styleInject } from './index-809780fc.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{index.module-87e9ced9.js → index.module-ab3e1b5b.js}

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

package/build/esm/{index.module-19439d4f.js → index.module-b1950b6d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-dddd0461.js';
+import { s as styleInject } from './index-809780fc.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{index.module-f896b215.js → index.module-c7b76f7b.js}

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

package/build/esm/{index.module-91167c53.js → index.module-cf670dee.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-dddd0461.js';
+import { s as styleInject } from './index-809780fc.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-160cff34.js → index.module-d301e3ed.js}

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

package/build/esm/{index.module-54d3ea36.js → index.module-e43483bc.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-dddd0461.js';
+import { s as styleInject } from './index-809780fc.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{react-json-viewer-5dafab85.js → react-json-viewer-5d31d45c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-dddd0461.js';
+import { s as styleInject } from './index-809780fc.js';
 
 var css_248z = "/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n";
 styleInject(css_248z);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4639.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4639],{17628:(e,n,t)=>{t.d(n,{V:()=>a});var a=function getIconOfTabGroup(e,n,t){var a=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return a+t[e.toLowerCase()];if(t[e])return a+t[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}},74639:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var a=t(65515),o=t.n(a),s=t(91923),r=t(9420),i=t(87363),d=t(88683),u=t(93379),l=t.n(u),c=t(7795),m=t.n(c),x=t(90569),g=t.n(x),b=t(3565),v=t.n(b),p=t(19216),f=t.n(p),h=t(44589),k=t.n(h),S=t(86914),C={};C.styleTagTransform=k(),C.setAttributes=v(),C.insert=g().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f();l()(S.ZP,C);S.ZP&&S.ZP.locals&&S.ZP.locals;var A=t(17628),Z=t(47514);const w=(0,r.Pi)((function TabGroupItemHorizontal(e){var n=e.tabGroup,t=(0,s.NP)(),a=(0,d.useTranslation)().t,r=(0,i.useRef)(null),u=t.tabGroupState.curTabGroup;(0,i.useEffect)((function(){t.tabGroupState.setTabGroupItems(n.key,r.current)}),[r]);var l=n.title==(null==u?void 0:u.title)&&n.posNr==(null==u?void 0:u.posNr),c=(0,d.useDivaCore)().state.apiConfig.baseCdnUrl,m=(0,A.V)(n.key,c,t.getViewConfig().tabGroupsIcons);return(0,Z.jsxs)("div",{ref:r,onClick:function onClick(){return function onTabGroupClick(e){t.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:o()(t.uiState.isInMobileView?S.Qt:S.TI,t.uiState.isMobileLandscape?S.rK:void 0,l?S.F1:void 0,t.tabGroupAlreadyVisited(n)&&!l?S.to:void 0),children:[(l||!m)&&a("configurator."+n.title,n.title),l&&(0,Z.jsx)("div",{className:S.eh}),m&&(0,Z.jsx)("div",{className:S.x3,style:{WebkitMaskImage:"url("+m+")",maskImage:"url("+m+")"}})]})}))},86914:(e,n,t)=>{t.d(n,{F1:()=>u,Qt:()=>c,TI:()=>i,ZP:()=>g,eh:()=>m,rK:()=>d,to:()=>l,x3:()=>x});var a=t(8081),o=t.n(a),s=t(23645),r=t.n(s)()(o());r.push([e.id,".index-module--uqAxS {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n\n.index-module--qcOFt.index-module--uqAxS {\n  line-height: 38px;\n}\n\n.index-module--uqAxS.index-module--HhZfZ,\n.index-module--uqAxS.index-module--HhZfZ.index-module--uqAxS:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--uqAxS.index-module--GnCdz {\n  background-color: #b1b1b1;\n}\n\n.index-module--GnCdz.index-module--uqAxS:hover {\n  background-color: #bbbbbb;\n}\n.index-module--uqAxS.index-module--uqAxS:hover {\n  background-color: #c8c8c8;\n}\n\n.index-module--uqAxS.index-module--HhZfZ {\n  color: white;\n}\n\n.index-module--xvJUU {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: width 0.4s ease;\n  line-height: 56px;\n  padding: 0 6px 0 13px;\n  color: var(--secondaryColor);\n  font-size: 10px;\n  font-weight: 600;\n  position: relative;\n}\n\n.index-module--L6PAW {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--xvJUU.index-module--HhZfZ {\n  background-color: var(--thirdColor);\n}\n\n.index-module--tQEnI {\n  display: block;\n  background-color: var(--secondaryColor);\n  background-position: center center;\n  width: 30px;\n  height: 50px;\n  margin: auto;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center center;\n  float: right;\n}\n.index-module--HhZfZ .index-module--tQEnI {\n  margin-left: 5px;\n}\n",""]);var i="index-module--uqAxS",d="index-module--qcOFt",u="index-module--HhZfZ",l="index-module--GnCdz",c="index-module--xvJUU",m="index-module--L6PAW",x="index-module--tQEnI";const g=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4639],{17628:(e,n,t)=>{t.d(n,{V:()=>o});var o=function getIconOfTabGroup(e,n,t){var o=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return o+t[e.toLowerCase()];if(t[e])return o+t[e]}switch(e){case"StaticRoomList":return o+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return o+"planner.svg";case"Summary":return o+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return o+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return o+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return o+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return o+"dimensions.svg";case"Topper":case"surmatelas":return o+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return o+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return o+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return o+"upholstery.svg";case"Sitz":case"Sitztiefe":return o+"seat.svg";case"Armlehne":return o+"armrest.svg";case"ACCESSOIRES":return o+"additionalArticles.svg";case"Rcken":return o+"sofaBackrest.svg";case"Konfiguration":return o+"material_config.svg";case"Zustand":return o+"settings_suggest.svg"}}},74639:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(65515),a=t.n(o),r=t(91923),s=t(9420),i=t(87363),d=t(88683),u=t(93379),l=t.n(u),c=t(7795),m=t.n(c),x=t(90569),g=t.n(x),b=t(3565),p=t.n(b),v=t(19216),f=t.n(v),h=t(44589),k=t.n(h),S=t(86914),C={};C.styleTagTransform=k(),C.setAttributes=p(),C.insert=g().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f();l()(S.ZP,C);S.ZP&&S.ZP.locals&&S.ZP.locals;var A=t(17628),Z=t(47514);const w=(0,s.Pi)((function TabGroupItemHorizontal(e){var n=e.tabGroup,t=(0,r.NP)(),o=(0,d.useTranslation)().t,s=(0,i.useRef)(null),u=t.tabGroupState.curTabGroup;(0,i.useEffect)((function(){t.tabGroupState.setTabGroupItems(n.key,s.current)}),[s]);var l=n.title==(null==u?void 0:u.title)&&n.posNr==(null==u?void 0:u.posNr),c=(0,d.useDivaCore)().state.apiConfig.baseCdnUrl,m=(0,A.V)(n.key,c,t.getViewConfig().tabGroupsIcons);return(0,Z.jsxs)("div",{ref:s,onClick:function onClick(){return function onTabGroupClick(e){t.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:a()(t.uiState.isInMobileView?S.Qt:S.TI,t.uiState.isMobileLandscape?S.rK:void 0,l?S.F1:void 0,t.tabGroupAlreadyVisited(n)&&!l?S.to:void 0),children:[(l||!m)&&o("configurator."+n.title,n.title),l&&(0,Z.jsx)("div",{className:S.eh}),m&&(0,Z.jsx)("div",{className:S.x3,style:{WebkitMaskImage:"url("+m+")",maskImage:"url("+m+")"}})]})}))},86914:(e,n,t)=>{t.d(n,{F1:()=>u,Qt:()=>c,TI:()=>i,ZP:()=>g,eh:()=>m,rK:()=>d,to:()=>l,x3:()=>x});var o=t(8081),a=t.n(o),r=t(23645),s=t.n(r)()(a());s.push([e.id,".index-module--uqAxS {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n}\n\n.index-module--qcOFt.index-module--uqAxS {\n  line-height: 38px;\n}\n\n.index-module--uqAxS.index-module--HhZfZ,\n.index-module--uqAxS.index-module--HhZfZ.index-module--uqAxS:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--uqAxS.index-module--GnCdz {\n  background-color: #b1b1b1;\n}\n\n.index-module--GnCdz.index-module--uqAxS:hover {\n  background-color: #bbbbbb;\n}\n.index-module--uqAxS.index-module--uqAxS:hover {\n  background-color: #c8c8c8;\n}\n\n.index-module--uqAxS.index-module--HhZfZ {\n  color: white;\n}\n\n.index-module--xvJUU {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: width 0.4s ease;\n  line-height: 56px;\n  padding: 0 6px 0 13px;\n  color: var(--secondaryColor);\n  font-size: 10px;\n  font-weight: 600;\n  position: relative;\n}\n\n.index-module--L6PAW {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--xvJUU.index-module--HhZfZ {\n  background-color: var(--thirdColor);\n}\n\n.index-module--tQEnI {\n  display: block;\n  background-color: var(--secondaryColor);\n  background-position: center center;\n  width: 30px;\n  height: 50px;\n  margin: auto;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center center;\n  float: right;\n}\n.index-module--HhZfZ .index-module--tQEnI {\n  margin-left: 5px;\n}\n",""]);var i="index-module--uqAxS",d="index-module--qcOFt",u="index-module--HhZfZ",l="index-module--GnCdz",c="index-module--xvJUU",m="index-module--L6PAW",x="index-module--tQEnI";const g=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6193.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6193],{76193:(n,e,o)=>{o.r(e),o.d(e,{default:()=>L});var i=o(65515),d=o.n(i),r=o(91923),t=o(9420),l=o(87363),a=o(88683),u=o(93379),c=o.n(u),s=o(7795),m=o.n(s),b=o(90569),x=o.n(b),p=o(3565),g=o.n(p),h=o(19216),v=o.n(h),k=o(44589),f=o.n(k),w=o(39202),G={};G.styleTagTransform=f(),G.setAttributes=g(),G.insert=x().bind(null,"head"),G.domAPI=m(),G.insertStyleElement=v();c()(w.ZP,G);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=o(47514);const L=(0,t.Pi)((function TabGroupItemHorizontalGold(n){var e=n.tabGroup,o=(0,r.NP)(),i=(0,a.useTranslation)().t,t=(0,l.useRef)(null),u=o.tabGroupState.curTabGroup;(0,l.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,t.current)}),[t]);var c=e.posNr==(null==u?void 0:u.posNr);return(0,I.jsxs)("div",{ref:t,onClick:function onClick(){return function onTabGroupClick(n){o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(w.TI,o.uiState.isMobileLandscape?w.rK:void 0,o.uiState.isMobilePortrait?w.tW:void 0,e.title==(null==u?void 0:u.title)&&c?w.F1:void 0,!o.tabGroupAlreadyVisited(e)||e.title==(null==u?void 0:u.title)&&c?void 0:w.to),children:[(0,I.jsx)("span",{className:d()(w.EF),children:e.posNr}),i("configurator."+e.title,e.title)]})}))},39202:(n,e,o)=>{o.d(e,{EF:()=>h,F1:()=>p,TI:()=>m,ZP:()=>v,rK:()=>x,tW:()=>b,to:()=>g});var i=o(8081),d=o.n(i),r=o(23645),t=o.n(r),l=o(61667),a=o.n(l),u=new URL(o(6893),o.b),c=t()(d()),s=a()(u);c.push([n.id,".index-module--LnV_Q {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n.index-module--dkOeS.index-module--LnV_Q,\n.index-module--Ou_qP.index-module--LnV_Q {\n  line-height: 38px;\n}\n\n.index-module--LnV_Q.index-module--rH4Y7 {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.index-module--rH4Y7.index-module--LnV_Q:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--LEDZd {\n  background-color: #b1b1b1;\n}\n\n.index-module--LEDZd.index-module--LnV_Q:hover {\n  background-color: #bbbbbb;\n}\n.index-module--LnV_Q:hover {\n  background-color: #c8c8c8;\n}\n\n.index-module--sjwGE {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  margin-right: 10px;\n  margin-top: 10px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 21px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.index-module--rH4Y7 .index-module--sjwGE {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.index-module--LEDZd .index-module--sjwGE {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n.index-module--LEDZd .index-module--sjwGE:empty:before {\n  content: '\\200b';\n}\n",""]);var m="index-module--LnV_Q",b="index-module--dkOeS",x="index-module--Ou_qP",p="index-module--rH4Y7",g="index-module--LEDZd",h="index-module--sjwGE";const v=c},6893:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6193],{76193:(n,e,o)=>{o.r(e),o.d(e,{default:()=>L});var i=o(65515),r=o.n(i),t=o(91923),d=o(9420),l=o(87363),a=o(88683),u=o(93379),c=o.n(u),s=o(7795),m=o.n(s),b=o(90569),x=o.n(b),p=o(3565),g=o.n(p),h=o(19216),v=o.n(h),k=o(44589),f=o.n(k),w=o(39202),G={};G.styleTagTransform=f(),G.setAttributes=g(),G.insert=x().bind(null,"head"),G.domAPI=m(),G.insertStyleElement=v();c()(w.ZP,G);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=o(47514);const L=(0,d.Pi)((function TabGroupItemHorizontalGold(n){var e=n.tabGroup,o=(0,t.NP)(),i=(0,a.useTranslation)().t,d=(0,l.useRef)(null),u=o.tabGroupState.curTabGroup;(0,l.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,d.current)}),[d]);var c=e.posNr==(null==u?void 0:u.posNr);return(0,I.jsxs)("div",{ref:d,onClick:function onClick(){return function onTabGroupClick(n){o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:r()(w.TI,o.uiState.isMobileLandscape?w.rK:void 0,o.uiState.isMobilePortrait?w.tW:void 0,e.title==(null==u?void 0:u.title)&&c?w.F1:void 0,!o.tabGroupAlreadyVisited(e)||e.title==(null==u?void 0:u.title)&&c?void 0:w.to),children:[(0,I.jsx)("span",{className:r()(w.EF),children:e.posNr}),i("configurator."+e.title,e.title)]})}))},39202:(n,e,o)=>{o.d(e,{EF:()=>h,F1:()=>p,TI:()=>m,ZP:()=>v,rK:()=>x,tW:()=>b,to:()=>g});var i=o(8081),r=o.n(i),t=o(23645),d=o.n(t),l=o(61667),a=o.n(l),u=new URL(o(6893),o.b),c=d()(r()),s=a()(u);c.push([n.id,".index-module--LnV_Q {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition:\n    background-color 0.3s ease-out,\n    color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n}\n.index-module--dkOeS.index-module--LnV_Q,\n.index-module--Ou_qP.index-module--LnV_Q {\n  line-height: 38px;\n}\n\n.index-module--LnV_Q.index-module--rH4Y7 {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.index-module--rH4Y7.index-module--LnV_Q:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--LEDZd {\n  background-color: #b1b1b1;\n}\n\n.index-module--LEDZd.index-module--LnV_Q:hover {\n  background-color: #bbbbbb;\n}\n.index-module--LnV_Q:hover {\n  background-color: #c8c8c8;\n}\n\n.index-module--sjwGE {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  margin-right: 10px;\n  margin-top: 10px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 21px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.index-module--rH4Y7 .index-module--sjwGE {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.index-module--LEDZd .index-module--sjwGE {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n.index-module--LEDZd .index-module--sjwGE:empty:before {\n  content: '\\200b';\n}\n",""]);var m="index-module--LnV_Q",b="index-module--dkOeS",x="index-module--Ou_qP",p="index-module--rH4Y7",g="index-module--LEDZd",h="index-module--sjwGE";const v=c},6893:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6735.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6735],{96735:(n,e,o)=>{o.r(e),o.d(e,{default:()=>y});var i=o(65515),t=o.n(i),l=o(91923),d=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),c=o.n(b),m=o(3565),h=o.n(m),f=o(19216),g=o.n(f),v=o(44589),S=o.n(v),T=o(67463),P={};P.styleTagTransform=S(),P.setAttributes=h(),P.insert=c().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=g();u()(T.ZP,P);T.ZP&&T.ZP.locals&&T.ZP.locals;var k=o(47514);const y=(0,d.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),i=(0,a.useTranslation)().t,d=(0,r.useRef)(null),s=o.tabGroupState.curTabGroup;(0,r.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,d.current)}),[d]);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,k.jsxs)("div",{className:T.YS,children:[(0,k.jsxs)("div",{ref:d,onClick:function onClick(){return function onTabGroupClick(n){o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:t()(T.TI,o.uiState.isMobileLandscape?T.rK:void 0,o.uiState.isMobilePortrait?T.tW:void 0,e.title==(null==s?void 0:s.title)&&p?T.F1:void 0),children:[(0,k.jsx)("span",{className:t()(T.EF),children:e.posNr}),i("configurator."+e.title,e.title)]}),!x&&(0,k.jsx)("div",{className:T.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>c,rK:()=>u,tW:()=>s});var i=o(8081),t=o.n(i),l=o(23645),d=o.n(l)()(t());d.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: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n}\n.index-module--HbFPE.index-module--p2J8S,\n.index-module--qh0aK.index-module--p2J8S {\n  line-height: 50px;\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--p2J8S.index-module--nx1TR {\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}\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--HEb_w {\n  width: 26px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--qh0aK",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const c=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6735],{96735:(n,e,o)=>{o.r(e),o.d(e,{default:()=>y});var i=o(65515),t=o.n(i),l=o(91923),d=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),c=o.n(b),m=o(3565),h=o.n(m),f=o(19216),g=o.n(f),v=o(44589),S=o.n(v),T=o(67463),P={};P.styleTagTransform=S(),P.setAttributes=h(),P.insert=c().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=g();u()(T.ZP,P);T.ZP&&T.ZP.locals&&T.ZP.locals;var k=o(47514);const y=(0,d.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),i=(0,a.useTranslation)().t,d=(0,r.useRef)(null),s=o.tabGroupState.curTabGroup;(0,r.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,d.current)}),[d]);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,k.jsxs)("div",{className:T.YS,children:[(0,k.jsxs)("div",{ref:d,onClick:function onClick(){return function onTabGroupClick(n){o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:t()(T.TI,o.uiState.isMobileLandscape?T.rK:void 0,o.uiState.isMobilePortrait?T.tW:void 0,e.title==(null==s?void 0:s.title)&&p?T.F1:void 0),children:[(0,k.jsx)("span",{className:t()(T.EF),children:e.posNr}),i("configurator."+e.title,e.title)]}),!x&&(0,k.jsx)("div",{className:T.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>c,rK:()=>u,tW:()=>s});var i=o(8081),t=o.n(i),l=o(23645),d=o.n(l)()(t());d.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.index-module--HbFPE.index-module--p2J8S,\n.index-module--qh0aK.index-module--p2J8S {\n  line-height: 50px;\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--p2J8S.index-module--nx1TR {\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}\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--HEb_w {\n  width: 26px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--qh0aK",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const c=d}}]);