npm - @crystaldesign/diva-web-planner-react - Versions diffs - 24.13.0-rc.2 → 24.13.0-rc.21 - Mend

@crystaldesign/diva-web-planner-react 24.13.0-rc.2 → 24.13.0-rc.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1200) hide show

package/build/esm/index-31e366ae.js ADDED Viewed

@@ -0,0 +1,156 @@
+import { s as styleInject } from './index-6177a8f1.js';
+import 'react';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-f5f072ea.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-4f571006.js';
+import { w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-cc6353f6.js';
+import PlannerUI from './index-2cd4c180.js';
+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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+import './index-27c77630.js';
+import 'classnames';
+import './index-fe3a0230.js';
+import './index-7e319ef4.js';
+import './index-56412a7f.js';
+import './index-316343a8.js';
+import './index-27cd3d6a.js';
+import './index-78354c86.js';
+import './index-11afc5e9.js';
+import './index-d8d0aca5.js';
+import './index-e4eeff99.js';
+import './index-b7c52058.js';
+import './index-40f15e48.js';
+import './index-577bafd1.js';
+import 'react-draggable';
+import './index-6cad84a4.js';
+import './index-0a40a4e4.js';
+import './index-81d562d0.js';
+var wcPlannerButton = "wcPlannerButton-7VWLs";
+var css_248z$6 = ".wcPlannerButton-7VWLs {\n  position: absolute;\n  background-repeat: no-repeat;\n  transition: background-image 0.2s ease-in-out;\n}\n";
+styleInject(css_248z$6);
+var wcUi2DDpAvl = "wcUI2D_DP_AVL-w776P";
+var wcUi2DDpAvlSel = "wcUI2D_DP_AVL_SEL-zCEhK";
+var css_248z$5 = "/*.wcPlannerButton {\n  position: absolute;\n  background-repeat: no-repeat;\n  -webkit-transition: background-image 0.2s ease-in-out;\n  transition: background-image 0.2s ease-in-out;\n}\n*/\n\n.wcUI2D_DP_AVL-w776P {\n  border-radius: 0px !important;\n}\n\n.wcUI2D_DP_AVL-w776P {\n  height: 50px;\n  width: 50px;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: 20px;\n\n  background-position: center right;\n  background-position-x: 26px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n}\n\n.wcUI2D_DP_AVL_SEL-zCEhK {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.14125 13.1203C0.816636 12.7895 0.654331 12.6242 0.654331 12.4198C0.654331 12.2154 0.816636 12.0501 1.14125 11.7193L11.4901 1.17541C12.2181 0.433651 12.5821 0.0627729 12.8929 0.189821C13.2037 0.316868 13.2037 0.836538 13.2037 1.87588L13.2037 22.9637C13.2037 24.0031 13.2037 24.5227 12.8929 24.6498C12.5821 24.7768 12.2181 24.4059 11.4901 23.6642L1.14125 13.1203Z%22 fill%3D%22%23272727%22%2F%3E%3C%2Fsvg%3E\") !important;\n}\n";
+styleInject(css_248z$5);
+var wcUi2DDpAvr = "wcUI2D_DP_AVR-oYj8A";
+var wcUi2DDpAvrSel = "wcUI2D_DP_AVR_SEL-XRrsh";
+var css_248z$4 = ".wcUI2D_DP_AVR-oYj8A {\n  border-radius: 0px !important;\n}\n\n.wcUI2D_DP_AVR-oYj8A {\n  height: 50px;\n  width: 50px;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: 20px;\n  background-position: center left;\n  background-position-x: 4px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.0291 11.7193C13.3537 12.0501 13.516 12.2154 13.516 12.4198C13.516 12.6242 13.3537 12.7895 13.0291 13.1203L2.68029 23.6642C1.95226 24.4059 1.58825 24.7768 1.27743 24.6498C0.966613 24.5227 0.966613 24.0031 0.966613 22.9637L0.966614 1.87588C0.966614 0.836538 0.966614 0.316868 1.27743 0.18982C1.58825 0.0627725 1.95226 0.43365 2.68029 1.17541L13.0291 11.7193Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n}\n\n.wcUI2D_DP_AVR_SEL-XRrsh {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12.6938 11.7193C13.0184 12.0501 13.1808 12.2154 13.1808 12.4198C13.1808 12.6242 13.0184 12.7895 12.6938 13.1203L2.34503 23.6642C1.617 24.4059 1.25298 24.7768 0.942164 24.6498C0.631346 24.5227 0.631346 24.0031 0.631347 22.9637L0.631347 1.87588C0.631348 0.836538 0.631348 0.316868 0.942165 0.18982C1.25298 0.0627725 1.617 0.43365 2.34503 1.17541L12.6938 11.7193Z%22 fill%3D%22%23272727%22%2F%3E%3C%2Fsvg%3E\") !important;\n}\n";
+styleInject(css_248z$4);
+var wcUi2DDpAvDocking = "wcUI2D_DP_AV_DOCKING-dykAB";
+var wcUi2DDpAvNotDocking = "wcUI2D_DP_AV_NOT_DOCKING-4AvG7";
+var wcUi2DDpAvNotDockingSel = "wcUI2D_DP_AV_NOT_DOCKING_SEL-vuwqN";
+var wcUi3DDpAvDocking = "wcUI3D_DP_AV_DOCKING--4iHA";
+var wcUi3DDpAvNotDocking = "wcUI3D_DP_AV_NOT_DOCKING-NwAjs";
+var wcUi3DDpAvNotDockingSel = "wcUI3D_DP_AV_NOT_DOCKING_SEL--PDLM";
+var css_248z$3 = ".wcUI2D_DP_AV_DOCKING-dykAB {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: 20px;\n  background-color: #f2f2f2;\n  height: 40px;\n  width: 40px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2223%22 viewBox%3D%220 0 23 23%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5618 22.3251C17.474 22.3251 22.2668 17.5323 22.2668 11.6201C22.2668 5.70789 17.474 0.9151 11.5618 0.9151C5.64957 0.9151 0.856781 5.70789 0.856781 11.6201C0.856781 17.5323 5.64957 22.3251 11.5618 22.3251Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M5.85678 11.715H17.4568%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: -20px;\n  margin-left: -20px;\n  z-index: 263;\n}\n\n.wcUI2D_DP_AV_NOT_DOCKING-4AvG7 {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: 20px;\n  background-color: #f2f2f2;\n  height: 40px;\n  width: 40px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.1518 21.4198C17.064 21.4198 21.8568 16.627 21.8568 10.7148C21.8568 4.80262 17.064 0.00982666 11.1518 0.00982666C5.23957 0.00982666 0.446777 4.80262 0.446777 10.7148C0.446777 16.627 5.23957 21.4198 11.1518 21.4198Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M11.2469 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.44678 10.8097H17.0468%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: -20px;\n  margin-left: -20px;\n  z-index: 263;\n}\n.wcUI2D_DP_AV_NOT_DOCKING_SEL-vuwqN {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5498 21.4198C17.4621 21.4198 22.2548 16.627 22.2548 10.7148C22.2548 4.80262 17.4621 0.00982666 11.5498 0.00982666C5.63764 0.00982666 0.844849 4.80262 0.844849 10.7148C0.844849 16.627 5.63764 21.4198 11.5498 21.4198Z%22 fill%3D%22%23DFDFDF%22%2F%3E%3Cpath d%3D%22M11.645 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.84485 10.8097H17.4448%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n  background-color: #dfdfdf !important;\n}\n\n.wcUI3D_DP_AV_DOCKING--4iHA {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: 20px;\n  background-color: #f2f2f2;\n  height: 40px;\n  width: 40px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2223%22 viewBox%3D%220 0 23 23%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5618 22.3251C17.474 22.3251 22.2668 17.5323 22.2668 11.6201C22.2668 5.70789 17.474 0.9151 11.5618 0.9151C5.64957 0.9151 0.856781 5.70789 0.856781 11.6201C0.856781 17.5323 5.64957 22.3251 11.5618 22.3251Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M5.85678 11.715H17.4568%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: -20px;\n  margin-left: 0px;\n  z-index: 270;\n}\n.wcUI3D_DP_AV_NOT_DOCKING-NwAjs {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: 20px;\n  background-color: #f2f2f2;\n  height: 40px;\n  width: 40px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.1518 21.4198C17.064 21.4198 21.8568 16.627 21.8568 10.7148C21.8568 4.80262 17.064 0.00982666 11.1518 0.00982666C5.23957 0.00982666 0.446777 4.80262 0.446777 10.7148C0.446777 16.627 5.23957 21.4198 11.1518 21.4198Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M11.2469 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.44678 10.8097H17.0468%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: -20px;\n  margin-left: 0px;\n  z-index: 270;\n}\n.wcUI3D_DP_AV_NOT_DOCKING_SEL--PDLM {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5498 21.4198C17.4621 21.4198 22.2548 16.627 22.2548 10.7148C22.2548 4.80262 17.4621 0.00982666 11.5498 0.00982666C5.63764 0.00982666 0.844849 4.80262 0.844849 10.7148C0.844849 16.627 5.63764 21.4198 11.5498 21.4198Z%22 fill%3D%22%23DFDFDF%22%2F%3E%3Cpath d%3D%22M11.645 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.84485 10.8097H17.4448%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n  background-color: #dfdfdf !important;\n}\n";
+styleInject(css_248z$3);
+var wc2DRotClock = "wc2DRot_Clock-n78aC";
+var wc2DRotCounterClock = "wc2DRot_CounterClock-nWr4L";
+var css_248z$2 = ".wc2DRot_Clock-n78aC {\n  background-size: 100%;\n  width: 35px;\n  height: 35px;\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2233%22 height%3D%2233%22 viewBox%3D%220 0 33 33%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.6421 32.4198C7.80553 32.4198 0.642092 25.2564 0.642092 16.4198C0.642092 7.58326 7.80553 0.419815 16.6421 0.419815C25.4786 0.419815 32.6421 7.58326 32.6421 16.4198C32.6421 25.2564 25.4786 32.4198 16.6421 32.4198Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M19.5435 10.5015C19.6332 10.5811 19.6332 10.7212 19.5435 10.8008L15.7327 14.1809C15.6036 14.2954 15.3999 14.2038 15.3999 14.0313V11.5247C12.5284 12.1012 10.3655 14.6372 10.3655 17.6785C10.3655 21.145 13.1757 23.9551 16.6422 23.9551C20.1087 23.9551 22.9188 21.145 22.9188 17.6785C22.9188 17.4576 23.0979 17.2785 23.3188 17.2785H24.3188C24.4249 17.2785 24.5267 17.3207 24.6017 17.3957C24.6767 17.4707 24.7188 17.5725 24.7188 17.6785C24.7188 22.1391 21.1028 25.7551 16.6422 25.7551C12.1816 25.7551 8.5655 22.1391 8.5655 17.6785C8.5655 13.6404 11.5292 10.2944 15.3999 9.69677V7.27096C15.3999 7.09849 15.6036 7.00689 15.7327 7.12134L19.5435 10.5015Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  z-index: 260;\n  transform: translate(-50%, -50%);\n}\n.wc2DRot_CounterClock-nWr4L {\n  background-size: 100%;\n  width: 35px;\n  height: 35px;\n  background-position: center center;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2233%22 height%3D%2233%22 viewBox%3D%220 0 33 33%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.6421 32.4198C25.4786 32.4198 32.6421 25.2564 32.6421 16.4198C32.6421 7.58326 25.4786 0.419815 16.6421 0.419815C7.80553 0.419815 0.64209 7.58326 0.64209 16.4198C0.64209 25.2564 7.80553 32.4198 16.6421 32.4198Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13.7407 10.5015C13.6509 10.5811 13.6509 10.7212 13.7407 10.8008L17.5515 14.1809C17.6805 14.2954 17.8842 14.2038 17.8842 14.0313V11.5247C20.7557 12.1012 22.9187 14.6372 22.9187 17.6785C22.9187 21.145 20.1085 23.9551 16.642 23.9551C13.1755 23.9551 10.3654 21.145 10.3653 17.6785C10.3653 17.4576 10.1863 17.2785 9.96534 17.2785H8.96534C8.85925 17.2785 8.75751 17.3207 8.68249 17.3957C8.60748 17.4707 8.56534 17.5725 8.56534 17.6785C8.56539 22.1391 12.1814 25.7551 16.642 25.7551C21.1026 25.7551 24.7187 22.1391 24.7187 17.6785C24.7187 13.6404 21.755 10.2944 17.8842 9.69677V7.27096C17.8842 7.09849 17.6805 7.00689 17.5515 7.12134L13.7407 10.5015Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n\n  z-index: 260;\n  transform: translate(-50%, -50%);\n}\n";
+styleInject(css_248z$2);
+var wcUiDel = "wcUI_Del-1Gwbv";
+var css_248z$1 = ".wcUI_Del-1Gwbv {\n  width: 35px;\n  height: 35px;\n  border-radius: 3px;\n  background: #dfdfdf;\n  background-repeat: no-repeat;\n  text-align: center;\n  cursor: pointer;\n  /* margin-top: calc(-1.8 * calc(25px / 2));\n  margin-left: calc(-1.2 * calc(25px / 2));*/\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2221%22 viewBox%3D%220 0 16 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M15.2784 3.0226H10.9717V2.08029C10.9717 1.35784 10.4151 0.72963 9.71198 0.72963H6.78229C6.10846 0.72963 5.52252 1.32643 5.52252 2.08029V3.0226H1.21588C0.981506 3.0226 0.776428 3.24248 0.776428 3.49376C0.776428 3.74505 0.981506 3.96492 1.21588 3.96492H2.18268V17.7542C2.18268 19.0734 3.17877 20.11 4.37994 20.11H12.1436C13.3741 20.11 14.3409 19.042 14.3409 17.7542V3.93351H15.3077C15.5714 3.93351 15.7764 3.71364 15.7764 3.46235C15.7764 3.17966 15.5421 3.0226 15.2784 3.0226ZM6.43073 2.08029C6.43073 1.829 6.6358 1.67195 6.78229 1.67195H9.71198C9.94635 1.67195 10.0928 1.86041 10.0928 2.08029V3.0226H6.43073V2.08029ZM13.462 17.7228C13.462 18.508 12.876 19.1363 12.1436 19.1363H4.37994C3.64752 19.1363 3.06158 18.508 3.06158 17.7228V3.96492H13.462V17.7228Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M8.68658 6.82326V16.2464C8.68658 16.5291 8.5108 16.749 8.24713 16.749C7.98346 16.749 7.80768 16.5291 7.80768 16.2464V6.82326C7.80768 6.54056 8.04205 6.3521 8.24713 6.3521C8.48151 6.3521 8.68658 6.57197 8.68658 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M11.6456 6.82326V16.2464C11.6456 16.5291 11.4405 16.749 11.2061 16.749C10.9717 16.749 10.7667 16.5291 10.7667 16.2464V6.82326C10.7667 6.54056 10.9717 6.3521 11.2061 6.3521C11.4405 6.3521 11.6456 6.57197 11.6456 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M5.78619 6.82326V16.2464C5.78619 16.5291 5.58112 16.749 5.34674 16.749C5.11237 16.749 4.87799 16.5291 4.87799 16.2464V6.82326C4.87799 6.54056 5.08307 6.3521 5.31744 6.3521C5.55182 6.3521 5.78619 6.57197 5.78619 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  z-index: 262;\n  transform: translate(-50%, -50%);\n}\n";
+styleInject(css_248z$1);
+var wcPlannerPosNr = "wcPlanner_PosNr-RBqyV";
+var posNrAcc = "posNrAcc-hNhyN";
+var wcPlannerPosNrSelected = "wcPlanner_PosNr_Selected-boByP";
+var wcPlannerPosNrSelectable = "wcPlanner_PosNr_Selectable-SoSIj";
+var wcPlannerPosNrSelectableArea = "wcPlanner_PosNr_Selectable_Area-jiYPo";
+var wcPlannerPosNrUnSelectable = "wcPlanner_PosNr_UnSelectable-5I9n1";
+var wcPlannerPosNrOnHover = "wcPlanner_PosNr_OnHover-pSfg2";
+var css_248z = ".wcPlanner_PosNr-RBqyV {\n  min-width: 25px;\n  height: 25px;\n  border-radius: 3px;\n  font-size: 18px;\n  line-height: 25px;\n  text-align: center;\n  z-index: 262;\n  transform: translate(-50%, -50%);\n}\n\n.posNrAcc-hNhyN {\n  min-width: 20px;\n  height: 20px;\n  font-size: 12px;\n  line-height: 20px;\n  padding: 0 3px;\n}\n\n.wcPlanner_PosNr_Selected-boByP {\n  background: var(--primaryColor);\n  color: #ffffff;\n  box-shadow: none;\n}\n.wcPlanner_PosNr_Selectable-SoSIj {\n  background: #dfdfdf;\n  color: #4a4a4a;\n}\n.wcPlanner_PosNr_Selectable_Area-jiYPo {\n  width: 50px;\n  height: 50px;\n  position: absolute;\n  transform: translate(-25%, -25%);\n  background-color: rgba(100, 100, 100, 0);\n  cursor: pointer;\n}\n\n.wcPlanner_PosNr_UnSelectable-5I9n1 {\n  background: #dfdfdf;\n  color: rgb(175, 172, 172);\n  cursor: inherit;\n}\n\n.wcPlanner_PosNr_UnSelectable-5I9n1:hover {\n  background: #dfdfdf;\n}\n\n.wcPlanner_PosNr_OnHover-pSfg2 {\n  background-color: #a3a3a3;\n  transition: background-color 0.15s ease;\n}\n";
+styleInject(css_248z);
+var GoldenPlannerUI = function GoldenPlannerUI() {
+  var plannerUIProps = {
+    classes: {
+      buttonGeneral: wcPlannerButton,
+      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: ''
+      },
+      outline: {
+        outline2D: {
+          draggable: wcUi2DOutlineDraggable,
+          draggableActive: wcUi2DOutlineDraggableActive,
+          selectable: wcUi2DOutlineSelectable
+        },
+        outline3D: {
+          outlineSVG: wc3DOutlineSvg,
+          outlinePolygon: wc3DOutlinePolygon,
+          outlinePolygonContours: wc3DOutlinePolygonContours,
+          outlinePolygonContoursSel: wc3DOutlinePolygonContoursSel
+        }
+      },
+      posNr: {
+        posNr: wcPlannerPosNr,
+        posNrAcc: posNrAcc,
+        posNrSelectable: wcPlannerPosNrSelectable,
+        posNrSelectableArea: wcPlannerPosNrSelectableArea,
+        posNrSelected: wcPlannerPosNrSelected,
+        posNrUnSelectable: wcPlannerPosNrUnSelectable,
+        posNrOnHover: wcPlannerPosNrOnHover
+      },
+      rotation: {
+        rotClock: wc2DRotClock,
+        rotCounterClock: wc2DRotCounterClock,
+        rot3DGrid: wcPlanner3DRot
+      },
+      move3DGrid: {
+        move3DGrid: wcPlanner3DMove
+      },
+      trash: wcUiDel,
+      dimension: {
+        distanceToGround: wcPlannerDistanceToGround,
+        distanceToGroundIcon: wcPlannerArrowDistanceToGround
+      }
+    }
+  };
+  return /*#__PURE__*/jsx(PlannerUI, {
+    plannerUIProps: plannerUIProps
+  });
+};
+export { GoldenPlannerUI as default };

