@crystaldesign/diva-web-planner-react 24.14.0-beta.34 → 24.14.0-beta.35

package/build/esm/{index-c4f4c2a5.js → index-ab9a5c88.js}

@@ -1,22 +1,22 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-960790f4.js';
+import { u as useViewHandler } from './index-f1e16a67.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect, createElement } from 'react';
-import Product from './index-feeca910.js';
-import Sidebar from './index-046693b9.js';
-import OptionTree from './index-c1019bba.js';
-import PartListTable from './index-f3c1fa16.js';
-import MaskEditor from './index-c8a61fea.js';
-import JsonAnalyzer from './index-dd92e55c.js';
-import SVGAnalyzer from './index-e34ddf5a.js';
-import { l as list } from './index.module-efcba738.js';
-import EkTextViewer from './index-bd1faecf.js';
-import CatalogMakeup from './index-bcbf54fa.js';
-import PartListAnalyzer from './index-857f6ce6.js';
-import RTVAnalyzer from './index-93ec1113.js';
-import J3DEditor from './index-ada1be68.js';
-import PropertiesEditor from './index-f91bad92.js';
+import Product from './index-6276b7b8.js';
+import Sidebar from './index-7dab824b.js';
+import OptionTree from './index-2a90cb68.js';
+import PartListTable from './index-99e2828a.js';
+import MaskEditor from './index-0c28fe17.js';
+import JsonAnalyzer from './index-71223d0d.js';
+import SVGAnalyzer from './index-9f0a0492.js';
+import { l as list } from './index.module-1ccc51f8.js';
+import EkTextViewer from './index-860588e9.js';
+import CatalogMakeup from './index-41e25e1e.js';
+import PartListAnalyzer from './index-cbe410ca.js';
+import RTVAnalyzer from './index-f4fcb072.js';
+import J3DEditor from './index-7eecc6a1.js';
+import PropertiesEditor from './index-4b5ca451.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -30,100 +30,100 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-3d7e0326.js';
-import './index-bb825653.js';
+import './index-7cae627a.js';
+import './index-57b5f66b.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 import 'classnames';
-import './index-946d1e05.js';
-import './index-cf4ad664.js';
+import './index-94d6a922.js';
+import './index-128bede0.js';
 import 'sift';
-import './index-f4366571.js';
-import './index-55e173b3.js';
-import './index-707362f8.js';
-import './index-196d7795.js';
-import './index-84da8c18.js';
-import './index.module-0d047aee.js';
-import './index-9c66eabd.js';
+import './index-cf79e7ce.js';
+import './index-6b8907af.js';
+import './index-23e835cb.js';
+import './index-916e469f.js';
+import './index-c4d37611.js';
+import './index.module-eeaa1889.js';
+import './index-316bf980.js';
 import 'react-switch';
-import './index-3bd621da.js';
-import './index-9c75516d.js';
+import './index-d10ddbdd.js';
+import './index-13bca7a9.js';
 import 'react-dropdown';
-import './index-909d630d.js';
-import './index-dcd99eb9.js';
-import './index-45968bee.js';
-import './index-f10fdb43.js';
+import './index-afc45752.js';
+import './index-50578c4f.js';
+import './index-c14bfcbe.js';
+import './index-0c86d67e.js';
 import '@crystaldesign/content-box';
-import './index-491bfda3.js';
-import './index-a881da11.js';
-import './index-1cfb72b2.js';
-import './index-38ac7792.js';
-import './index-389de690.js';
+import './index-10873a0b.js';
+import './index-b1dff512.js';
+import './index-90d624f4.js';
+import './index-1943e9ba.js';
+import './index-7e5a2e3b.js';
 import '@crystaldesign/products-component';
-import './index-45fecd32.js';
-import './index-eb67b203.js';
-import './index-4f7f4d69.js';
+import './index-d58a9cc4.js';
+import './index-8edeffaf.js';
+import './index-4104cc24.js';
 import 'react-laag';
