@crystaldesign/diva-web-planner-react 25.8.0-beta.28 → 25.8.0-beta.3

package/build/esm/index-91d61c02.js

@@ -1,164 +0,0 @@
-import { s as styleInject } from './index-1cd57760.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-9a87eb0e.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-0c1d846c.js';
-import PlannerUI from './index-c9a9b8b3.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index-7588d85f.js';
-import './index-affca4a4.js';
-import './index-b27e484b.js';
-import './index-ba2a9cc7.js';
-import './index-f5f2a0a2.js';
-import './index-ff2cdd65.js';
-import './index-86f42939.js';
-import './index-65dd1764.js';
-import './index-ff9b4a5d.js';
-import './index-a37d51fe.js';
-import './index-ce63ab75.js';
-import './index-6fe0f308.js';
-import './index-8d979990.js';
-import 'react-draggable';
-import './index-2ee03430.js';
-import './index-c8e61b1d.js';
-import './index-8ed09e16.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-9235a491.js

@@ -1,58 +0,0 @@
-import { s as styleInject } from './index-1cd57760.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var configuratorSpec = "Configurator-spec-Pa0bu";
-var configuratorSpecTextContainer = "Configurator-spec-text-Container-yp9wU";
-var configuratorSpecTitle = "Configurator-spec-title-JDala";
-var configuratorSpecPrice = "Configurator-spec-price-pOXke";
-var css_248z = "/*Summary*/\n\n.Configurator-spec-Pa0bu {\n  border-bottom: 1px solid #dfdfdf;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  display: flex;\n  width: 100%;\n  word-break: normal;\n  flex-direction: column;\n  padding: 10px 0;\n}\n\n.Configurator-spec-text-Container-yp9wU {\n  display: flex;\n  position: relative;\n}\n.Configurator-spec-title-JDala {\n  font-size: 16px;\n  width: 70%;\n  margin-right: 20px;\n}\n\n.Configurator-spec-price-pOXke {\n  text-align: right;\n  width: 30%;\n  color: var(--primaryColor);\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n.Configurator-spec-Codex-ESLPx {\n}\n";
-styleInject(css_248z);
-
-var SummaryPartlist = function SummaryPartlist(_ref) {
-  var itemP = _ref.item;
-  var item = itemP;
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(configuratorSpec),
-    children: /*#__PURE__*/jsxs("div", {
-      className: configuratorSpecTextContainer,
-      children: [/*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.title
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.description
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: 'x' + item.posNr
-      }), !hidePrices && !!item.price && /*#__PURE__*/jsx("span", {
-        className: configuratorSpecPrice,
-        children: DivaUtils.formatPrice(item.price)
-      })]
-    })
-  });
-};
-var SummaryPartlist$1 = observer(SummaryPartlist);
-
-export { SummaryPartlist$1 as default };

package/build/esm/index-967c2321.js