package/build/esm/index-32bdfff1.js ADDED Viewed

@@ -0,0 +1,99 @@
+import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import 'react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, Fragment, jsxs } 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';
+var wcToolbarFilter = "wcToolbarFilter-Gz4PK";
+var wcPlToolIcon = "wcPlToolIcon-UBaTH";
+var wcToolbarFilterExpanded = "wcToolbarFilterExpanded-Yi0L8";
+var wcToolbarFilterMaxExpanded = "wcToolbarFilterMaxExpanded-7XK-7";
+var wcToolbarCatalogItem = "wcToolbarCatalogItem-PuT3F";
+var mobile = "mobile-Bp3bL";
+var dockL = "DockL-2XY68";
+var isActive = "is-active-Ta3Um";
+var dockLr = "DockLR-PVa10";
+var dockR = "DockR-uK2j5";
+var dockNone = "DockNone-KdE70";
+var accessoire = "Accessoire-ZN7LO";
+var css_248z = "/*DOCKFilter*/\n.wcToolbarFilter-Gz4PK {\n  margin: 0;\n  padding: 0;\n  padding: initial;\n}\n\n@media all and (max-width: 730px) and (orientation: landscape) {\n  .wcToolbarFilter-Gz4PK {\n    display: none;\n  }\n}\n\n.wcPlToolIcon-UBaTH {\n  height: 25px;\n  width: 25px;\n  background-repeat: no-repeat;\n  background-size: auto 20px;\n  display: inline-block;\n  font-size: 0;\n  text-align: center;\n  z-index: 99;\n  margin-top: 5px;\n  cursor: pointer;\n  transition: 0.35s ease;\n}\n\n.wcToolbarFilterExpanded-Yi0L8 .wcPlToolIcon-UBaTH,\n.wcToolbarFilterMaxExpanded-7XK-7 .wcPlToolIcon-UBaTH {\n  height: 30px;\n  width: 30px;\n  background-size: auto 25px;\n}\n.wcToolbarCatalogItem-PuT3F {\n  display: inline-block;\n  list-style: none outside none;\n  padding: 0 0.3em;\n  cursor: pointer;\n  height: 32px;\n}\n.mobile-Bp3bL .wcPlToolIcon-UBaTH {\n  height: 22px;\n  width: 22px;\n  background-size: auto 18px;\n}\n\n.mobile-Bp3bL .wcToolbarCatalogItem-PuT3F {\n  height: 30px;\n  padding: 0 4px;\n}\n\n.DockL-2XY68 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockL%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(45.5 45.5) rotate(180)%22%2F%3E%3Cpolygon points%3D%2235 6.5 51.13 22.63 35 38.75 35 22.63 35 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockL-2XY68.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockL%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(45.5 45.5) rotate(180)%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2235 6.5 51.13 22.63 35 38.75 35 22.63 35 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockLR-PVa10 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 57.25 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockLR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.62%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(57.75 45.5) rotate(180)%22%2F%3E%3Cpolygon points%3D%2216.13 38.75 0 22.63 16.13 6.5 16.13 22.63 16.13 38.75%22%2F%3E%3Cpolygon points%3D%2241.13 6.5 57.25 22.63 41.13 38.75 41.13 22.63 41.13 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockLR-PVa10.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 57.25 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockLR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.62%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(57.75 45.5) rotate(180)%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2216.13 38.75 0 22.63 16.13 6.5 16.13 22.63 16.13 38.75%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2241.13 6.5 57.25 22.63 41.13 38.75 41.13 22.63 41.13 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockR-uK2j5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.12%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Cpolygon points%3D%2216.13 39.25 0 23.13 16.13 7 16.13 23.13 16.13 39.25%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockR-uK2j5.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.12%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2216.13 39.25 0 23.13 16.13 7 16.13 23.13 16.13 39.25%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockNone-KdE70 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45.5 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockNone%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Crect x%3D%2211.5%22 y%3D%2211%22 width%3D%2223%22 height%3D%2223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockNone-KdE70.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45.5 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockNoneOrange%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Crect class%3D%22cls-2%22 x%3D%2211.5%22 y%3D%2211%22 width%3D%2223%22 height%3D%2223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.Accessoire-ZN7LO {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 43.05 43.1%22%3E%3Ctitle%3EPlus%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_3%22 data-name%3D%22Ebene 3%22%3E%3Cpath d%3D%22M24.79%2C24.79V43.1H18.18V24.79H0V18.18H18.18V0h6.61V18.18H43.05v6.61Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.Accessoire-ZN7LO.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 43.05 43.1%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EAddAccessoireOrange%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_2-2%22 data-name%3D%22Ebene 2%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M24.79%2C24.79V43.1H18.18V24.79H0V18.18H18.18V0h6.61V18.18H43.05v6.61Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+var DockFilter = function DockFilter() {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var plannerItems = viewHandler.paletteViewHandler.plannerItems;
+  if (!plannerItems.doShowFilterTypes()) return /*#__PURE__*/jsx(Fragment, {});
+  var onSelectConfigFilter = function onSelectConfigFilter(paletteId, codex, filterType) {
+    viewHandler.paletteViewHandler.onSelectFilter(paletteId, codex, filterType);
+  };
+  return /*#__PURE__*/jsxs("ul", {
+    style: {
+      "float": viewHandler.getIsInMobileView() ? 'left' : 'none'
+    },
+    className: classnames(wcToolbarFilter, viewHandler.uiState.configSettingsIsExpanded ? wcToolbarFilterExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? wcToolbarFilterMaxExpanded : undefined, viewHandler.getIsInMobileView() ? mobile : undefined),
+    children: [viewHandler.settingsState.plannerFilter.curFilteredTypes['DockL'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'DockL', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, dockL, viewHandler.settingsState.plannerFilter.dockFilter['DockL'] ? isActive : undefined),
+        title: t('configurator.LEFT_ELEMENTS')
+      })
+    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockLR'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'DockLR', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, dockLr, viewHandler.settingsState.plannerFilter.dockFilter['DockLR'] ? isActive : undefined),
+        title: t('configurator.MIDDLE_ELEMENTS')
+      })
+    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockR'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'DockR', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, dockR, viewHandler.settingsState.plannerFilter.dockFilter['DockR'] ? isActive : undefined),
+        title: t('configurator.RIGHT_ELEMENTS')
+      })
+    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockNone'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'DockNone', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, dockNone, viewHandler.settingsState.plannerFilter.dockFilter['DockNone'] ? isActive : undefined),
+        title: t('configurator.SOLO_ELEMENTS')
+      })
+    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['Accessoire'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'Accessoire', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, accessoire, viewHandler.settingsState.plannerFilter.dockFilter['Accessoire'] ? isActive : undefined),
+        title: t('configurator.ACCESSOIRE_ELEMENTS')
+      })
+    })]
+  });
+};
+var DockFilter$1 = observer(DockFilter);
+export { DockFilter$1 as default };

