@crystaldesign/diva-web-planner-react 24.10.0-beta.1 → 24.10.0-beta.11

package/build/esm/{ArticleProperties-59d57d35.js → ArticleProperties-850d7f43.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-6ab07b96.js → CatalogProperties-277a7cb2.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{IconHandler-00d5dc8f.js → IconHandler-3c13f28b.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 
 var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, tabGroupObj, customer) {
   var sirvURL = 'https://cdn.diva-portal.com/static/images/TabIcons/';

package/build/esm/{OptionProperties-964682f0.js → OptionProperties-364163d0.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{OptionValueProperties-9acaa68b.js → OptionValueProperties-941185d3.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{Planner2DGrid-a36839d6.js → Planner2DGrid-fd4357e3.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-b40c444e.js → Planner3DImage-301e1d04.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-d8e03af5.js → index-00205b34.js}

@@ -2,12 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-af97dbeb.js';
-import LayoutSelection from './index-252f4346.js';
+import OptionSelector from './index-06126bf6.js';
+import LayoutSelection from './index-ff0aeb5b.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -19,8 +19,8 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
-import './index.module-bbfcb8a9.js';
-import './index-70be06bf.js';
+import './index.module-b6b3a612.js';
+import './index-7dbcf925.js';
 
 var wrapper = "wrapper-XC8ci";
 var scrollable = "scrollable-Smp2u";

package/build/esm/{index-c06c8cbb.js → index-0028172b.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-7a7f03dd.js';
+import { u as useViewHandler } from './index-984879dc.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-a9105a15.js';
+import { s as svgWrapper } from './index.module-be468752.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7e7b195c.js → index-0098ea93.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-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-f3fd9890.js → index-01deb0d1.js}

@@ -1,12 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { a as wcFunctionsContainer, d as wcIcon } from './index.module-9dabffda.js';
+import { a as wcFunctionsContainer, c as wcIcon } from './index.module-01a6ebaa.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import { A as ArQrCodeIcon } from './index-20124734.js';
-import Share from './index-63203a42.js';
+import Share from './index-f87fb25b.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,10 +18,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'react-laag';
-import './index-3e4d7ea7.js';
-import 'react-qr-code';
-import './index-e2b1d3aa.js';
 import '@babel/runtime/helpers/typeof';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-l5jaw";
@@ -42,8 +37,8 @@ var Wishlist = function Wishlist(props) {
     loading = _useState2[0],
     setLoading = _useState2[1];
   var _useDivaCore = useDivaCore(),
-    openModal = _useDivaCore.actions.openModal,
-    isMobile = _useDivaCore.state.isMobile;
+    openModal = _useDivaCore.actions.openModal;
+    _useDivaCore.state.isMobile;
   useEffect(function () {
     var _viewHandler$getViewC;
     if (!loading) openModal({
@@ -58,22 +53,15 @@ var Wishlist = function Wishlist(props) {
   }, [loading]);
   return /*#__PURE__*/jsxs("ul", {
     className: wcFunctionsToolbar,
-    children: [viewHandler.productState.allowQRCodeAR && viewHandler.productState.plannerMode && viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(ArQrCodeIcon, {}), /*#__PURE__*/jsx("li", {
-      className: wcFunctionsContainer,
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(wcIcon, wcSaveIcon),
-        title: t('configurator.wishlist'),
-        onClick: viewHandler.productState.onClickSave
-      })
-    }), isMobile && viewHandler.getViewConfig().showEvents && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("li", {
+    children: [viewHandler.getIsInMobileView() && /*#__PURE__*/jsxs(Fragment, {
+      children: [viewHandler.eventIsManagedByClient('onRequestConsulation') && /*#__PURE__*/jsx("li", {
         className: wcFunctionsContainer,
         children: /*#__PURE__*/jsx("div", {
           className: classnames(wcIcon, wcConsulationIcon),
           title: t('configurator.consulation'),
           onClick: viewHandler.productState.onRequestConsulation
         })
-      }), /*#__PURE__*/jsx("li", {
+      }), viewHandler.eventIsManagedByClient('onSave') && /*#__PURE__*/jsx("li", {
         className: wcFunctionsContainer,
         children: /*#__PURE__*/jsx("div", {
           className: classnames(wcIcon, wcBookmarkIcon),
@@ -81,6 +69,13 @@ var Wishlist = function Wishlist(props) {
           onClick: viewHandler.productState.onClickSave2
         })
       })]
+    }), /*#__PURE__*/jsx("li", {
+      className: wcFunctionsContainer,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcSaveIcon),
+        title: t('configurator.wishlist'),
+        onClick: viewHandler.productState.onClickSave
+      })
     }), viewHandler.getViewConfig().shareUrl && /*#__PURE__*/jsx("li", {
       className: wcFunctionsContainer,
       children: /*#__PURE__*/jsx("div", {

package/build/esm/{index-e6b3541d.js → index-01ee73e0.js}

@@ -1,16 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import 'react';
-import SettingsHeaderContainer from './index-4b4b024c.js';
-import SettingsScroller from './index-57772afa.js';
+import SettingsHeaderContainer from './index-8255e63f.js';
+import SettingsScroller from './index-b0e03b50.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import SettingsSubTabGroup from './index-62298da3.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
@@ -19,64 +18,61 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-e1320f3e.js';
-import './index-ce01940f.js';
-import './index-dac6c444.js';
+import './index-5a561d38.js';
+import './index-9072a0d1.js';
+import './index-3c6c15b8.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-5fe71382.js';
+import './index-9a0c4744.js';
 import 'react-laag';
-import './index-be3a3cc7.js';
-import './index-1e13b3d7.js';
+import './index-c164e964.js';
+import './index-d95eb6da.js';
 import 'sift';
-import './index-a200d60c.js';
-import './index-b57b1400.js';
-import './index-fd4d6af5.js';
-import './index-f075122b.js';
-import './index.module-10043adb.js';
-import './index-a1c03c38.js';
+import './index-bf6eb312.js';
+import './index-63f8accf.js';
+import './index-1a6d0e39.js';
+import './index-201a46ab.js';
+import './index.module-47935423.js';
+import './index-e19ccff4.js';
 import 'react-switch';
-import './index-a6d98013.js';
-import './index-12c488c8.js';
+import './index-e30490a6.js';
+import './index-75e9e039.js';
 import 'react-dropdown';
-import './index-8ef00344.js';
-import './index-2345308f.js';
-import './index-70be06bf.js';
-import './index-c2b5262a.js';
+import './index-da50a5a3.js';
+import './index-11238cab.js';
+import './index-7dbcf925.js';
+import './index-54179dcf.js';
 import '@crystaldesign/content-box';
-import './index-36195851.js';
-import './index-0d580082.js';
-import './index-3cde6b0c.js';
-import './index-8aac99ae.js';
-import './index-d466a1c3.js';
+import './index-3dadcc85.js';
+import './index-5298c0cf.js';
+import './index-a318de50.js';
+import './index-2d850ba4.js';
+import './index-a2ec184d.js';
 import '@crystaldesign/products-component';
-import './index-9aa51878.js';
-import './index-0be965cc.js';
-import './index-6ec98d59.js';
-import './index-9a14ef6d.js';
-import './index-ac31c727.js';
-import './index-c9388aaa.js';
-import './index-b36d3187.js';
-import './index-3c964c2f.js';
-import './index-3f513c51.js';
-import './index-7b74999f.js';
-import './index-0f10df6d.js';
-import './index-4a732256.js';
-import './index-077be7e1.js';
-import './index.module-abdd6dcc.js';
-import './index-094d3785.js';
-import './index-6c06754d.js';
-import './index-12c80a4c.js';
-import './index-51381896.js';
-import './index-09045728.js';
-import './index-a1d33b21.js';
-import './index-271ec245.js';
-import './index.module-28580ce4.js';
-import './index-9924f40a.js';
-import './index-35cb77c0.js';
-import './index-ae6cc1f0.js';
-import './index-43494e7e.js';
-import 'react-collapsible';
-import './index-aee2ffbc.js';
+import './index-51b7da78.js';
+import './index-4deedc77.js';
+import './index-1e244765.js';
+import './index-51fb5ee8.js';
+import './index-583859a5.js';
+import './index-1b39e3bf.js';
+import './index-3e828e85.js';
+import './index-73594f75.js';
+import './index-7168bd83.js';
+import './index-9962a0d5.js';
+import './index-9966d1c8.js';
+import './index-7c0af5df.js';
+import './index-ab475858.js';
+import './index.module-cb2b080b.js';
+import './index-2c7f3a1a.js';
+import './index-8e9e4809.js';
+import './index-2779da54.js';
+import './index-a7c6f8b7.js';
+import './index-29720196.js';
+import './index-43401f63.js';
+import './index-9e0e0c87.js';
+import './index.module-d2774127.js';
+import './index-d59bdaf5.js';
+import './index-38e512b7.js';
+import './index-fbcedfec.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var tabsHorizontal = "tabs-horizontal-052sb";
@@ -95,23 +91,12 @@ var Settings = function Settings(_ref) {
   var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var viewHandler = useViewHandler();
-  var renderSubTabGroups = !!viewHandler.settingsState.itemPaletteArr.length;
-  var itemPalettes = [];
-  viewHandler.settingsState.itemPaletteArr.map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2);
-      _ref3[0];
-      var item = _ref3[1];
-    if (item.subTabGroup === undefined) renderSubTabGroups = false;
-    itemPalettes.push(item);
-  });
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     className: classnames(className, wcConfiguratorSettings, viewHandler.tabGroupState.curTabGroupType == 'horizontal' ? tabsHorizontal : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
     children: [viewHandler.uiState.doShowConfSettingsExpander && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
       className: wcConfiguratorSettingsExpander,
       onClick: viewHandler.uiState.onClickExpandConfigSettings
-    }), !viewHandler.uiState.isInMobileView && !viewHandler.settingsState.forceSettingsHeaderInScrollContainer && /*#__PURE__*/jsx(SettingsHeaderContainer, {}, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), renderSubTabGroups ? /*#__PURE__*/jsx(SettingsSubTabGroup, {}) : /*#__PURE__*/jsx(SettingsScroller, {
-      itemPalettes: itemPalettes
-    }), !viewHandler.uiState.isInMobileView && viewHandler.uiState.doShowConfSettingsMaxMinExpander && /*#__PURE__*/jsxs(Fragment, {
+    }), !viewHandler.uiState.isInMobileView && !viewHandler.settingsState.forceSettingsHeaderInScrollContainer && /*#__PURE__*/jsx(SettingsHeaderContainer, {}, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsx(SettingsScroller, {}), !viewHandler.uiState.isInMobileView && viewHandler.uiState.doShowConfSettingsMaxMinExpander && /*#__PURE__*/jsxs(Fragment, {
       children: [!viewHandler.uiState.configSettingsIsMaxExpanded && /*#__PURE__*/jsx("div", {
         className: wcConfiguratorSettingsMaxExpander,
         onClick: viewHandler.uiState.onClickExpandMaxConfigSettings

package/build/esm/{index-7b11839a.js → index-033eefb0.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-28580ce4.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-d2774127.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-ac31c727.js';
-import MetaData from './index-9a14ef6d.js';
+import GenericToolTip from './index-583859a5.js';
+import MetaData from './index-51fb5ee8.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-a6d98013.js';
+import InfoIcon from './index-e30490a6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-8b15296c.js → index-045c2b31.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-28580ce4.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-d2774127.js';
 import classnames from 'classnames';
-import IsActive from './index-094d3785.js';
+import IsActive from './index-2c7f3a1a.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-ac31c727.js';
-import InfoIcon from './index-a6d98013.js';
+import GenericToolTip from './index-583859a5.js';
+import InfoIcon from './index-e30490a6.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -30,7 +30,7 @@ var wcVCodexTextWrapper = "wcVCodexTextWrapper-B9kjy";
 var wcVCodexText = "wcVCodexText-l-tMp";
 var wcGallery = "wcGallery-jbfei";
 var hexColor = "hexColor-otBJT";
-var css_248z = ".PaletteItem-WUuXa .wcSize-eyEDf.wcSize-gallery-l2o6z {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.PaletteItem-WUuXa {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.PaletteItem-WUuXa:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.PaletteItem-WUuXa.sel-1MlhE {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.wcVCodexTextWrapper-B9kjy {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wcVCodexText-l-tMp {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.PaletteItem-WUuXa:hover .wcVCodexText-l-tMp,\n.sel-1MlhE .wcVCodexText-l-tMp {\n  display: block;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.hexColor-otBJT {\n  width: 80px;\n  height: 80px;\n}\n";
+var css_248z = ".PaletteItem-WUuXa .wcSize-eyEDf.wcSize-gallery-l2o6z {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.PaletteItem-WUuXa {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.PaletteItem-WUuXa:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.PaletteItem-WUuXa.sel-1MlhE {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.wcVCodexTextWrapper-B9kjy {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wcVCodexText-l-tMp {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.PaletteItem-WUuXa:hover .wcVCodexText-l-tMp,\n.sel-1MlhE .wcVCodexText-l-tMp {\n  display: block;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.hexColor-otBJT {\n  width: 80px;\n  height: 80px;\n}\n";
 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; }

package/build/esm/{index-af97dbeb.js → index-06126bf6.js}

@@ -1,10 +1,10 @@
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-bbfcb8a9.js';
-import Arrow from './index-70be06bf.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-b6b3a612.js';
+import Arrow from './index-7dbcf925.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-df4d8ffb.js → index-06acf6b1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-984879dc.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-f3306691.js → index-0c213f50.js}

@@ -1,9 +1,9 @@
-import { s as styleInject } from './index-7a7f03dd.js';
+import { s as styleInject } from './index-984879dc.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-df849025.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-cc6aaa58.js';
-import { w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-5eb4c2e7.js';
-import PlannerUI from './index-e172408b.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-83fb6a24.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-ed9ce00d.js';
+import { w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-36beb743.js';
+import PlannerUI from './index-34d84fbd.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,24 +19,24 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-3a7ff8ea.js';
+import './index-197fe63b.js';
 import 'classnames';
-import './index-abcbe0af.js';
-import './index-54e39b3a.js';
-import './index-857c7497.js';
-import './index-b95f9c15.js';
-import './index-5e030fc2.js';
-import './index-b66345d0.js';
-import './index-b34397bf.js';
-import './index-b766e2a9.js';
-import './index-b13da69e.js';
-import './index-1c8a2f2b.js';
-import './index-8a13f6ad.js';
-import './index-dcf734ee.js';
+import './index-a7acfa4f.js';
+import './index-b75c333b.js';
+import './index-7d1d5b06.js';
+import './index-bf474e75.js';
+import './index-7a307382.js';
+import './index-2faab10d.js';
+import './index-a1c51f58.js';
+import './index-71940a1c.js';
+import './index-429c3949.js';
+import './index-10ea4001.js';
+import './index-bfd3e624.js';
+import './index-5bd445c4.js';
 import 'react-draggable';
-import './index-bbf76589.js';
-import './index-27eaf52c.js';
-import './index-217d109c.js';
+import './index-d923ad65.js';
+import './index-3ec43e9a.js';
+import './index-a0907122.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var css_248z$6 = ".wcPlannerButton-7VWLs {\n  position: absolute;\n  background-repeat: no-repeat;\n  transition: background-image 0.2s ease-in-out;\n}\n";

package/build/esm/{index-7d4b990f.js → index-0d751acc.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-e9c8ba1b.js → index-0eeb7201.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-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-70994389.js';
+import { n as notExpanded } from './index.module-b763a10b.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-1c8a2f2b.js → index-10ea4001.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler } from './index-984879dc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-2345308f.js → index-11238cab.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-70be06bf.js';
+import Arrow from './index-7dbcf925.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6db3c2b2.js → index-13ff3604.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-380ade8d.js → index-14dd4a6c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-7a7f03dd.js';
+import { s as styleInject } from './index-984879dc.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-670eb254.js → index-1550d754.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-984879dc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-9446bf90.js → index-168fee19.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-6ebfd486.js';
-import JsonEditor from './index-db4e8028.js';
+import ArticleOverview from './index-eaaaa0b5.js';
+import JsonEditor from './index-36ac6441.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-1b2ce477.js';
-import './index.module-5a389956.js';
+import './index.module-f3c3a524.js';
+import './index.module-69f54a81.js';
 import 'classnames';
-import './index.module-70994389.js';
+import './index.module-b763a10b.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-75a3e82f.js → index-16c3a521.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-7a7f03dd.js';
+import { u as useViewHandler } from './index-984879dc.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-70994389.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-1b2ce477.js';
+import { n as notExpanded } from './index.module-b763a10b.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-f3c3a524.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-3a7ff8ea.js → index-197fe63b.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, a as usePlannerUIHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler, a as usePlannerUIHandler } from './index-984879dc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-fd4d6af5.js → index-1a6d0e39.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-984879dc.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';