-import './index-ea57a7f6.js';
-import './index-c7e391c8.js';
-import './index-c523f029.js';
-import './index-58d65cb2.js';
-import './index-9a702b7f.js';
-import './index-8200810d.js';
-import './index-d71e1d75.js';
-import './index-10f8048b.js';
-import './index-ae58eec8.js';
-import './index-966521bc.js';
-import './index.module-0b6ecb3b.js';
-import './index-7af396c0.js';
-import './index-904b621d.js';
-import './index-66427777.js';
-import './index-ace0da5e.js';
-import './index-902e7b3d.js';
-import './index-2145cd46.js';
-import './index-8f28075f.js';
-import './index.module-6347dc61.js';
-import './index-3934aafd.js';
-import './index-d9e54bbc.js';
-import './index-dd1eb870.js';
-import './index-9cabf67d.js';
-import './index-4f66d566.js';
-import './index-487c23e7.js';
-import './index.module-3addafec.js';
-import './index-9c74d684.js';
-import './index-e3533d36.js';
-import './index-63a72430.js';
-import './index-202fc7f9.js';
-import './index-7a7574da.js';
-import './index-dde34953.js';
-import './index-2ec498b7.js';
-import './index-4fdeb0ff.js';
-import './index-0f235a70.js';
-import './index-2f855dd3.js';
-import './index-6ae95e4e.js';
-import './index-80be4154.js';
+import './index-05ec3616.js';
+import './index-860234fb.js';
+import './index-fa9abc11.js';
+import './index-c6a341ed.js';
+import './index-c5ffa802.js';
+import './index-72fd8e89.js';
+import './index-dd31be5c.js';
+import './index-473c011a.js';
+import './index-55dcfbec.js';
+import './index-651fbf25.js';
+import './index.module-07c8d7b6.js';
+import './index-333574ef.js';
+import './index-cf30f3c0.js';
+import './index-4427dc86.js';
+import './index-63a51c6d.js';
+import './index-b010498e.js';
+import './index-28e9c561.js';
+import './index-e995ab03.js';
+import './index.module-31c98a79.js';
+import './index-a894ea86.js';
+import './index-2371a179.js';
+import './index-e7357fba.js';
+import './index-bfe385e0.js';
+import './index-635c9654.js';
+import './index-2fb05f5f.js';
+import './index.module-679cd13d.js';
+import './index-f85350b4.js';
+import './index-0df60282.js';
+import './index-a2c08b37.js';
+import './index-f732a5d8.js';
+import './index-17e34fa8.js';
+import './index-b6cb3307.js';
+import './index-9515cffb.js';
+import './index-5841227b.js';
+import './index-07918ad2.js';
+import './index-e6e4eb5a.js';
+import './index-6a670e88.js';
+import './index-8bc12e57.js';
 import 'react-collapsible';
-import './index-df0785ab.js';
-import './index-8431e9c1.js';
-import './index.module-bc559fee.js';
+import './index-d907560f.js';
+import './index-b6a1b4e9.js';
+import './index.module-3c3560ea.js';
 import 'react-json-view-lite';
 import 'react-json-view-lite/dist/index.css';
-import './index.module-82da07ed.js';
+import './index.module-22e42241.js';
 import 'jsoneditor';
-import './index-96928e2c.js';
-import './index-a7917ac0.js';
-import './index-b253f3d6.js';
-import './index.module-8bb56252.js';
-import './index-65bc098c.js';
-import './index-5a400586.js';
-import './index.module-b565eab1.js';
-import './index-de4fee34.js';
-import './index-b583897c.js';
-import './index-65013553.js';
-import './CatalogProperties-94975930.js';
-import './ArticleProperties-92093aea.js';
-import './OptionProperties-7a252180.js';
-import './OptionValueProperties-f9f801c1.js';
+import './index-49a7e3c6.js';
+import './index-3e603643.js';
+import './index-4e6809fa.js';
+import './index.module-fafe2add.js';
+import './index-3addeca2.js';
+import './index-be16f785.js';
+import './index.module-9fa9bb8e.js';
+import './index-3fd005a6.js';
+import './index-5aa1f782.js';
+import './index-c95e1534.js';
+import './CatalogProperties-ec3d3928.js';
+import './ArticleProperties-3ffbd714.js';
+import './OptionProperties-ae423418.js';
+import './OptionValueProperties-1850be15.js';
 import 'react-select';
 
 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-19397ef2.js → index-abd999ab.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-960790f4.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-f1e16a67.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-65dfccb3.js';
