@crystaldesign/diva-web-planner-react 24.14.0-beta.15 → 24.14.0-beta.17

package/build/esm/{index-7323277f.js → index-0b6e322f.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-2f7c236c.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-82b57313.js';
-import Toggle from './index-6a4e568e.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-4a03ac8d.js';
+import Toggle from './index-2ddaa3f5.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-05e5de5b.js';
+import InfoIcon from './index-42bebf29.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,8 @@ var LOG = getLogger('Planner', 'ToggleName');
 var ToggleName = function ToggleName(_ref) {
   var _item$selectedElement;
   var item = _ref.item,
-    paletteId = _ref.paletteId;
+    paletteId = _ref.paletteId,
+    style = _ref.style;
   var viewHandler = useViewHandler();
   var items = item.groups[0].items;
   var yesItem;
@@ -63,8 +64,9 @@ var ToggleName = function ToggleName(_ref) {
     ref: function ref(_ref2) {
       return item.htmlRef = _ref2;
     },
+    style: style,
     children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, name, !checked ? sel : undefined),
+      className: classnames(columToggleName, title, name, !checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
       },
@@ -74,7 +76,7 @@ var ToggleName = function ToggleName(_ref) {
         }
       })
     }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum),
+      className: classnames(columToggleName),
       children: /*#__PURE__*/jsx("div", {
         className: toggleWrapper,
         children: /*#__PURE__*/jsx(Toggle, {
@@ -87,7 +89,7 @@ var ToggleName = function ToggleName(_ref) {
         })
       })
     }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, name, checked ? sel : undefined),
+      className: classnames(columToggleName, title, name, checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
       },
@@ -99,8 +101,10 @@ var ToggleName = function ToggleName(_ref) {
     }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
       item: contentItem,
       style: {
-        bottom: 'calc(50% - 10px)',
-        right: '-5%'
+        top: 'unset',
+        bottom: 'unset',
+        right: 'unset',
+        position: 'relative'
       }
     })]
   });

package/build/esm/{index-a64e88a7.js → index-0bd1d3c1.js}

@@ -1,7 +1,7 @@
 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-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-2f7c236c.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';

