@crystaldesign/diva-web-planner-react 25.9.0-rc.1 → 25.9.0-rc.11

package/build/esm/{index-8725b14f.js → index-c7cdad85.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-e0c6b93d.js';
+import { s as styleInject } from './index-898b1d4c.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-dff51b67.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-e9a4adcf.js';
-import PlannerUI from './index-62d1664b.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-87c8acd4.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-eff1420c.js';
+import PlannerUI from './index-d6a4744f.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -23,23 +23,23 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-5a3c91c8.js';
-import './index-59430be8.js';
-import './index-d7be8339.js';
-import './index-bc7de908.js';
-import './index-ca6294fb.js';
-import './index-a027e4d6.js';
-import './index-497d438a.js';
-import './index-a29fe3cc.js';
-import './index-db251866.js';
-import './index-cada4fdd.js';
-import './index-85d79537.js';
-import './index-90ef53ba.js';
-import './index-ca126268.js';
+import './index-05a5de25.js';
+import './index-df00df23.js';
+import './index-2e746bf1.js';
+import './index-33bd983b.js';
+import './index-639cb504.js';
+import './index-56dd450e.js';
+import './index-440ffb0d.js';
+import './index-3428369d.js';
+import './index-69554b45.js';
+import './index-6eac4fcb.js';
+import './index-6d710122.js';
+import './index-cbe73e0a.js';
+import './index-971fdeab.js';
 import 'react-draggable';
-import './index-49033906.js';
-import './index-4b6fb704.js';
-import './index-b400db02.js';
+import './index-c9d1b13b.js';
+import './index-588cd65c.js';
+import './index-86b3b5b3.js';
 
 var wcPlannerButton = "wcPlannerButton-hPp4U";
 var mobile = "mobile-ZE7fr";

package/build/esm/{index-12613513.js → index-c9cedb67.js}

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

package/build/esm/{index-49033906.js → index-c9d1b13b.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e0c6b93d.js';
+import { u as useViewHandler } from './index-898b1d4c.js';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-e562f45d.js → index-c9fd77e1.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-898b1d4c.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-53c3e6b0.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-1a59abd6.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-8c19880b.js';
-import MetaData from './index-c7329cf6.js';
+import GenericToolTip from './index-59de666d.js';
+import MetaData from './index-f86ecc8e.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-87ba3217.js';
-import PricePreview from './index-24438765.js';
+import InfoIcon from './index-d7982590.js';
+import PricePreview from './index-1b53631d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -85,7 +85,7 @@ var Option = function Option(_ref) {
   }
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
     id: item.codex,
-    className: classnames(type == 'small' ? small : undefined, type == 'big' ? big : undefined, paletteItem, item.sel ? sel : undefined),
+    className: classnames(type == 'small' || type == 'verysmall' ? small : undefined, type == 'big' ? big : undefined, paletteItem, item.sel ? sel : undefined),
     onClick: onClick
   }, triggerProps), hoverProps), {}, {
     children: [/*#__PURE__*/jsxs("div", {
@@ -95,7 +95,7 @@ var Option = function Option(_ref) {
         children: item.vCodex
       }), item.image ? /*#__PURE__*/jsx("img", {
         className: classnames(wcImage),
-        src: type != 'small' ? item.image.replace('_gal', '') : item.image
+        src: type != 'small' && type != 'verysmall' ? item.image.replace('_gal', '') : item.image
       }) : /*#__PURE__*/jsx("div", {
         className: classnames(wcImage),
         style: {
@@ -128,7 +128,7 @@ var Option = function Option(_ref) {
     }, item.codex), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
       asyncPricePreview: item.pricePreviewPromise,
       sel: item.sel,
-      style: type == 'small' ? {
+      style: type == 'small' || type == 'verysmall' ? {
         fontSize: 9
       } : undefined
     }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {

package/build/esm/{index-0b46aa51.js → index-ca5dd9ed.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-898b1d4c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';
-import SettingsPosNrToolTip from './index-13b0e5e0.js';
+import SettingsPosNrToolTip from './index-17361da3.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-90ef53ba.js → index-cbe73e0a.js}

@@ -1,4 +1,4 @@
-import './index-e0c6b93d.js';
+import './index-898b1d4c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-27e8ec1d.js → index-cd9f36d5.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-898b1d4c.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-53c3e6b0.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-1a59abd6.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-8c19880b.js';
-import MetaData from './index-c7329cf6.js';
+import GenericToolTip from './index-59de666d.js';
+import MetaData from './index-f86ecc8e.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-87ba3217.js';
-import PricePreview from './index-24438765.js';
+import InfoIcon from './index-d7982590.js';
+import PricePreview from './index-1b53631d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/index-ce89531e.js

@@ -0,0 +1,94 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-898b1d4c.js';
+import { useState, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import Slider$1 from 'rc-slider';
+import SettingsHeader from './index-533c1f9d.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var wrapper = "wrapper-JzMTM";
+var slideWrapper = "slide-wrapper-arLxY";
+var css_248z = ".wrapper-JzMTM {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.slide-wrapper-arLxY {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.slide-wrapper-arLxY .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.slide-wrapper-arLxY .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.slide-wrapper-arLxY .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.slide-wrapper-arLxY .rc-slider-track,\n.slide-wrapper-arLxY .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.slide-wrapper-arLxY .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.slide-wrapper-arLxY .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.slide-wrapper-arLxY .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.slide-wrapper-arLxY .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.slide-wrapper-arLxY .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.slide-wrapper-arLxY .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.slide-wrapper-arLxY .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.slide-wrapper-arLxY .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.slide-wrapper-arLxY .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.slide-wrapper-arLxY .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.slide-wrapper-arLxY .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.slide-wrapper-arLxY .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.slide-wrapper-arLxY .rc-slider-mark-text-active {\n  color: #666;\n}\n.slide-wrapper-arLxY .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.slide-wrapper-arLxY .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.slide-wrapper-arLxY .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.slide-wrapper-arLxY .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.slide-wrapper-arLxY .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-handle,\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-mark-text,\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.slide-wrapper-arLxY .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-enter,\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-enter,\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-enter,\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes rcSliderTooltipZoomDownIn-940eH {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes rcSliderTooltipZoomDownOut-4UkXB {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.slide-wrapper-arLxY .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.slide-wrapper-arLxY .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-hidden {\n  display: none;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n";
+styleInject(css_248z);
+
+var SliderComponent = function SliderComponent(_ref) {
+  var item = _ref.item,
+    style = _ref.style;
+  var viewHandler = useViewHandler();
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    marks = _useState2[0],
+    setMarks = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    items = _useState4[0],
+    setItems = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    curValue = _useState6[0],
+    setCurValue = _useState6[1];
+  var onChange = function onChange(index) {
+    if (Array.isArray(index)) index = index[0];
+    setCurValue(index);
+    onChangeComplete(index);
+  };
+  var onChangeComplete = function onChangeComplete(index) {
+    if ((index !== null && index !== void 0 ? index : curValue) !== undefined) viewHandler.paletteViewHandler.clickedOnConfigPalette(items[index !== null && index !== void 0 ? index : curValue]);
+  };
+  useEffect(function () {
+    var itemList = item.groups.flatMap(function (group) {
+      return group.items;
+    });
+    setItems(itemList);
+    setCurValue(itemList.findIndex(function (i) {
+      return i.sel;
+    }));
+    setMarks(itemList.reduce(function (acc, item, i) {
+      acc[i] = item.text;
+      return acc;
+    }, {}));
+  }, [item]);
+  if (items.length === 0) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsxs("div", {
+    style: style,
+    className: wrapper,
+    children: [/*#__PURE__*/jsx(SettingsHeader, {
+      isInScroller: true,
+      isSettingsHeader: false,
+      item: item
+    }), /*#__PURE__*/jsx("div", {
+      className: slideWrapper,
+      children: /*#__PURE__*/jsx(Slider$1, {
+        marks: marks,
+        trackStyle: {
+          backgroundColor: '#e9e9e9'
+        },
+        value: curValue,
+        onChange: onChange,
+        onChangeComplete: onChangeComplete,
+        min: Number(Object.keys(marks)[0]),
+        max: Number(Object.keys(marks)[Object.keys(marks).length - 1])
+      })
+    })]
+  });
+};
+var Slider = observer(SliderComponent);
+
+export { Slider as default };

package/build/esm/{index-d13b4fed.js → index-ceba1339.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-898b1d4c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-9b83c24b.js';
-import InfoIcon from './index-87ba3217.js';
+import IsActive from './index-776aea67.js';
+import InfoIcon from './index-d7982590.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-e42b8933.js → index-cfd65fa6.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-898b1d4c.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-cae7645a.js';
-import ProductCenter from './index-82944be0.js';
-import ContentItemWrapper from './index-d736221f.js';
+import CheckoutFormNew from './index-0e2e3497.js';
+import ProductCenter from './index-711061e7.js';
+import ContentItemWrapper from './index-6340ef65.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,28 +23,28 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-16cea8f1.js';
+import './index-63cc5768.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-bdc59cef.js';
-import './index-6fafabe0.js';
-import './index-9db055a0.js';
-import './index-707613bc.js';
-import './index.module-8f869cc4.js';
-import './index-2fbb7efc.js';
-import './index-ca7f3d9e.js';
-import './index-4e45ce76.js';
-import './index-4ba394fb.js';
-import './index-41b5b357.js';
-import './index-1cad1f93.js';
+import './index-74104bfd.js';
+import './index-c1239878.js';
+import './index-90bda855.js';
+import './index-fbc4e647.js';
+import './index.module-b8758931.js';
+import './index-696a4c4f.js';
+import './index-c7421a77.js';
+import './index-094b06e4.js';
+import './index-1f6625ac.js';
+import './index-ae892649.js';
+import './index-c354437b.js';
 import '@crystaldesign/content-box';
-import './index-c1da6810.js';
-import './index-fff0113a.js';
-import './index-2ccae45f.js';
+import './index-38cfc756.js';
+import './index-0d1634e5.js';
+import './index-5e382b7b.js';
 import 'react-laag';
-import './index-61b6b02e.js';
+import './index-9d832ee0.js';
 import 'react-qr-code';
-import './index-6f97ec29.js';
+import './index-b78c28ce.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-58ec8e0b.js → index-d0511f0b.js}

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

package/build/esm/{index-cbb2283d.js → index-d07e8dbb.js}

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

package/build/esm/{index-fd859d6d.js → index-d07eae3c.js}

@@ -1,6 +1,6 @@
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-898b1d4c.js';
 import 'react';
-import Toggle from './index-16cea8f1.js';
+import Toggle from './index-63cc5768.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';

package/build/esm/{index-7a19ae2c.js → index-d0fb1fd3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-e0c6b93d.js';
+import { s as styleInject } from './index-898b1d4c.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-cbb40f72.js → index-d3864d8b.js}

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

package/build/esm/{index-899ac63c.js → index-d4595130.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-e0c6b93d.js';
+import { u as useViewHandler } from './index-898b1d4c.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-3d8f2891.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-f4947c3c.js';
+import { h as header } from './index.module-aa1fe6ff.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-f58c6c3a.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-efedddda.js';
+import { n as notExpanded } from './index.module-42cc57ac.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f90a3b6a.js → index-d483e8b7.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-e0c6b93d.js';
+import { u as useViewHandler } from './index-898b1d4c.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
-import { s as swiperClass, a as swiperWrapper, b as swiperSlide, S as SettingsExpanderButtons } from './index-5387e911.js';
-import SettingsScroller from './index-c7c91493.js';
-import SettingsHeaderContainer from './index-8d5655d2.js';
-import SettingsHeader from './index-708ae258.js';
+import { s as swiperClass, a as swiperWrapper, b as swiperSlide, S as SettingsExpanderButtons } from './index-22d6ed95.js';
+import SettingsScroller from './index-00fa0169.js';
+import SettingsHeaderContainer from './index-859e5edd.js';
+import SettingsHeader from './index-533c1f9d.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,66 +26,65 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-708c7617.js';
+import './index-2ff548e5.js';
 import 'sift';
-import './index-efb65b32.js';
-import './index-2d8da945.js';
-import './index-3a238a3c.js';
-import './index-dbf2adc1.js';
-import './index.module-10abb965.js';
-import './index-16cea8f1.js';
+import './index-178c0e77.js';
+import './index-70c1d84f.js';
+import './index-8e150047.js';
+import './index-7d54e485.js';
+import './index.module-388c5f1a.js';
+import './index-63cc5768.js';
 import 'react-switch';
-import './index-87ba3217.js';
-import './index-24438765.js';
-import './index-b852789e.js';
+import './index-d7982590.js';
+import './index-1b53631d.js';
+import './index-c4c13468.js';
 import 'react-dropdown';
-import './index-2627e6d7.js';
-import './index-8998255e.js';
-import './index-079c09a5.js';
-import './index-3fcd95a0.js';
+import './index-14f1e769.js';
+import './index-166733a7.js';
+import './index-347dc202.js';
+import './index-a667f974.js';
 import '@crystaldesign/content-box';
-import './index-8c7174d4.js';
-import './index-7405ba6a.js';
-import './index-f765cc7c.js';
-import './index-220bdc3e.js';
-import './index-4ff56657.js';
-import './index-1a3ab6be.js';
-import './index-5c7f568e.js';
-import './index-ac5f2159.js';
-import './index-c41dafb0.js';
-import './index-cbb2283d.js';
-import './index-1c751c5f.js';
-import './index-d244983e.js';
-import './index-31db0e80.js';
-import './index.module-4b3422bc.js';
-import './index-9b83c24b.js';
-import './index-5b45677f.js';
-import './index-7dda49b6.js';
-import './index-d13b4fed.js';
-import './index-537bb435.js';
-import './index-7bf1e29e.js';
-import './index-e562f45d.js';
-import './index.module-53c3e6b0.js';
+import './index-a2a72be7.js';
+import './index-07ee3b40.js';
+import './index-7bc4154e.js';
+import './index-34f01305.js';
+import './index-ba092fa9.js';
+import './index-2eb2cffb.js';
+import './index-fae43a10.js';
+import './index-eb8d62f0.js';
+import './index-fa7afb9a.js';
+import './index-d07e8dbb.js';
+import './index-7aaf497a.js';
+import './index-2860ae98.js';
+import './index-4b11603b.js';
+import './index.module-2fd6373a.js';
+import './index-776aea67.js';
+import './index-6773880b.js';
+import './index-3f225078.js';
+import './index-ceba1339.js';
+import './index-5e326e9f.js';
+import './index-3a18c9b8.js';
+import './index-c9fd77e1.js';
+import './index.module-1a59abd6.js';
 import 'react-laag';
-import './index-8c19880b.js';
-import './index-c7329cf6.js';
-import './index-61aefd6d.js';
-import './index-29a53e55.js';
-import './index-23cb107a.js';
-import './index-8d6d26a2.js';
-import './index-88db02ea.js';
-import './index-6395ea79.js';
+import './index-59de666d.js';
+import './index-f86ecc8e.js';
+import './index-e34d7862.js';
+import './index-ec73d0bf.js';
+import './index-dd9eeca4.js';
+import './index-b192de74.js';
+import './index-a9ab0b72.js';
+import './index-dc5163b7.js';
 import 'swiper/modules';
-import './index-cdda2daa.js';
-import 'rc-slider/assets/index.css';
+import './index-ce89531e.js';
 import 'rc-slider';
-import './index-6e313f76.js';
-import './index-d1ad8349.js';
-import './index-b6fd3503.js';
-import './index-eb99bd89.js';
-import './index-9cf5046a.js';
-import './index-0b46aa51.js';
-import './index-13b0e5e0.js';
+import './index-ff7b1b8f.js';
+import './index-72776360.js';
+import './index-a30b2a4d.js';
+import './index-df02acd2.js';
+import './index-ddc0d628.js';
+import './index-ca5dd9ed.js';
+import './index-17361da3.js';
 
 var SettingsSwiper = function SettingsSwiper(_ref) {
   _objectDestructuringEmpty(_ref);

package/build/esm/{index-62d1664b.js → index-d6a4744f.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-e0c6b93d.js';
+import { a as usePlannerUIHandler } from './index-898b1d4c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-5a3c91c8.js';
-import ItemsContainer from './index-59430be8.js';
+import Outline3D from './index-05a5de25.js';
+import ItemsContainer from './index-df00df23.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,21 +22,21 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-d7be8339.js';
-import './index-bc7de908.js';
-import './index-ca6294fb.js';
-import './index-a027e4d6.js';
-import './index-497d438a.js';
-import './index-a29fe3cc.js';
-import './index-db251866.js';
-import './index-cada4fdd.js';
-import './index-85d79537.js';
-import './index-90ef53ba.js';
-import './index-ca126268.js';
+import './index-2e746bf1.js';
+import './index-33bd983b.js';
+import './index-639cb504.js';
+import './index-56dd450e.js';
+import './index-440ffb0d.js';
+import './index-3428369d.js';
+import './index-69554b45.js';
+import './index-6eac4fcb.js';
+import './index-6d710122.js';
+import './index-cbe73e0a.js';
+import './index-971fdeab.js';
 import 'react-draggable';
-import './index-49033906.js';
-import './index-4b6fb704.js';
-import './index-b400db02.js';
+import './index-c9d1b13b.js';
+import './index-588cd65c.js';
+import './index-86b3b5b3.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-96951e19.js → index-d6ad83dc.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-e0c6b93d.js';
+import { s as styleInject } from './index-898b1d4c.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-f04ce6da.js → index-d6b42c8b.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-898b1d4c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-c99b8e51.js';
+import RoomRound from './index-9e81bda5.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-87ba3217.js → index-d7982590.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-898b1d4c.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';