-import AVR from './index-5774d6b6.js';
-import Outline from './index-1c8f3e9e.js';
-import RotationClockwise from './index-33e16d61.js';
-import RotationCounterClockwise from './index-970add6d.js';
-import Trash from './index-21e35aab.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-baf48ca2.js';
+import AVL from './index-b6a8a52e.js';
+import AVR from './index-ba4549d7.js';
+import Outline from './index-6ccc78b9.js';
+import RotationClockwise from './index-1e312723.js';
+import RotationCounterClockwise from './index-a4ecd1d4.js';
+import Trash from './index-4873b0ba.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-9387e568.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-d27709a4.js';
-import BoxCopy from './index-907d3259.js';
-import Move3DGrid from './index-8d5c8e62.js';
-import Rotation3DGrid from './index-f524714f.js';
+import PosNr from './index-1872964a.js';
+import BoxCopy from './index-997f17ed.js';
+import Move3DGrid from './index-343dcae2.js';
+import Rotation3DGrid from './index-bf907d4d.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-3e76dc18.js';
-import DistanceToGround from './index-107b705e.js';
+import ElementCopy from './index-6a3c84d3.js';
+import DistanceToGround from './index-de2838fc.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,7 +29,7 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import 'classnames';
-import './index-49f0bc17.js';
+import './index-1f6d2c2d.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {
@@ -209,7 +209,7 @@ function useTrashPositioning(_ref) {
           if (trashItem !== null && trashItem !== void 0 && trashItem.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, trashItem.rotOfElement);
           left = posNrRect.left + offsetVec.x;
           top = posNrRect.top + offsetVec.y;
-        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D') {
+        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D' || (trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == 'BOX') {
           if (viewConfig.enableElementCopy) {
             useCalc = true;
             leftCalc = 'calc(' + posNrRect.left.toString() + '% - ' + posNrRect.width / 1.8 + 'px)';
@@ -235,7 +235,7 @@ function useTrashPositioning(_ref) {
             left = left + offsetVec.x;
             top = top + offsetVec.y;
           }
-        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D') {
+        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D' || (trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == 'BOX') {
           if (boxPlannerCopyLeftRect || boxPlannerCopyRightRect || boxPlannerCopyTopRect) {
             //if one of the bounding box Copy Icons is set -> check for collision with one copy element.
             var collisionFound = false;

package/build/esm/{index-950b272f.js → index-af12ee99.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-909d630d.js → index-afc45752.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-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-dcd99eb9.js';
-import SlideFilter from './index-f10fdb43.js';
+import RalDropdownFilter from './index-50578c4f.js';
+import SlideFilter from './index-0c86d67e.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-45968bee.js';
+import './index-c14bfcbe.js';
 import '@crystaldesign/content-box';
-import './index-491bfda3.js';
+import './index-10873a0b.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-eb57a120.js → index-aff1882c.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-c45d5614.js';
+import RoomRound from './index-c3225df9.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-902e7b3d.js → index-b010498e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-960790f4.js';
+import { s as styleInject } from './index-f1e16a67.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-af2c8e4b.js → index-b077e141.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-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-58173d86.js → index-b10063a2.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-55e173b3.js';
-import SettingsConfigSingle from './index-48ff46ec.js';
-import SettingsPosNr from './index-46e9f1a2.js';
+import SettingsHeader from './index-6b8907af.js';
+import SettingsConfigSingle from './index-c9af1fe5.js';
+import SettingsPosNr from './index-3f743dca.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,9 +20,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-9c65b084.js';
+import './index-18619871.js';
 import 'react-laag';
-import './index-96eff7fb.js';
+import './index-776080c4.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-a881da11.js → index-b1dff512.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-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-6b2f5cb2.js → index-b32bfe15.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-b18e20a6.js → index-b3d6e685.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-8431e9c1.js → index-b6a1b4e9.js}

@@ -1,8 +1,8 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-960790f4.js';
+import { u as useViewHandler } from './index-f1e16a67.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-bc559fee.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-3c3560ea.js';
 import classnames from 'classnames';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import 'react-json-view-lite/dist/index.css';

package/build/esm/{index-65dfccb3.js → index-b6a8a52e.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-960790f4.js';
+import { a as usePlannerUIHandler } from './index-f1e16a67.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-dde34953.js → index-b6cb3307.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-97bf380b.js → index-b717e317.js}

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

package/build/esm/index-b95c1651.js

@@ -0,0 +1,160 @@
+import { s as styleInject } from './index-f1e16a67.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-63023a83.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-8233acc8.js';
+import PlannerUI from './index-cb63efec.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+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 'mobx-react-lite';
+import './index-d1c8a6d5.js';
+import './index-abd999ab.js';
+import './index-b6a8a52e.js';
+import './index-ba4549d7.js';
+import './index-6ccc78b9.js';
+import './index-1e312723.js';
+import './index-a4ecd1d4.js';
+import './index-4873b0ba.js';
+import './index-9387e568.js';
+import './index-1f6d2c2d.js';
+import './index-1872964a.js';
+import './index-997f17ed.js';
+import './index-343dcae2.js';
+import 'react-draggable';
+import './index-bf907d4d.js';
+import './index-6a3c84d3.js';
+import './index-de2838fc.js';
+
+var wcPlannerButton = "wcPlannerButton-hPp4U";
+var mobile = "mobile-ZE7fr";
+var css_248z$6 = ".wcPlannerButton-hPp4U {\n  position: absolute;\n  background-repeat: no-repeat;\n  transition: background-image 0.2s ease-in-out;\n  --globalSize: 40px;\n  --posNrSize: var(--globalSize);\n  --trashSize: var(--globalSize);\n  --rotSize: var(--globalSize);\n  --copySize: var(--globalSize);\n  --fontSize: 26px;\n  --copyArrowSize: var(--globalSize);\n}\n\n.mobile-ZE7fr {\n  --globalSize: 28px;\n  --fontSize: 17px;\n}\n";
+styleInject(css_248z$6);
+
+var wcUi2DDpAvl = "wcUI2D_DP_AVL-iHhPw";
+var wcUi2DDpAvlSel = "wcUI2D_DP_AVL_SEL-SFLkk";
+var css_248z$5 = "/*STANDARD*/\n\n.wcUI2D_DP_AVL-iHhPw {\n  height: 40px;\n  width: 40px;\n\n  margin-top: -20px;\n  margin-left: -20px;\n\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0);\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle opacity%3D%220.5%22 cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 transform%3D%22rotate(-180 20 20)%22 fill%3D%22%23E5E5E5%22%2F%3E%3Cpath d%3D%22M7 20L20 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M13 14L7 20.0606L13 26%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%224%22 transform%3D%22rotate(-180 20 20)%22 fill%3D%22%234B4B4B%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  z-index: 263;\n}\n\n.wcUI2D_DP_AVL-iHhPw:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle opacity%3D%220.5%22 cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 transform%3D%22rotate(-180 20 20)%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M7 20L20 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M13 14L7 20.0606L13 26%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%224%22 transform%3D%22rotate(-180 20 20)%22 fill%3D%22%234B4B4B%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcUI2D_DP_AVL_SEL-SFLkk::after {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  content: '';\n  background-color: var(--primaryColor);\n  border-radius: var(--articlePosNrRadius);\n  opacity: 0.3;\n}\n";
+styleInject(css_248z$5);
+
+var wcUi2DDpAvr = "wcUI2D_DP_AVR-exJDT";
+var wcUi2DDpAvrSel = "wcUI2D_DP_AVR_SEL-RiZkU";
+var css_248z$4 = "/*STANDARD*/\n\n.wcUI2D_DP_AVR-exJDT {\n  height: 40px;\n  width: 40px;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0);\n\n  margin-top: -20px;\n  margin-left: -20px;\n\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle opacity%3D%220.5%22 cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23E5E5E5%22%2F%3E%3Cpath d%3D%22M33 20L20 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M27 26L33 19.9394L27 14%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%224%22 fill%3D%22%234B4B4B%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  z-index: 263;\n}\n\n.wcUI2D_DP_AVR-exJDT:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle opacity%3D%220.5%22 cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M33 20L20 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M27 26L33 19.9394L27 14%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%224%22 fill%3D%22%234B4B4B%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcUI2D_DP_AVR_SEL-RiZkU::after {\n  width: 40px;\n  height: 40px;\n  content: '';\n  background-color: var(--primaryColor);\n  border-radius: var(--articlePosNrRadius);\n  opacity: 0.3;\n}\n";
+styleInject(css_248z$4);
+
+var wcUi2DDpAvDocking = "wcUI2D_DP_AV_DOCKING-B4pye";
+var wcUi2DDpAvNotDocking = "wcUI2D_DP_AV_NOT_DOCKING-lVgqL";
+var wcUi2DDpAvNotDockingSel = "wcUI2D_DP_AV_NOT_DOCKING_SEL-IB1dU";
+var wcUi3DDpAvDocking = "wcUI3D_DP_AV_DOCKING-WVzbw";
+var wcUi3DDpAvNotDocking = "wcUI3D_DP_AV_NOT_DOCKING-knDpA";
+var wcUi3DDpAvNotDockingSel = "wcUI3D_DP_AV_NOT_DOCKING_SEL-gFJW1";
+var css_248z$3 = "/*STANDARD*/\n.wcUI2D_DP_AV_DOCKING-B4pye {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: calc(var(--globalSize) * -0.5);\n  z-index: 263;\n}\n.wcUI2D_DP_AV_NOT_DOCKING-lVgqL {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20 27L20 13%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: calc(var(--globalSize) * -0.5);\n  z-index: 263;\n}\n.wcUI2D_DP_AV_NOT_DOCKING-lVgqL:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20 27L20 13%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcUI2D_DP_AV_NOT_DOCKING_SEL-IB1dU::after {\n  position: absolute;\n  width: var(--globalSize);\n  height: var(--globalSize);\n  background-color: var(--primaryColor);\n  border-radius: var(--articlePosNrRadius);\n  opacity: 0.5;\n}\n\n.wcUI3D_DP_AV_DOCKING-WVzbw {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: 0px;\n  z-index: 270;\n}\n\n.wcUI3D_DP_AV_DOCKING-WVzbw:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcUI3D_DP_AV_NOT_DOCKING-knDpA {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20 27L20 13%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: 0px;\n  z-index: 270;\n}\n.wcUI3D_DP_AV_NOT_DOCKING-knDpA:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20 27L20 13%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcUI3D_DP_AV_NOT_DOCKING_SEL-gFJW1::after {\n  position: absolute;\n  width: var(--globalSize);\n  height: var(--globalSize);\n  content: '';\n  border-radius: var(--articlePosNrRadius);\n  opacity: 0.5;\n}\n";
+styleInject(css_248z$3);
+
+var wcUiCopy = "wcUI_Copy-zGN0x";
+var css_248z$2 = "/*STANDARD*/\n.wcUI_Copy-zGN0x {\n  width: var(--copySize);\n  height: var(--copySize);\n  border-radius: 50%;\n  background: #f5f5f5;\n  background-repeat: no-repeat;\n  text-align: center;\n  cursor: pointer;\n  background-size: 70%;\n  margin-top: calc(var(--copySize) / -2);\n  margin-left: calc(var(--copySize) / -2);\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M20.6426 6.40527H8.20862V22.9839H20.6426V6.40527Z%22 stroke%3D%22%23555050%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M4.75452 19.5298V2.95117H17.1885%22 stroke%3D%22%23555050%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E\");\n  z-index: 262;\n}\n\n.wcUI_Copy-zGN0x:hover {\n  background-color: #c4c4c4;\n}\n";
+styleInject(css_248z$2);
+
+var wcUiDel = "wcUI_Del-S-iQr";
+var boxplanner = "boxplanner-8JTKR";
+var css_248z$1 = "/*STANDARD*/\n.wcUI_Del-S-iQr {\n  width: var(--trashSize);\n  height: var(--trashSize);\n  border-radius: 50%;\n  background: #f5f5f5;\n  text-align: center;\n  cursor: pointer;\n  margin-top: calc(var(--trashSize) / -2);\n  margin-left: calc(var(--trashSize) / -2);\n  background-position: center center;\n  background-size: 110%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M11 13.7127L29 13.7124M14.2348 28.9391L13.2581 14.2008V13.9969L13.2987 13.7127H26.7004L26.7419 13.9969V14.1602L25.7644 28.9391C23.9718 29.0203 16.2719 29.0203 14.2348 28.9391ZM17.0933 13.712H22.9067V11H17.0933V13.712Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M21.8885 16.8988V25.8406M18.0547 16.8721V25.8139V16.8721Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  z-index: 262;\n}\n\n.wcUI_Del-S-iQr:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M11 13.7127L29 13.7124M14.2348 28.9391L13.2581 14.2008V13.9969L13.2987 13.7127H26.7004L26.7419 13.9969V14.1602L25.7644 28.9391C23.9718 29.0203 16.2719 29.0203 14.2348 28.9391ZM17.0933 13.712H22.9067V11H17.0933V13.712Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M21.8885 16.8988V25.8406M18.0547 16.8721V25.8139V16.8721Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.boxplanner-8JTKR.wcUI_Del-S-iQr {\n  margin-left: calc(var(--trashSize) * -0.8);\n  margin-top: calc(var(--trashSize) * 0.3);\n}\n";
+styleInject(css_248z$1);
+
+var wcPlannerPosNr = "wcPlanner_PosNr-I5lrs";
+var wcPlannerPosNrSelectableArea = "wcPlanner_PosNr_Selectable_Area-mxnmd";
+var wcPlannerPosNrSelected = "wcPlanner_PosNr_Selected-VNG2p";
+var wcPlannerPosNrSelectable = "wcPlanner_PosNr_Selectable-XKr-h";
+var wcPlannerPosNrUnSelectable = "wcPlanner_PosNr_UnSelectable-Tm4HU";
+var wcPlannerPosNrOnHover = "wcPlanner_PosNr_OnHover-uUbHT";
+var css_248z = "/*Standard*/\n\n.wcPlanner_PosNr-I5lrs {\n  width: var(--posNrSize);\n  height: var(--posNrSize);\n  border-radius: 50%;\n  font-size: var(--fontSize);\n  line-height: var(--posNrSize);\n  text-align: center;\n  margin-top: calc(var(--posNrSize) / -2);\n  margin-left: calc(var(--posNrSize) / -2);\n  cursor: pointer;\n  z-index: 262;\n}\n\n.wcPlanner_PosNr-I5lrs:hover {\n  background: #c4c4c4;\n}\n\n.wcPlanner_PosNr_Selectable_Area-mxnmd {\n  width: var(--posNrSize);\n  height: var(--posNrSize);\n  position: absolute;\n  background-color: rgba(100, 100, 100, 0);\n  cursor: pointer;\n}\n.wcPlanner_PosNr_Selected-VNG2p {\n  background: var(--primaryColor);\n  color: #ffffff;\n}\n.wcPlanner_PosNr_Selectable-XKr-h {\n  background: #f5f5f5;\n  color: #4b4b4b;\n}\n\n.wcPlanner_PosNr_UnSelectable-Tm4HU {\n  background: #dfdfdf;\n  color: rgb(175, 172, 172);\n  cursor: inherit;\n}\n\n.wcPlanner_PosNr_UnSelectable-Tm4HU:hover {\n  background: #dfdfdf;\n}\n\n.wcPlanner_PosNr_OnHover-uUbHT {\n  background-color: #a3a3a3;\n  transition: background-color 0.15s ease;\n}\n";
+styleInject(css_248z);
+
+var StandardPlannerUI = function StandardPlannerUI() {
+  var _useDivaCore = useDivaCore(),
+    isMobile = _useDivaCore.state.dimensions.isMobile;
+  var plannerUIProps = {
+    classes: {
+      buttonGeneral: classnames(wcPlannerButton, isMobile ? mobile : undefined),
+      dockingPoint: {
+        AVL: {
+          avl: wcUi2DDpAvl,
+          avlSel: wcUi2DDpAvlSel
+        },
+        AVR: {
+          avr: wcUi2DDpAvr,
+          avrSel: wcUi2DDpAvrSel
+        },
+        DPACC: {
+          dp2DAccDocking: wcUi2DDpAvDocking,
+          dp2DAccNotDocking: wcUi2DDpAvNotDocking,
+          dp2DAccNotDockingSel: wcUi2DDpAvNotDockingSel,
+          dp3DAccDocking: wcUi3DDpAvDocking,
+          dp3DAccNotDocking: wcUi3DDpAvNotDocking,
+          dp3DAccNotDockingSel: wcUi3DDpAvNotDockingSel
+        }
+      },
+      copy: {
+        BoxPlannerCopy: {
+          copyGlobal: wcBoxPlannerAddElement,
+          copyLeft: wcBoxPlannerAddElementLeft,
+          copyTop: wcBoxPlannerAddElementTop,
+          copyRight: wcBoxPlannerAddElementRight
+        },
+        ElementCopy: wcUiCopy
+      },
+      outline: {
+        outline2D: {
+          draggable: wcUi2DOutlineDraggable,
+          draggableActive: wcUi2DOutlineDraggableActive,
+          selectable: wcUi2DOutlineSelectable
+        },
+        outline3D: {
+          outlineSVG: wc3DOutlineSvg,
+          outlinePolygon: wc3DOutlinePolygon,
+          outlinePolygonContours: wc3DOutlinePolygonContours,
+          outlinePolygonContoursSel: wc3DOutlinePolygonContoursSel
+        }
+      },
+      posNr: {
+        posNr: wcPlannerPosNr,
+        posNrAcc: '',
+        posNrSelectable: wcPlannerPosNrSelectable,
+        posNrSelectableArea: wcPlannerPosNrSelectableArea,
+        posNrSelected: wcPlannerPosNrSelected,
+        posNrUnSelectable: wcPlannerPosNrUnSelectable,
+        posNrOnHover: wcPlannerPosNrOnHover
+      },
+      rotation: {
+        rotClock: wc2DRotClock,
+        rotCounterClock: wc2DRotCounterClock,
+        rot3DGrid: wcPlanner3DRot
+      },
+      move3DGrid: {
+        move3DGrid: wcPlanner3DMove
+      },
+      trash: {
+        trashClass: wcUiDel,
+        boxplanner: boxplanner
+      },
+      dimension: {
+        distanceToGround: wcPlannerDistanceToGround,
+        distanceToGroundIcon: wcPlannerArrowDistanceToGround
+      }
+    }
+  };
+  return /*#__PURE__*/jsx(PlannerUI, {
+    plannerUIProps: plannerUIProps
+  });
+};
+
+export { StandardPlannerUI as default };

package/build/esm/{index-5774d6b6.js → index-ba4549d7.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-960790f4.js';
+import { a as usePlannerUIHandler } from './index-f1e16a67.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';