@crystaldesign/diva-web-planner-react 25.1.0-beta.7 → 25.1.0-beta.9

package/build/esm/{index-c56b42c1.js → index-997d8398.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useEffect } from 'react';
-import Inputbox from './index-0de0da5e.js';
-import Product from './index-96f492b6.js';
-import Settings from './index-d9349ddd.js';
-import TabGroup from './index-dfab4276.js';
+import Inputbox from './index-c8138fed.js';
+import Product from './index-5c517f49.js';
+import Settings from './index-cdd30aa9.js';
+import TabGroup from './index-09a66432.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -21,91 +21,91 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-a7135a8b.js';
-import './index-433ca253.js';
+import './index-15109923.js';
+import './index-d1bbc09b.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-2920ca7d.js';
-import './index-14e7a01b.js';
-import './index-fb572e97.js';
-import './index-430a7dc0.js';
-import './index-5fb4be41.js';
-import './index.module-53c22cac.js';
-import './index-b1ac6d5d.js';
-import './index-6d40aba5.js';
-import './index-f2dc545f.js';
-import './index-1e6e2720.js';
-import './index-aeaa2360.js';
-import './index-bcb49aaa.js';
+import './index-1e2c92e2.js';
+import './index-9fe7ebbb.js';
+import './index-a1dfbc8e.js';
+import './index-6e091ba7.js';
+import './index-4416759c.js';
+import './index.module-27b40885.js';
+import './index-c0fd0d05.js';
+import './index-b4036d02.js';
+import './index-2bdc81a1.js';
+import './index-eaa31cff.js';
+import './index-fc0440d3.js';
+import './index-f7241829.js';
 import '@crystaldesign/content-box';
-import './index-39b1fbec.js';
-import './index-70a88494.js';
-import './index-8c1f65b4.js';
+import './index-e271bb0f.js';
+import './index-4a5a4bce.js';
+import './index-893a2a7e.js';
 import 'react-laag';
-import './index-4a14043a.js';
+import './index-e1718716.js';
 import 'react-qr-code';
-import './index-d3e639ac.js';
-import './index-e4762824.js';
+import './index-f6bdde6b.js';
+import './index-9b9d9cd0.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-daf20409.js';
-import './index-ba8497c7.js';
-import './index-e8f91ebc.js';
-import './index-88a549ae.js';
-import './index-4f4efb93.js';
-import './index-c9a97824.js';
-import './index-d00b408c.js';
-import './index-543b7f9a.js';
+import './index-d429e9c9.js';
+import './index-4fddbdcf.js';
+import './index-8b62cbc0.js';
+import './index-6c1b1c10.js';
+import './index-2864d8c8.js';
+import './index-4e2c321c.js';
+import './index-755f13d4.js';
+import './index-6fd34e03.js';
 import 'sift';
-import './index-42c6a75a.js';
-import './index-2b72fb2d.js';
-import './index-924b2669.js';
-import './index-0080ad48.js';
-import './index.module-9f588d80.js';
-import './index-191d263c.js';
-import './index-27d960f2.js';
-import './index-3cda62b1.js';
-import './index-12459b02.js';
-import './index-c8b6fac8.js';
-import './index-035dcb4b.js';
-import './index-f96c1af4.js';
-import './index-095f8d05.js';
-import './index-ff2ef37a.js';
-import './index-520bc0f6.js';
-import './index-4933c8c7.js';
-import './index-fa82b1a2.js';
+import './index-fd1b09ee.js';
+import './index-0b335ec1.js';
+import './index-71949045.js';
+import './index-c5d8597e.js';
+import './index.module-efd74c2e.js';
+import './index-11f9a0ec.js';
+import './index-622dae07.js';
+import './index-5998cbab.js';
+import './index-a1a8f940.js';
+import './index-d9347281.js';
+import './index-1e49cf4d.js';
+import './index-daf3e29b.js';
+import './index-1e516734.js';
+import './index-edde2797.js';
+import './index-ed21696e.js';
+import './index-87b43e02.js';
+import './index-45145d7c.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-f153226f.js';
-import './index-1cc384fc.js';
-import './index-16a7aa93.js';
-import './index-8be4c326.js';
-import './index-bf77dd09.js';
-import './index-e8ba4279.js';
-import './index-46a7b35c.js';
-import './index-614e71aa.js';
-import './index-89a95259.js';
-import './index-21fa42d9.js';
-import './index-3f598545.js';
-import './index-151d48d5.js';
-import './index-b751bd3b.js';
-import './index.module-2fa83499.js';
-import './index-839eb046.js';
-import './index-83fb2fd5.js';
-import './index-f7bb2230.js';
-import './index-2b432eb6.js';
-import './index-a7885667.js';
-import './index-b7397ea7.js';
-import './index-ffc93da7.js';
-import './index.module-dbc84b6d.js';
-import './index-b1886ce1.js';
-import './index-52a43b80.js';
-import './index-b11d1360.js';
-import './index-d68cf1a1.js';
-import './index-14097f31.js';
-import './index-3904c878.js';
-import './index-0b35b510.js';
-import './index-0951e2fc.js';
+import './index-7224dbdd.js';
+import './index-3ff08b3e.js';
+import './index-e01d306f.js';
+import './index-1e3f7e25.js';
+import './index-487e6c7e.js';
+import './index-6c86a521.js';
+import './index-230186b1.js';
+import './index-394b9bcb.js';
+import './index-18225eca.js';
+import './index-2dec31ed.js';
+import './index-0fa22fb8.js';
+import './index-845f12fe.js';
+import './index-4c506248.js';
+import './index.module-cf261244.js';
+import './index-52f04965.js';
+import './index-a605f7df.js';
+import './index-67580079.js';
+import './index-b591141e.js';
+import './index-674ee541.js';
+import './index-fb93b95f.js';
+import './index-708eb185.js';
+import './index.module-7e5580bd.js';
+import './index-c5ceb6da.js';
+import './index-dac4e348.js';
+import './index-6ec0a07d.js';
+import './index-3467d80f.js';
+import './index-667886e8.js';
+import './index-5e780ee3.js';
+import './index-83b536b0.js';
+import './index-89e8472e.js';
 
 var wcConfigurator = "wcConfigurator-in-ZO";
 var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";