package/build/esm/{index-b06aefd1.js → index-0c5a2f00.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-2f7c236c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-30bda910.js';
-import IsActive from './index-fd7b60d3.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-b7e4c06a.js';
+import IsActive from './index-938b9a93.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-282b2fdb.js → index-0e300667.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-2f7c236c.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-d7fc2242.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-cc3cd694.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4bdfc184.js → index-0e69a3b5.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-2f7c236c.js';
 import { useEffect } from 'react';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-63bb458b.js → index-0eb2797b.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-2f7c236c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-3295b21c.js → index-0f40d41a.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-2f7c236c.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-2e8e957d.js';
-import { S as SettingsItem, c as collapsableInner } from './index-f7b42992.js';
-import ShelfAccessoires from './index-46472997.js';
-import ShelfAccessoiresOld from './index-bcaed9f9.js';
-import GridList from './index-acc2af79.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-876511aa.js';
+import { S as SettingsItem, c as collapsableInner } from './index-11b376a4.js';
+import ShelfAccessoires from './index-89293eb1.js';
+import ShelfAccessoiresOld from './index-cdeadd44.js';
+import GridList from './index-f914b555.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -22,56 +22,56 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-6a70e5b3.js';
-import './index-31815467.js';
-import './index-46e6e40f.js';
-import './index-bcbd80e5.js';
-import './index-5a46022e.js';
-import './index.module-82b57313.js';
-import './index-6a4e568e.js';
+import './index-44b925a1.js';
+import './index-c0b9142a.js';
+import './index-61f2f1cb.js';
+import './index-d028e33b.js';
+import './index-7380ec4b.js';
+import './index.module-4a03ac8d.js';
+import './index-2ddaa3f5.js';
 import 'react-switch';
-import './index-05e5de5b.js';
-import './index-c6c2ce62.js';
+import './index-42bebf29.js';
+import './index-2bea5932.js';
 import 'react-dropdown';
-import './index-cb82f975.js';
+import './index-735403b3.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-57f275c8.js';
-import './index-0586d33f.js';
-import './index-1728be0c.js';
+import './index-a5225d49.js';
+import './index-6bc42063.js';
+import './index-dc929090.js';
 import '@crystaldesign/content-box';
-import './index-835e5657.js';
-import './index-8747643c.js';
-import './index-94a6e624.js';
-import './index-7323277f.js';
-import './index-31ab9df1.js';
+import './index-ed816afc.js';
+import './index-4b40aa9b.js';
+import './index-f7348bb1.js';
+import './index-0b6e322f.js';
+import './index-6b487ddd.js';
 import '@crystaldesign/products-component';
-import './index-d7e30b8d.js';
-import './index-91e8222b.js';
-import './index-2d788823.js';
+import './index-cbf813c9.js';
+import './index-f981b300.js';
+import './index-e79789dd.js';
 import 'react-laag';
-import './index-b66a4bd4.js';
-import './index-62da2053.js';
-import './index-5a86771b.js';
-import './index-9209f4d4.js';
-import './index-ad03c196.js';
-import './index-87b5753a.js';
-import './index-e65bfb61.js';
-import './index-63bb458b.js';
-import './index-1997099c.js';
-import './index-bcf333b3.js';
-import './index.module-30bda910.js';
-import './index-fd7b60d3.js';
-import './index-de7f0aa6.js';
-import './index-f4a3ffe0.js';
-import './index-205bb466.js';
-import './index-2fb786f7.js';
-import './index-c7db46f5.js';
-import './index-7ad8a57a.js';
-import './index.module-9fc11720.js';
-import './index-f1a1ab2f.js';
-import './index-20071788.js';
+import './index-dcbce3bf.js';
+import './index-a10a7f97.js';
+import './index-fa08ba74.js';
+import './index-88415d04.js';
+import './index-4b9eb6ad.js';
+import './index-c98eb974.js';
+import './index-1a216743.js';
+import './index-0eb2797b.js';
+import './index-83e06769.js';
+import './index-ce8b3422.js';
+import './index.module-b7e4c06a.js';
+import './index-938b9a93.js';
+import './index-b94292a7.js';
+import './index-e28eb17a.js';
+import './index-ab1ec295.js';
+import './index-65428282.js';
+import './index-a4e07ec4.js';
+import './index-2d251034.js';
+import './index.module-b5665c6e.js';
+import './index-4f8c56db.js';
+import './index-b841d8c8.js';
 import 'react-beautiful-dnd';
-import './index-13d21ae9.js';
+import './index-27b81cb8.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-56d8cda7.js → index-0f47e074.js}

@@ -1,4 +1,4 @@
-import './index-f37069da.js';
+import './index-2f7c236c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-130879f3.js → index-118f8615.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-f37069da.js';
+import { s as styleInject } from './index-2f7c236c.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-0586d33f.js';
+import Arrow from './index-6bc42063.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-f7b42992.js → index-11b376a4.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-2f7c236c.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-6a70e5b3.js';
-import ItemVariant from './index-46e6e40f.js';
-import SettingsPaletteGroup from './index-bcbd80e5.js';
-import ToggleOption from './index-5a46022e.js';
-import GroupDropdown from './index-c6c2ce62.js';
-import PromotedProducts from './index-94a6e624.js';
-import ToggleName from './index-7323277f.js';
-import ProductList from './index-31ab9df1.js';
-import itemPaletteTypeComponentMap from './index-91e8222b.js';
-import ItemWrapper from './index-f1a1ab2f.js';
+import TextBox from './index-44b925a1.js';
+import ItemVariant from './index-61f2f1cb.js';
+import SettingsPaletteGroup from './index-d028e33b.js';
+import ToggleOption from './index-7380ec4b.js';
+import GroupDropdown from './index-2bea5932.js';
+import PromotedProducts from './index-f7348bb1.js';
+import ToggleName from './index-0b6e322f.js';
+import ProductList from './index-6b487ddd.js';
+import itemPaletteTypeComponentMap from './index-f981b300.js';
+import ItemWrapper from './index-4f8c56db.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -23,10 +23,10 @@ styleInject(css_248z);
 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; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-3295b21c.js');
+  return import('./index-0f40d41a.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-531e6b99.js');
+  return import('./index-e3ca9757.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;
@@ -66,64 +66,78 @@ var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   //s the catalogteam can define the size of the items so it would be some kind of catalog ux improvment -> TODO refactoring
   var settingsSizes = (_viewHandler$uiState$ = viewHandler.uiState.ViewConfig.settingsSizes) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : {};
   var gridGap = (_settingsSizes$gapDef = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.gapDefault) !== null && _settingsSizes$gapDef !== void 0 ? _settingsSizes$gapDef : '10px';
-  var gridItemSize = (_settingsSizes$sizeDe = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.sizeDefault) !== null && _settingsSizes$sizeDe !== void 0 ? _settingsSizes$sizeDe : '300px';
+  var gridSize = (_settingsSizes$sizeDe = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.sizeDefault) !== null && _settingsSizes$sizeDe !== void 0 ? _settingsSizes$sizeDe : '300px';
+  var infoIconSize = undefined;
   if (item.isRenderedNotInSettingPalette && !item.isRenderedInAccessorieStep) {
-    gridItemSize = '240px';
+    gridSize = '240px';
   } else if (item.type == 'SUMMARY_ARTICLES' || item.type === 'SUMMARY_OPTIONTREE' || item.type == 'SUMMARY_PARTLIST' || item.type == 'VARIANTS') {
-    gridItemSize = 'calc(100% - 20px)';
+    gridSize = 'calc(100% - 20px)';
   } else if (item.type == 'GAL_GROUP_DROPDOWN' || item.type === 'GAL_BIG') {
-    gridItemSize = '100px';
+    gridSize = '100px';
   } else if (item.type == 'ACC') {
     if (settingsSizes.sizeAccessoires) {
-      gridItemSize = settingsSizes.sizeAccessoires;
+      gridSize = settingsSizes.sizeAccessoires;
     }
   } else if (item.type == 'ACC_CONFIG') {
-    gridItemSize = '100%';
+    gridSize = '100%';
   } else if (item.type.startsWith('GAL_SMALL')) {
-    gridItemSize = '60px';
+    gridSize = '60px';
   } else if (item.type == 'RANGE') {
-    gridItemSize = '100%';
+    gridSize = '100%';
   } else if (item.type == 'GAL') {
     var _settingsSizes$sizeGa, _settingsSizes$gapGal;
-    gridItemSize = (_settingsSizes$sizeGa = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.sizeGallery) !== null && _settingsSizes$sizeGa !== void 0 ? _settingsSizes$sizeGa : '80px';
+    gridSize = (_settingsSizes$sizeGa = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.sizeGallery) !== null && _settingsSizes$sizeGa !== void 0 ? _settingsSizes$sizeGa : '80px';
     gridGap = (_settingsSizes$gapGal = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.gapGallery) !== null && _settingsSizes$gapGal !== void 0 ? _settingsSizes$gapGal : '10px';
   } else if (item.type === 'PLANNERSWITCH') {
-    gridItemSize = '170px';
+    gridSize = '170px';
   } else if (item.type === 'SMALL' && viewHandler.getIsInMobileView() && ((_viewHandler$uiState$2 = viewHandler.uiState.templateConfigKeys) === null || _viewHandler$uiState$2 === void 0 ? void 0 : _viewHandler$uiState$2.ItemDefault) == 'jungle') {
     //for the usecase of schlaraffia in mobile
     //TODO for refactorig this should be done nicer
-    gridItemSize = '120px';
+    gridSize = '120px';
   } else if (item.type === 'SHELFPLANNER' && viewHandler.productState.shelfPlannerRTV) {
-    gridItemSize = '120px';
+    gridSize = '120px';
   } else if (item.type === 'VERY_SMALL') {
-    gridItemSize = '48%';
+    gridSize = '48%';
   } else if (item.type === 'GAL_TEXT') {
-    gridItemSize = '100px';
+    gridSize = '100px';
   } else if (item.type === 'GAL_BIG_TEXT') {
-    gridItemSize = '120px';
+    gridSize = '120px';
   } else if (item.type === 'GAL_SMALL_TEXT') {
-    gridItemSize = '70px';
+    gridSize = '70px';
   }
+  if (['GAL_SMALL_GROUP_DROPDOWN', 'TOGGLE', 'TOGGLE_NAME', 'DROPDOWN_IMAGE', 'DROPDOWN_TEXT'].includes(item.type)) {
+    infoIconSize = '20px';
+  }
+  var variables = _objectSpread({
+    '--gridSize': gridSize,
+    '--gridGap': gridGap
+  }, infoIconSize ? {
+    '--infoIconSize': infoIconSize
+  } : {});
   if (!item.visible) return /*#__PURE__*/jsx(Fragment, {});
   switch (item.type) {
     case 'TOGGLE':
       return /*#__PURE__*/jsx(ToggleOption, {
+        style: variables,
         item: item,
         paletteId: item.id
       });
     case 'TOGGLE_NAME':
       return /*#__PURE__*/jsx(ToggleName, {
+        style: variables,
         item: item,
         paletteId: item.id
       });
     case 'TEXTBOX':
       return /*#__PURE__*/jsx(TextBox, {
+        style: variables,
         item: item,
         paletteId: item.id
       });
     case 'DROPDOWN_TEXT':
     case 'DROPDOWN_IMAGE':
       return /*#__PURE__*/jsx(ItemVariant, {
+        style: variables,
         item: item,
         paletteId: item.id
       });
@@ -140,10 +154,7 @@ var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
           filteredGroups: filteredGroups,
           item: item,
           id: item.id,
-          style: {
-            '--gridSize': gridItemSize,
-            '--gridGap': gridGap
-          }
+          style: variables
         }, item.id)
       });
     case 'PRODUCTS':