@@ -1,87 +0,0 @@
-import { u as useViewHandler } from './index-1cd57760.js';
-import { observer } from 'mobx-react-lite';
-import React, { Suspense } from 'react';
-import Planner2DGrid from './index-1a053af7.js';
-import Planner3DImage from './index-cd42e459.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-153755f1.js';
-import classnames from 'classnames';
-import Planner3DGrid from './index-7bf65be9.js';
-import PlannerMsgContainer from './index-3be4f492.js';
-import PlannerUIVariant from './index-2227e9bd.js';
-import RotateInfo from './index-aaff9955.js';
-import PromotedOpvs from './index-f095e601.js';
-import OrbitInteraction from './index-3bda8580.js';
-import MobileNavIcons from './index-f6999ffe.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index-170da918.js';
-import './index-a95a16be.js';
-import '@crystaldesign/content-box';
-import './index-e31f25ba.js';
-import 'react-laag';
-import './index-aebf9fdc.js';
-import 'react-qr-code';
-import './index-07a2b12a.js';
-
-var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-1db80692.js');
-});
-var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-231c2510.js');
-});
-var ProductCenter = function ProductCenter(_ref) {
-  var style = _ref.style,
-    _ref$folderPosition = _ref.folderPosition,
-    folderPosition = _ref$folderPosition === void 0 ? 'right' : _ref$folderPosition;
-  var viewHandler = useViewHandler();
-  var showFolderButton = !viewHandler.uiState.ViewConfig.hideMobileFolder || viewHandler.uiState.ViewConfig.showSettingsFolder && viewHandler.productState.promotionVisible;
-  var showFoldup = !viewHandler.uiState.ViewConfig.hideMobileFolder && !viewHandler.uiState.configSettingsIsFoldedUp && !viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isMobilePortrait && !viewHandler.productState.roomListExpanded;
-  var showFoldDown = viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isInMobileView || viewHandler.uiState.ViewConfig.showSettingsFolder && viewHandler.productState.promotionVisible;
-  var showOrbitCube = viewHandler.productState.doShowRenderImage && (!viewHandler.uiState.ViewConfig.dontShowOrbitInMobile || !viewHandler.getIsInMobileView()) && viewHandler.viewPlannerHandler.getCurPlannerViewMode() == '3DImage' && viewHandler.productState.doShowRenderImage && !viewHandler.productState.plannerRenderingIsStaticBG;
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorProductCenter, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.productState.doShowGrid ? inGridVisible : undefined, fullscreen),
-    children: [/*#__PURE__*/jsx(PlannerMsgContainer, {}), /*#__PURE__*/jsx(Planner3DImage, {}), viewHandler.productState.allow3DComb && viewHandler.isParentViewVisible && /*#__PURE__*/jsx(Suspense, {
-      fallback: /*#__PURE__*/jsx(Fragment, {}),
-      children: /*#__PURE__*/jsx(Planner3D, {})
-    }), /*#__PURE__*/jsx(Planner3DGrid, {}), (viewHandler.productState.allowRTV || viewHandler.productState.allowQRCodeAR) && viewHandler.isParentViewVisible && /*#__PURE__*/jsx(Suspense, {
-      fallback: /*#__PURE__*/jsx(Fragment, {}),
-      children: /*#__PURE__*/jsx(PlannerRTV, {})
-    }), showOrbitCube && /*#__PURE__*/jsx(OrbitInteraction, {}), /*#__PURE__*/jsx(Planner2DGrid, {}), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(MobileNavIcons, {}), /*#__PURE__*/jsx(RotateInfo, {}), /*#__PURE__*/jsx(PromotedOpvs, {}), !viewHandler.productState.hidePlannerUiIcons && !(viewHandler.productState.doShowRTV || viewHandler.productState.doShow3DComb) && /*#__PURE__*/jsx(PlannerUIVariant, {}), viewHandler.productState.plannerMode == 'No' && /*#__PURE__*/jsx("div", {
-      className: wcConfiguratorArticleImage,
-      children: viewHandler.productState.articleImage && /*#__PURE__*/jsx("img", {
-        src: viewHandler.productState.articleImage,
-        className: center
-      })
-    }), showFolderButton && /*#__PURE__*/jsxs(Fragment, {
-      children: [showFoldDown && /*#__PURE__*/jsx("div", {
-        className: classnames(foldback, folderPosition === 'left' ? foldbackLeft : undefined),
-        onClick: viewHandler.uiState.onClickHideConfigSettings,
-        id: "btnFoldDown"
-      }), showFoldup && /*#__PURE__*/jsx("div", {
-        id: "btnFoldUp",
-        className: classnames(foldup),
-        onClick: viewHandler.uiState.onClickFoldupConfigSettings
-      })]
-    })]
-  });
-};
-var ProductCenter$1 = observer(ProductCenter);
-
-export { ProductCenter$1 as default };

package/build/esm/index-96b527dd.js