package/build/esm/index-3453b30d.js ADDED Viewed

@@ -0,0 +1,65 @@
+import { s as styleInject, u as useViewHandler } from './index-6177a8f1.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-e5c27e39.js';
+import { jsxs, 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';
+var wcTabGroupItem = "wcTabGroupItem-RxTRT";
+var landscape = "landscape-XFSPQ";
+var wcActiveStep = "wcActiveStep-W687q";
+var wcVisitedStep = "wcVisitedStep-IGlR4";
+var wcTabGroupItemMobile = "wcTabGroupItemMobile-tMZbr";
+var secondaryColorDiv = "secondaryColorDiv-fx0Cm";
+var wcStepIcon = "wcStepIcon-JtMDZ";
+var css_248z = ".wcTabGroupItem-RxTRT {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n\n.landscape-XFSPQ.wcTabGroupItem-RxTRT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q,\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q.wcTabGroupItem-RxTRT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcTabGroupItem-RxTRT.wcVisitedStep-IGlR4 {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-IGlR4.wcTabGroupItem-RxTRT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-RxTRT.wcTabGroupItem-RxTRT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q {\n  color: white;\n}\n\n.wcTabGroupItemMobile-tMZbr {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: width 0.4s ease;\n  line-height: 56px;\n  padding: 0 6px 0 13px;\n  color: var(--secondaryColor);\n  font-size: 10px;\n  font-weight: 600;\n  position: relative;\n}\n\n.secondaryColorDiv-fx0Cm {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  background-color: var(--secondaryColor);\n}\n\n.wcTabGroupItemMobile-tMZbr.wcActiveStep-W687q {\n  background-color: var(--thirdColor);\n}\n\n.wcStepIcon-JtMDZ {\n  display: block;\n  background-color: var(--secondaryColor);\n  background-position: center center;\n  width: 30px;\n  height: 50px;\n  margin: auto;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center center;\n  float: right;\n}\n.wcActiveStep-W687q .wcStepIcon-JtMDZ {\n  margin-left: 5px;\n}\n";
+styleInject(css_248z);
+var TabGroupItemHorizontal = function TabGroupItemHorizontal(_ref) {
+  var tabGroup = _ref.tabGroup;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var tabGroupItemRef = useRef(null);
+  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
+  useEffect(function () {
+    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
+  }, [tabGroupItemRef]);
+  var onTabGroupClick = function onTabGroupClick(tabGroup) {
+    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
+  };
+  var active = tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
+  var icon = getIconOfTabGroup(tabGroup.key, viewHandler.getViewConfig().tabGroupsIcons);
+  return /*#__PURE__*/jsxs("div", {
+    ref: tabGroupItemRef,
+    onClick: function onClick() {
+      return onTabGroupClick(tabGroup);
+    },
+    className: classnames(!viewHandler.uiState.isInMobileView ? wcTabGroupItem : wcTabGroupItemMobile, viewHandler.uiState.isMobileLandscape ? landscape : undefined, active ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !active ? wcVisitedStep : undefined),
+    children: [(active || !icon) && t('configurator.' + tabGroup.title, tabGroup.title), active && /*#__PURE__*/jsx("div", {
+      className: secondaryColorDiv
+    }), icon && /*#__PURE__*/jsx("div", {
+      className: wcStepIcon,
+      style: {
+        WebkitMaskImage: 'url(' + icon + ')',
+        maskImage: 'url(' + icon + ')'
+      }
+    })]
+  });
+};
+var index = observer(TabGroupItemHorizontal);
+export { index as default };

package/build/esm/index-37550d60.js ADDED Viewed

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-6177a8f1.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PlannerMsgContainer = function PlannerMsgContainer(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Product/ProductCenter/PlannerMsgContainer"
+  }));
+};
+export { PlannerMsgContainer as default };