@@ -172,8 +183,7 @@ var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
         contentInnerClassName: innerGridClass
       }, item.configStepKey);
       return /*#__PURE__*/jsx(ItemWrapper, {
-        gridGap: gridGap,
-        gridItemSize: gridItemSize,
+        style: variables,
         item: item,
         children: childGroup
       });
@@ -197,8 +207,7 @@ var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
         PaletteComponent: PaletteComponent
       });
       return /*#__PURE__*/jsx(ItemWrapper, {
-        gridGap: gridGap,
-        gridItemSize: gridItemSize,
+        style: variables,
         item: item,
         children: children
       });

package/build/esm/{index-14361f63.js → index-15459c04.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-2f7c236c.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-5d43ea6e.js';
-import Arrow from './index-0586d33f.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-88f800ca.js';
+import Arrow from './index-6bc42063.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-021497ba.js → index-15d62045.js}

@@ -1,4 +1,4 @@
-import './index-f37069da.js';
+import './index-2f7c236c.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-79b00461.js → index-16c94df6.js}

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

package/build/esm/{index-e65bfb61.js → index-1a216743.js}

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

package/build/esm/{index-7f1f0ccd.js → index-1cd7bc72.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-2f7c236c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-1938d883.js → index-1dabfded.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-2f7c236c.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-4909cae7.js → index-1e4c934d.js}

@@ -3,9 +3,9 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-2f7c236c.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-a5126769.js';
+import { n as notExpanded } from './index.module-d40ab562.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-ef1723c7.js → index-23943e11.js}

@@ -1,10 +1,10 @@
-import './index-f37069da.js';
+import './index-2f7c236c.js';
 import 'react';
-import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-e5a9099d.js';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-4d6a9772.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-41d7c5f1.js';
-import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-fa30bc5d.js';
-import PlannerUI from './index-b1ebee21.js';
+import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-b9ae7b3c.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-e38e0fc1.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-1336fc61.js';
+import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-07235ac9.js';
+import PlannerUI from './index-db6342ae.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -21,23 +21,23 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-96992296.js';
-import './index-53f5c5c8.js';
-import './index-c653356d.js';
-import './index-9f2e607e.js';
-import './index-38a9ad48.js';
-import './index-965d855c.js';
-import './index-8c3a9e2c.js';
-import './index-3f70040b.js';
-import './index-90cbc60f.js';
-import './index-51ac9599.js';
-import './index-6fd7f393.js';
-import './index-56d8cda7.js';
-import './index-38215619.js';
+import './index-cf7f0ffa.js';
+import './index-66da3803.js';
+import './index-95fae9de.js';
+import './index-474092e0.js';
+import './index-4a1d74bc.js';
+import './index-b3d09e2a.js';
+import './index-558c35f9.js';
+import './index-618cc7d8.js';
+import './index-891694c9.js';
+import './index-cc8a73f0.js';
+import './index-7cc29c93.js';
+import './index-0f47e074.js';
+import './index-cc34c6b3.js';
 import 'react-draggable';
-import './index-7d5c27f6.js';
-import './index-cdfa9e28.js';
-import './index-1b18a545.js';
+import './index-9d406163.js';
+import './index-67b2e08d.js';
+import './index-6b34734b.js';
 
 var StandardPlannerUI = function StandardPlannerUI() {
   var _useDivaCore = useDivaCore(),

package/build/esm/{index-3d544130.js → index-2474d081.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-2f7c236c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-06c289ca.js → index-252d6b2f.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-2f7c236c.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-e7813207.js';
+import ProductRoomList from './index-f0efb35c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-804d6f38.js → index-26aaba0d.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-f37069da.js';
+import { s as styleInject } from './index-2f7c236c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-172c4728.js';
+import VerticalTabGroupItemStandard from './index-ae30471f.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,7 +17,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './IconHandler-7463e6e4.js';
+import './IconHandler-e60decc0.js';
 
 var verticalItemPoligon = "verticalItemPoligon-uLIgs";
 var wcActiveStep = "wcActiveStep-Cjjc7";