@@ -1,124 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
-import { Suspense } from 'react';
-import DivaUtils from '@crystaldesign/diva-utils';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var pricePreview = "price-preview-mwp8h";
-var left = "left-j4aB7";
-var right = "right-8Kd-Q";
-var loader = "loader-q6IkE";
-var css_248z = ".price-preview-mwp8h {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\n}\n\n.left-j4aB7 {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.right-8Kd-Q {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.loader-q6IkE {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: spinner-Qvhg8 1s linear infinite;\n}\n\n@keyframes spinner-Qvhg8 {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\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 PricePreview = function PricePreview(_ref) {
-  var asyncPricePreview = _ref.asyncPricePreview,
-    _ref$pos = _ref.pos,
-    pos = _ref$pos === void 0 ? 'right' : _ref$pos,
-    style = _ref.style,
-    price = _ref.price,
-    sel = _ref.sel;
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    hideConfigPricePreview = _useDivaCore$state.hideConfigPricePreview;
-  var viewHandler = useViewHandler();
-  if (hidePrices || viewHandler.productState.pricePreview == 'off') return /*#__PURE__*/jsx(Fragment, {});
-  if (price) return /*#__PURE__*/jsx("div", {
-    className: classnames(pricePreview, pos == 'left' ? left : right),
-    style: style,
-    children: DivaUtils.formatPrice(Math.abs(price), _objectSpread(_objectSpread({}, DivaUtils.defaultPriceFormat), {}, {
-      showDecimals: 'IF_NEEDED'
-    }))
-  });
-  if (hideConfigPricePreview || viewHandler.productState.pricePreview == 'fromCurrentPriceHideCurrent' && sel) return /*#__PURE__*/jsx(Fragment, {});
-  if (asyncPricePreview) return /*#__PURE__*/jsx(Suspense, {
-    fallback: /*#__PURE__*/jsx(Fragment, {}),
-    children: /*#__PURE__*/jsx(AsyncRender1, {
-      asyncPricePreview: asyncPricePreview.isVisible,
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(pricePreview, pos == 'left' ? left : right),
-        style: style,
-        children: /*#__PURE__*/jsx(Suspense, {
-          fallback: /*#__PURE__*/jsx("div", {
-            className: loader
-          }),
-          children: /*#__PURE__*/jsx(AsyncRender2, {
-            asyncPricePreview: asyncPricePreview.promise
-          })
-        })
-      })
-    })
-  });
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-var AsyncRender1 = function AsyncRender1(_ref2) {
-  var asyncPricePreview = _ref2.asyncPricePreview,
-    children = _ref2.children;
-  var result = use(asyncPricePreview);
-  if (result) return children;
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-var AsyncRender2 = function AsyncRender2(_ref3) {
-  var _window;
-  var asyncPricePreview = _ref3.asyncPricePreview;
-  var result = use(asyncPricePreview);
-  var viewHandler = useViewHandler();
-  var pricePreviewType = viewHandler.productState.pricePreview;
-  var deltaPrice;
-  switch (pricePreviewType) {
-    default:
-    case 'fromCurrentPrice':
-    case 'fromCurrentPriceHideCurrent':
-      deltaPrice = result.price - result.origPrice;
-      break;
-    case 'fromBasePrice':
-      deltaPrice = result.price - result.firstPrice;
-      break;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [((_window = window) === null || _window === void 0 ? void 0 : _window.DIVA_LOGGER) == 0 && false ? result.calcTime + 'ms ' : '', (deltaPrice < 0 ? '-' : '+') + DivaUtils.formatPrice(Math.abs(deltaPrice), _objectSpread(_objectSpread({}, DivaUtils.defaultPriceFormat), {}, {
-      showDecimals: 'IF_NEEDED'
-    }))]
-  });
-};
-function use(promise) {
-  if (promise.status === 'fulfilled') {
-    return promise.value;
-  } else if (promise.status === 'rejected') {
-    throw promise.reason;
-  } else if (promise.status === 'pending') {
-    throw promise;
-  } else {
-    promise.status = 'pending';
-    promise.then(function (result) {
-      promise.status = 'fulfilled';
-      promise.value = result;
-    }, function (reason) {
-      promise.status = 'rejected';
-      promise.reason = reason;
-    });
-    throw promise;
-  }
-}
-
-export { PricePreview as default };

package/build/esm/index-97b3e6ab.js