package/build/esm/index-37b36397.js ADDED Viewed

@@ -0,0 +1,108 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { u as useViewHandler } from './index-6177a8f1.js';
+import { useRef, useEffect } from 'react';
+import ProductHeader from './index-928ef082.js';
+import ContentItemWrapper from './index-a2a1cf75.js';
+import ProductSettings from './index-73af5910.js';
+import ProductCenter from './index-4e10f4b2.js';
+import ProductFooter from './index-fe0cb889.js';
+import ProductInfo from './index-612882dc.js';
+import { observer } from 'mobx-react-lite';
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/content-item';
+import 'react-draggable';
+import 'classnames';
+import './index-02b1ad96.js';
+import 'sift';
+import './index-947d5a0a.js';
+import './index-509577cb.js';
+import './index-2ac582da.js';
+import './index-c0ce2bf4.js';
+import './index-e586ef31.js';
+import './index.module-857ed89a.js';
+import './index-fcae2025.js';
+import 'react-switch';
+import './index-051ad641.js';
+import './index-79cc4bed.js';
+import 'react-dropdown';
+import './index-ec269ceb.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-66ad06ec.js';
+import './index-7d98aa77.js';
+import './index-39eab3f3.js';
+import '@crystaldesign/content-box';
+import './index-5b70a2a2.js';
+import './index-f4638b08.js';
+import './index-ce796a38.js';
+import './index-d703cc39.js';
+import './index-546a5033.js';
+import '@crystaldesign/products-component';
+import './index-fba1a7c2.js';
+import './index-0dbba601.js';
+import './index-1be5f85e.js';
+import 'react-laag';
+import './index-ebe7561f.js';
+import './index-a8bbb6ff.js';
+import './index-e828e862.js';
+import './index-fb412b79.js';
+import './index-ec69dcdb.js';
+import './index-15600cc4.js';
+import './index-852e048a.js';
+import './index-918fb537.js';
+import './index-8dac78d7.js';
+import './index-86205dfc.js';
+import './index.module-9ea7156f.js';
+import './index-a373fe03.js';
+import './index-2667fc32.js';
+import './index-b2c11fbb.js';
+import './index-7c9fdfb0.js';
+import './index-c4978a7e.js';
+import './index-d087192a.js';
+import './index-93e71532.js';
+import './index.module-0ad038d3.js';
+import './index-f60ef6f6.js';
+import './index-d6317d52.js';
+import './index-f0e9dad5.js';
+import './index-1b0e382f.js';
+import './index-da1cf192.js';
+import './index.module-42f815e8.js';
+import './index-1e9247b2.js';
+import './index-93b168fe.js';
+import './index-37550d60.js';
+import './index-00d8ee2f.js';
+import './index-6015e8ac.js';
+import './index-0fa9444d.js';
+import './index-fcbd1040.js';
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Product = function Product(props) {
+  var viewHandler = useViewHandler();
+  var productElement = useRef(null);
+  useEffect(function () {
+    if (!productElement) return;
+    viewHandler.productState.setProductElement(productElement.current);
+  }, [productElement]);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    ref: productElement,
+    children: [/*#__PURE__*/jsx(ProductHeader, {}), /*#__PURE__*/jsx(ProductCenter, {}), viewHandler.productState.footerVisible.length > 1 && /*#__PURE__*/jsx(ProductFooter, {}), /*#__PURE__*/jsx(ProductInfo, {}), /*#__PURE__*/jsx(ProductSettings, {}), viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
+      id: viewHandler.settingsState.contentItemId,
+      startPos: "right"
+    })]
+  }));
+};
+var Product$1 = observer(Product);
+export { Product$1 as default };