package/build/esm/{index-bf1a95e1.js → index-9a08aa98.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-943111a1.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-23a0f1b2.js → index-9aa75522.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-e4762824.js → index-9b9d9cd0.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-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useRef, useState, useEffect } from 'react';

package/build/esm/{index-d70346a5.js → index-9e3e1e76.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-943111a1.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-2e76efae.js';
+import ShelfDeleteButton from './index-0d835ca8.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-14e7a01b.js → index-9fe7ebbb.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-943111a1.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-fb572e97.js';
-import Planner3DImage from './index-430a7dc0.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-53c22cac.js';
+import Planner2DGrid from './index-a1dfbc8e.js';
+import Planner3DImage from './index-6e091ba7.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-27b40885.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-6d40aba5.js';
-import PlannerMsgContainer from './index-f2dc545f.js';
-import PlannerUIVariant from './index-1e6e2720.js';
-import RotateInfo from './index-aeaa2360.js';
-import PromotedOpvs from './index-bcb49aaa.js';
-import OrbitInteraction from './index-39b1fbec.js';
-import MobileNavIcons from './index-70a88494.js';
+import Planner3DGrid from './index-b4036d02.js';
+import PlannerMsgContainer from './index-2bdc81a1.js';
+import PlannerUIVariant from './index-eaa31cff.js';
+import RotateInfo from './index-fc0440d3.js';
+import PromotedOpvs from './index-f7241829.js';
+import OrbitInteraction from './index-e271bb0f.js';
+import MobileNavIcons from './index-4a5a4bce.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,20 +26,20 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-5fb4be41.js';
-import './index-b1ac6d5d.js';
+import './index-4416759c.js';
+import './index-c0fd0d05.js';
 import '@crystaldesign/content-box';
-import './index-8c1f65b4.js';
+import './index-893a2a7e.js';
 import 'react-laag';
-import './index-4a14043a.js';
+import './index-e1718716.js';
 import 'react-qr-code';
-import './index-d3e639ac.js';
+import './index-f6bdde6b.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-4b573f3c.js');
+  return import('./index-c0440293.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-f8bcb7a3.js');
+  return import('./index-8429d8f8.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-12459b02.js → index-a1a8f940.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-c8b6fac8.js';
-import SlideFilter from './index-f96c1af4.js';
+import RalDropdownFilter from './index-d9347281.js';
+import SlideFilter from './index-daf3e29b.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,9 +20,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
 import 'classnames';
-import './index-035dcb4b.js';
+import './index-1e49cf4d.js';
 import '@crystaldesign/content-box';
-import './index-095f8d05.js';
+import './index-1e516734.js';
 
 var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
 styleInject(css_248z);

package/build/esm/{index-fb572e97.js → index-a1dfbc8e.js}

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

package/build/esm/{index-83fb2fd5.js → index-a605f7df.js}

@@ -1,10 +1,10 @@
 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-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import StepInfo from './index-f7bb2230.js';
+import StepInfo from './index-67580079.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-64a1dd90.js → index-a70ba9be.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-943111a1.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-a7b7534c.js';
+import { s as svgWrapper } from './index.module-12e95927.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4995916e.js → index-a76bd6b0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-943111a1.js';
+import { s as styleInject } from './index-55a00321.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-54f41124.js → index-a79abba0.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-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-ed5f1f58.js';
-import LayoutSelection from './index-c2de32ee.js';
+import OptionSelector from './index-67514863.js';
+import LayoutSelection from './index-de2c403f.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-9d66bb12.js';
-import './index-035dcb4b.js';
+import './index.module-6e989cd2.js';
+import './index-1e49cf4d.js';
 
 var wrapper = "wrapper-XC8ci";
 var scrollable = "scrollable-Smp2u";

package/build/esm/{index-dd0d4ef7.js → index-a9dc0f3e.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-943111a1.js';
+import { s as styleInject } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-7936308d.js';
+import ActionNavigation from './index-43082a12.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4c31b63f.js → index-ac568c6f.js}

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

package/build/esm/{index-c67caf19.js → index-ad4c7fec.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-fb277b64.js → index-ae2254d1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-943111a1.js';
+import { s as styleInject } from './index-55a00321.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-d0df881e.js → index-ae6c3a31.js}

@@ -1,4 +1,4 @@
-import './index-943111a1.js';
+import './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-77cdeef9.js → index-b16009e3.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import 'react';
-import { w as wholeWrapper, n as notExpanded } from './index.module-92eac10d.js';
-import TabGroups from './index-7047a911.js';
-import TabGroupOptions from './index-b6d62965.js';
+import { w as wholeWrapper, n as notExpanded } from './index.module-a234241d.js';
+import TabGroups from './index-df7f1f72.js';
+import TabGroupOptions from './index-06c2e040.js';
 import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-f9b02659.js';
+import ProduktDetails from './index-ee16a4be.js';
 import Collapsible from 'react-collapsible';
-import Price from './index-4e7280d1.js';
+import Price from './index-2078a01b.js';
 import classnames from 'classnames';
-import JsonViewer from './index-c1f886fb.js';
+import JsonViewer from './index-c29d33ec.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,9 +24,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-e6b11d36.js';
+import './index.module-d5600bd3.js';
 import 'react-json-view-lite';
-import './react-json-viewer-c2225847.js';
+import './react-json-viewer-51055d93.js';
 
 var menuPoint = "menu-point-Bz5zM";
 var collapsibleHeader = "collapsibleHeader-lzT9Y";

package/build/esm/{index-6d40aba5.js → index-b4036d02.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-943111a1.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import 'react';
-import { k as wcPlanner3DGrid } from './index.module-53c22cac.js';
+import { k as wcPlanner3DGrid } from './index.module-27b40885.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2b432eb6.js → index-b591141e.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-839eb046.js';
-import InfoIcon from './index-191d263c.js';
+import IsActive from './index-52f04965.js';
+import InfoIcon from './index-11f9a0ec.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-44c3a949.js → index-b5d04b29.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import 'react';
-import BasketActionStandard from './index-23a0f1b2.js';
+import BasketActionStandard from './index-9aa75522.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f8e096dc.js → index-b6cd9082.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-a893f98b.js';
+import { g as getIconOfTabGroup } from './IconHandler-e2ec2863.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-fe5f097d.js → index-b827c9bb.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-08d0ab4c.js';
+import ProductHeaderFunction from './index-f6349cfe.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-e4762824.js';
+import ContentItemWrapper from './index-9b9d9cd0.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-63459f36.js → index-bae52b9d.js}

@@ -1,6 +1,6 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import 'react';
-import Toggle from './index-433ca253.js';
+import Toggle from './index-d1bbc09b.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';

package/build/esm/{index-f4cf8185.js → index-bb0d030e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-fab277bb.js → index-be53d030.js}

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

package/build/esm/{index-4cccd048.js → index-bef77e8d.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-943111a1.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-4b573f3c.js → index-c0440293.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-5fb4be41.js';
+import NavBar from './index-4416759c.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -59,12 +59,15 @@ var Planner3D = function Planner3D() {
   useEffect(function () {
     var newState = [];
     viewHandler.viewPlannerHandler.plannerUIHandler.uiItems.forEach(function (uiItem) {
-      if (uiItem.type != 'PosNr') return;
+      if (uiItem.type != 'PosNr' && uiItem.type != 'BoxCopyLeft' && uiItem.type != 'BoxCopyRight' && uiItem.type != 'BoxCopyTop') return;
       newState.push({
+        setId: uiItem.setId,
         elementId: Number(uiItem.elementId),
         active: uiItem.elemState == 'selected',
         selectable: uiItem.elemState != 'unselectable',
-        posNr: uiItem.posNr
+        posNr: uiItem.posNr,
+        callback: function callback() {},
+        type: uiItem.type
       });
     });
     if (JSON.stringify(newState) != JSON.stringify(elementsInfo)) {

package/build/esm/{index-b1ac6d5d.js → index-c0fd0d05.js}

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

package/build/esm/{index-1ac47d9c.js → index-c20b288d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-c1f886fb.js → index-c29d33ec.js}

@@ -1,11 +1,11 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-943111a1.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-e6b11d36.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-d5600bd3.js';
 import classnames from 'classnames';
 import { JsonView, darkStyles } from 'react-json-view-lite';
-import './react-json-viewer-c2225847.js';
+import './react-json-viewer-51055d93.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';