@@ -1,129 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-ce19f388.js';
-import { S as SettingsItem } from './index-ec5ce201.js';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import 'sift';
-import './index-32651b83.js';
-import './index-c2c0cfe6.js';
-import './index-a454b68b.js';
-import './index-3f059d2a.js';
-import './index-e70b67cb.js';
-import './index.module-761feee5.js';
-import './index-a30abd27.js';
-import 'react-switch';
-import './index-291d2530.js';
-import './index-96b527dd.js';
-import './index-6298f42d.js';
-import 'react-dropdown';
-import './index-432c5859.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6a7a957c.js';
-import './index-6f4e5bf2.js';
-import './index-2c0a7a82.js';
-import '@crystaldesign/content-box';
-import './index-788d6797.js';
-import './index-58574969.js';
-import './index-8cc23e1e.js';
-import './index-9aff6816.js';
-import './index-2a3ef4fc.js';
-import './index-ee81bb62.js';
-import 'react-laag';
-import './index-6eda84ea.js';
-import './index-af273144.js';
-import './index-849aa088.js';
-import './index-a4f4b1fb.js';
-import './index-3203379b.js';
-import './index-9f4b3c3e.js';
-import './index-7d047549.js';
-import './index-f18e4f1c.js';
-import './index-85fe5078.js';
-import './index-a63ec5e2.js';
-import './index.module-04d1340a.js';
-import './index-517840cf.js';
-import './index-04cd8de1.js';
-import './index-6457a739.js';
-import './index-9b2254bb.js';
-import './index-9235a491.js';
-import './index-612eb478.js';
-import './index-3ee1c674.js';
-import './index.module-d9207012.js';
-import './index-7d526616.js';
-import './index-7cfd1785.js';
-
-var collapsableOuter = "collapsable-outer-udXIP";
-var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";
-styleInject(css_248z);
-
-var SubTabgroup = function SubTabgroup(_ref) {
-  var _viewHandler$getViewC, _viewHandler$getViewC2;
-  var itemPalettesOfArticle = _ref.itemPalettesOfArticle;
-  var viewHandler = useViewHandler();
-  var _useState = useState(!!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.selectAccessoiresWithToggle)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var basketIds = Object.keys(itemPalettesOfArticle);
-  var _useState3 = useState('ALL'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    curTab = _useState4[0],
-    setCurTab = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tabs = _useState6[0],
-    setTabs = _useState6[1];
-  var _useState7 = useState(itemPalettesOfArticle[basketIds[0]]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    itemPalettes = _useState8[0],
-    setItemPalettes = _useState8[1];
-  useEffect(function () {
-    var _itemPalettesOfArticl;
-    var actPalettes = (_itemPalettesOfArticl = itemPalettesOfArticle[curTab == 'ALL' ? basketIds[0] : curTab]) !== null && _itemPalettesOfArticl !== void 0 ? _itemPalettesOfArticl : {};
-    Object.values(actPalettes).map(function (p) {
-      return p.configAllMode = curTab == 'ALL' ? basketIds : undefined;
-    });
-    setItemPalettes(actPalettes);
-    setTabs(['ALL'].concat(_toConsumableArray(basketIds.length > 1 ? basketIds : [])));
-    if (!tabs.includes(curTab)) setCurTab(tabs[0]);
-  }, [itemPalettesOfArticle, curTab]);
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: (_viewHandler$getViewC2 = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC2 !== void 0 && _viewHandler$getViewC2.selectAccessoiresWithToggle ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx(SubTabGroupHeader, {
-      tabs: tabs,
-      openState: [isOpen, setIsOpen],
-      curState: [curTab, setCurTab]
-    }),
-    contentOuterClassName: isOpen ? collapsableOuter : undefined,
-    easing: "ease",
-    open: isOpen,
-    triggerDisabled: isOpen,
-    children: Object.values(itemPalettes).map(function (item, index) {
-      return /*#__PURE__*/jsx(SettingsItem, {
-        item: item,
-        id: item.id
-      }, item.configStepKey);
-    })
-  });
-};
-var SubTabGroup = observer(SubTabgroup);
-
-export { SubTabGroup as default };