package/build/esm/index-382c33f2.js ADDED Viewed

@@ -0,0 +1,148 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import 'react';
+import { w as wholeWrapper, n as notExpanded } from './index.module-ec97809f.js';
+import TabGroups from './index-c838d487.js';
+import TabGroupOptions from './index-d3fbd84e.js';
+import { observer } from 'mobx-react-lite';
+import ProduktDetails from './index-3127814e.js';
+import Collapsible from 'react-collapsible';
+import Price from './index-c4c3e6a2.js';
+import classnames from 'classnames';
+import JsonViewer from './index-1088ef05.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import './index.module-78c8df80.js';
+import 'react-json-view';
+var menuPoint = "menu-point-Bz5zM";
+var collapsibleHeader = "collapsibleHeader-lzT9Y";
+var tabGroupWrapper = "tab-group-wrapper-mSLB-";
+var css_248z = ".menu-point-Bz5zM {\n  font-size: 22px;\n  padding: 0px 0px;\n  padding: 10px 0;\n  background-color: var(--primaryColor);\n  border-bottom: 1px solid;\n  width: 100%;\n  text-align: center;\n  margin-left: 0px;\n  color: white;\n  font-weight: 600;\n}\n.collapsibleHeader-lzT9Y {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: #bbbbbb;\n  color: black;\n  border-radius: 5px;\n  margin: 5% 1% 1% 1%;\n  transition: background-color 0.3s;\n  padding: 1% 0%;\n  cursor: pointer;\n}\n.collapsibleHeader-lzT9Y:hover {\n  background-color: var(--primaryColor);\n  color: white;\n}\n.tab-group-wrapper-mSLB- {\n  width: 90%;\n  margin-left: 4%;\n  background-color: white;\n}\n";
+styleInject(css_248z);
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var OptionTree = function OptionTree(_ref) {
+  var _articles$viewHandler, _hiddenOptions$tabGro, _articles$Object$keys, _articles$Object$keys2;
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var configTree = viewHandler.tabGroupState.allTabGroups;
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
+  var hiddenOptions = viewHandler.divaWebPlanner.getHiddenOptions();
+  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
+  var tree = Object.values(configTree);
+  var hiddenTree = Object.values((_hiddenOptions$tabGro = hiddenOptions === null || hiddenOptions === void 0 ? void 0 : hiddenOptions.tabGroups) !== null && _hiddenOptions$tabGro !== void 0 ? _hiddenOptions$tabGro : {});
+  var canClick = false;
+  tree = tree.filter(function (item) {
+    return item.type == 'OPTION';
+  });
+  var CollapsibleProps = {
+    open: true,
+    easing: 'ease-in',
+    transitionTime: 200
+  };
+  if (!article) {
+    canClick = true;
+  }
+  var mat3D = (_articles$Object$keys = articles[Object.keys(articles)[0]]) === null || _articles$Object$keys === void 0 || (_articles$Object$keys2 = _articles$Object$keys.getPlannerConfigData) === null || _articles$Object$keys2 === void 0 ? void 0 : _articles$Object$keys2.call(_articles$Object$keys, {}).config;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(wholeWrapper, notExpanded, props.className),
+    children: [/*#__PURE__*/jsx("a", {
+      className: menuPoint,
+      children: "Options \xDCbersicht"
+    }), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Produktdetails"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: !canClick && /*#__PURE__*/jsx(ProduktDetails, {})
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Preise"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: /*#__PURE__*/jsx(Price, {})
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Optionsbaum"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: /*#__PURE__*/jsx("div", {
+        className: tabGroupWrapper,
+        children: tree.map(function (tabGroup) {
+          return /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsx(TabGroups, {
+              tabGroup: tabGroup
+            }), /*#__PURE__*/jsx("div", {
+              children: Object.values(tabGroup.options).map(function (options) {
+                return /*#__PURE__*/jsx(TabGroupOptions, {
+                  tabGroupOption: options,
+                  basketId: article.basketId
+                }, options.codex);
+              })
+            })]
+          }, tabGroup.key);
+        })
+      })
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Versteckte Optionen"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: /*#__PURE__*/jsx("div", {
+        className: tabGroupWrapper,
+        children: hiddenTree.map(function (tabGroup) {
+          return /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsx(TabGroups, {
+              tabGroup: tabGroup
+            }), /*#__PURE__*/jsx("div", {
+              children: Object.values(tabGroup.options).map(function (options) {
+                return /*#__PURE__*/jsx(TabGroupOptions, {
+                  tabGroupOption: options,
+                  basketId: article.basketId
+                }, options.codex);
+              })
+            })]
+          }, tabGroup.key);
+        })
+      })
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "3D MAT"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: mat3D && /*#__PURE__*/jsx(JsonViewer, {
+        isExpanded: true,
+        collapsed: 5,
+        json: mat3D
+      })
+    }))]
+  }));
+};
+var OptionTree$1 = observer(OptionTree);
+export { OptionTree$1 as default };