npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.8.0-beta.17 → 26.8.0-beta.18 - Mend

@crystaldesign/diva-web-planner-react 26.8.0-beta.17 → 26.8.0-beta.18

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 (1176) hide show

package/build/esm/index-3a581295.js DELETED Viewed

@@ -1,167 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.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-dd567c3c.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-9af3ca63.js';
-import PlannerUI from './index-689bce28.js';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-import './index-bd3f8149.js';
-import './index-9b7b0cc5.js';
-import './index-c6e0b5b5.js';
-import './index-78a861dd.js';
-import './index-7ac1ff86.js';
-import './index-2f3b61dd.js';
-import './index-8cb22a2f.js';
-import './index-c18ee954.js';
-import './index-8fd1da4a.js';
-import './index-49effb9d.js';
-import './index-b05ec16e.js';
-import './index-28dc6fcb.js';
-import './index-bea54a58.js';
-import 'react-draggable';
-import './index-75bf1fe6.js';
-import './index-5965829d.js';
-import './index-c41159dc.js';
-var wcPlannerButton = "wcPlannerButton-hPp4U";
-var tablet = "tablet-4JSOS";
-var mobile = "mobile-ZE7fr";
-var css_248z$6 = ".wcPlannerButton-hPp4U {\n  position: absolute;\n  background-repeat: no-repeat;\n  --globalSize: 32px;\n  --posNrSize: var(--globalSize);\n  --trashSize: var(--globalSize);\n  --rotSize: var(--globalSize);\n  --copySize: var(--globalSize);\n  --fontSize: 22px;\n  --copyArrowSize: var(--globalSize);\n}\n\n:not(.tablet-4JSOS).mobile-ZE7fr {\n  --globalSize: 16px;\n  --fontSize: 12px;\n}\n\n.tablet-4JSOS {\n  --globalSize: 24px;\n  --fontSize: 16px;\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: calc(var(--globalSize) * 1.2);\n  width: calc(var(--globalSize) * 1.2);\n\n  margin-top: calc(var(--globalSize) * -0.6);\n  margin-left: calc(var(--globalSize) * -0.6);\n\n  border-radius: 50%;\n  background-size: 80%;\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: calc(var(--globalSize) * 1.2);\n  height: calc(var(--globalSize) * 1.2);\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: calc(var(--globalSize) * 1.2);\n  width: calc(var(--globalSize) * 1.2);\n\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0);\n\n  margin-top: calc(var(--globalSize) * -0.6);\n  margin-left: calc(var(--globalSize) * -0.6);\n\n  background-size: 80%;\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: calc(var(--globalSize) * 1.2);\n  height: calc(var(--globalSize) * 1.2);\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 wcMoreThanOneNr = "wcMoreThanOneNr-JqVNl";
-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: var(--posNrSize);\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.wcMoreThanOneNr-JqVNl {\n  width: calc(var(--posNrSize) * 1.7);\n  font-size: calc(var(--posNrSize) * 0.8);\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 viewHandler = useViewHandler();
-  var plannerUIProps = {
-    classes: {
-      buttonGeneral: classnames(wcPlannerButton, viewHandler.uiState.isTablet ? tablet : viewHandler.uiState.isInMobileView ? 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,
-        moreThanOneNr: wcMoreThanOneNr
-      },
-      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-3dc1b464.js DELETED Viewed

@@ -1,50 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-7dba407b.js';
-import PriceSumm from './index-78529b8c.js';
-import classnames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-import './index.module-0ec1c930.js';
-var container = "container-jfAym";
-var backOverwrite = "back-overwrite--AJgH";
-var forthOverwrite = "forth-overwrite-l0e3R";
-var actionNavigationClass = "action-navigation-class-jX4Hl";
-var css_248z = ".container-jfAym .back-overwrite--AJgH,\n.container-jfAym .forth-overwrite-l0e3R {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.container-jfAym .back-overwrite--AJgH,\n.container-jfAym .forth-overwrite-l0e3R {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.action-navigation-class-jX4Hl {\n  height: 100%;\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 ActionNavigationRalph = function ActionNavigationRalph(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [!viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx(ActionNavigation, {
-      className: classnames(viewHandler.getIsInMobileView() ? actionNavigationClass : undefined, container),
-      showBackButtonText: true,
-      forthOverwrite: forthOverwrite,
-      backOverwrite: backOverwrite
-    })]
-  }));
-};
-var index = observer(ActionNavigationRalph);
-export { index as default };

package/build/esm/index-3f422fc8.js DELETED Viewed

@@ -1,195 +0,0 @@
-import { s as styleInject } from './index-f16b63bb.js';
-import { observer } from 'mobx-react-lite';
-import React from 'react';
-import QRCode from 'react-qr-code';
-import classnames from 'classnames';
-import { getLogger, useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-var fullscreen = "fullscreen-dVNtA";
-var errorWrapper = "error-wrapper-4Kfuq";
-var errorText = "error-text-aG0TS";
-var errorQrCodeWrapper = "error-qr-code-wrapper-WRr2H";
-var wrapper = "wrapper-uzZ9r";
-var tablet = "tablet-CPL9b";
-var textWrapper = "text-wrapper-rIzGz";
-var header = "header-sWWoX";
-var text = "text-OkwbY";
-var stepsWrapper = "steps-wrapper-4x10n";
-var stepWrapper = "step-wrapper-HY2sH";
-var stepTextWrapper = "step-text-wrapper-S-m1m";
-var stepTitle = "step-title-M7iLu";
-var stepText = "step-text-LPg7J";
-var icon = "icon-K4UgE";
-var svgIcon = "svg-icon-Ex5u5";
-var buttonWrapper = "button-wrapper-t88VM";
-var arButton = "ar-button-e122r";
-var disabled = "disabled-5mNQN";
-var qrCodeWrapper = "qr-code-wrapper-gox11";
-var loader = "loader-5y0Dw";
-var css_248z = ".fullscreen-dVNtA {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.error-wrapper-4Kfuq {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.error-text-aG0TS {\n  max-width: 400px;\n}\n.error-qr-code-wrapper-WRr2H {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.wrapper-uzZ9r {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.tablet-CPL9b .wrapper-uzZ9r {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.text-wrapper-rIzGz {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.header-sWWoX {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.text-OkwbY {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.steps-wrapper-4x10n {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.tablet-CPL9b .steps-wrapper-4x10n {\n  gap: 32px;\n}\n\n.step-wrapper-HY2sH {\n  display: flex;\n  gap: 12px;\n}\n\n.step-text-wrapper-S-m1m {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.step-title-M7iLu {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.step-text-LPg7J {\n  font-size: 14px;\n  color: #000000;\n}\n\n.icon-K4UgE {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.svg-icon-Ex5u5 {\n  width: 50%;\n  height: 50%;\n}\n.button-wrapper-t88VM {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ar-button-e122r {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.disabled-5mNQN {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.ar-button-e122r:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.ar-button-e122r.disabled-5mNQN:hover {\n  box-shadow: none;\n}\n\n.qr-code-wrapper-gox11 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.loader-5y0Dw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: spinner-mDqax 2s linear infinite;\n}\n\n@keyframes spinner-mDqax {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z);
-var CameraIcon = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_300_30100%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_300_30100%29%22%3E%3Cpath%20d%3D%22M4.54815%2019.5C4.04302%2019.5%203.61545%2019.325%203.26545%2018.975C2.91547%2018.625%202.74048%2018.1974%202.74048%2017.6923V6.30773C2.74048%205.8026%202.91547%205.37503%203.26545%205.02503C3.61545%204.67503%204.04302%204.50003%204.54815%204.50003H15.9327C16.4378%204.50003%2016.8654%204.67503%2017.2154%205.02503C17.5654%205.37503%2017.7404%205.8026%2017.7404%206.30773V10.8847L21.2596%207.36546V16.6346L17.7404%2013.1154V17.6923C17.7404%2018.1974%2017.5654%2018.625%2017.2154%2018.975C16.8654%2019.325%2016.4378%2019.5%2015.9327%2019.5H4.54815ZM4.54815%2018H15.9327C16.0225%2018%2016.0962%2017.9712%2016.1539%2017.9135C16.2116%2017.8558%2016.2404%2017.782%2016.2404%2017.6923V6.30773C16.2404%206.21798%2016.2116%206.14426%2016.1539%206.08656C16.0962%206.02886%2016.0225%206.00001%2015.9327%206.00001H4.54815C4.4584%206.00001%204.38468%206.02886%204.32698%206.08656C4.26928%206.14426%204.24043%206.21798%204.24043%206.30773V17.6923C4.24043%2017.782%204.26928%2017.8558%204.32698%2017.9135C4.38468%2017.9712%204.4584%2018%204.54815%2018Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3Cpath%20d%3D%22M5%2011.75L8.90383%2015.6539L15.6269%208.93078L14.573%207.87695L8.90383%2013.5462L6.05383%2010.6962L5%2011.75Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-var LightbulbIcon = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_300_30110%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_300_30110%29%22%3E%3Cpath%20d%3D%22M12%2020.9422C11.5987%2020.9422%2011.2439%2020.8365%2010.9356%2020.6249C10.6272%2020.4134%2010.4115%2020.1358%2010.2884%2019.7922H9.99997C9.59101%2019.7922%209.23877%2019.6445%208.94327%2019.349C8.64776%2019.0535%208.5%2018.7012%208.5%2018.2923V15.0115C7.49103%2014.4%206.69712%2013.5801%206.11827%2012.5519C5.53942%2011.5237%205.25%2010.4231%205.25%209.25001C5.25%207.36797%205.90448%205.77246%207.21345%204.46348C8.52243%203.15451%2010.1179%202.50003%2012%202.50003C13.882%202.50003%2015.4775%203.15451%2016.7865%204.46348C18.0955%205.77246%2018.75%207.36797%2018.75%209.25001C18.75%2010.4436%2018.4605%2011.5494%2017.8817%2012.5673C17.3028%2013.5853%2016.5089%2014.4%2015.5%2015.0115V18.2923C15.5%2018.7012%2015.3522%2019.0535%2015.0567%2019.349C14.7612%2019.6445%2014.4089%2019.7922%2014%2019.7922H13.7115C13.5884%2020.1358%2013.3727%2020.4134%2013.0644%2020.6249C12.7561%2020.8365%2012.4013%2020.9422%2012%2020.9422ZM9.99997%2018.2923H14V17.3538H9.99997V18.2923ZM9.99997%2016.4692H14V15.5H9.99997V16.4692ZM9.79997%2014H11.4038V11.0885L9.26153%208.94616L10.1%208.10771L12%2010.0077L13.9%208.10771L14.7384%208.94616L12.5961%2011.0885V14H14.2C15.1%2013.5667%2015.8333%2012.9292%2016.4%2012.0875C16.9666%2011.2458%2017.25%2010.3%2017.25%209.25001C17.25%207.78334%2016.7416%206.54167%2015.725%205.52501C14.7083%204.50834%2013.4666%204.00001%2012%204.00001C10.5333%204.00001%209.29164%204.50834%208.27497%205.52501C7.25831%206.54167%206.74997%207.78334%206.74997%209.25001C6.74997%2010.3%207.03331%2011.2458%207.59997%2012.0875C8.16664%2012.9292%208.89997%2013.5667%209.79997%2014Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-var ScannIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.6538L6.09619%2015.75L7.16539%2014.6808L9.25004%2016.7654V12.25H10.75V16.7501L12.8192%2014.6654L13.9038%2015.75L10%2019.6538ZM4.25002%2013.9038L0.346191%2010L4.23464%206.11158L5.30384%207.18078L3.23459%209.25003H7.74999V10.75H3.24997L5.33462%2012.8192L4.25002%2013.9038ZM15.75%2013.9038L14.6808%2012.8346L16.7654%2010.75H12.25V9.25003H16.7501L14.6654%207.18078L15.75%206.09618L19.6538%2010L15.75%2013.9038ZM9.25004%207.74998V3.23458L7.16539%205.3192L6.09619%204.25L10%200.346176L13.9038%204.25L12.8346%205.3192L10.75%203.23458V7.74998H9.25004Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3C%2Fsvg%3E";
-var LOG = getLogger('Planner', 'WEB-PLANNER-REACT');
-var FullscreenArHeader = function FullscreenArHeader() {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: header,
-    children: t('configurator.ar_qr_title')
-  });
-};
-var FullscreenAr = function FullscreenAr(_ref) {
-  var url = _ref.url,
-    isArCompatible = _ref.isArCompatible,
-    broswerSupportAR = _ref.broswerSupportAR,
-    activateAR = _ref.activateAR,
-    hqRenderScript = _ref.hqRenderScript,
-    isTablet = _ref.isTablet;
-  var _useTranslation2 = useTranslation(),
-    t = _useTranslation2.t;
-  var onClick = function onClick() {
-    LOG.businessEvent('onInitARViewer', 'RealTimeViewer', 'Load AR viewer', {
-      arMedia: url,
-      hqRenderScript: hqRenderScript
-    });
-    activateAR === null || activateAR === void 0 || activateAR();
-  };
-  if (isArCompatible == false || !broswerSupportAR) {
-    return /*#__PURE__*/jsxs("div", {
-      className: errorWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: errorText,
-        dangerouslySetInnerHTML: {
-          __html: t('arviewer.failed')
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: errorQrCodeWrapper,
-        children: [" ", url && /*#__PURE__*/React.createElement(QRCode, {
-          value: url,
-          size: 220
-        })]
-      })]
-    });
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(fullscreen, isTablet ? tablet : undefined),
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: textWrapper,
-        children: /*#__PURE__*/jsx("div", {
-          className: text,
-          children: t('configurator.ar_qr_text')
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: stepsWrapper,
-        children: [/*#__PURE__*/jsxs("div", {
-          className: stepWrapper,
-          children: [/*#__PURE__*/jsx("div", {
-            className: icon,
-            children: /*#__PURE__*/jsx("img", {
-              src: CameraIcon,
-              alt: "",
-              className: svgIcon
-            })
-          }), /*#__PURE__*/jsxs("div", {
-            className: stepTextWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: stepTitle,
-              children: t('configurator.ar_qr_step') + ' 1'
-            }), /*#__PURE__*/jsx("div", {
-              className: stepText,
-              children: t('configurator.ar_qr_step1')
-            })]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: stepWrapper,
-          children: [/*#__PURE__*/jsx("div", {
-            className: icon,
-            children: /*#__PURE__*/jsx("img", {
-              src: LightbulbIcon,
-              alt: "",
-              className: svgIcon
-            })
-          }), /*#__PURE__*/jsxs("div", {
-            className: stepTextWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: stepTitle,
-              children: t('configurator.ar_qr_step') + ' 2'
-            }), /*#__PURE__*/jsx("div", {
-              className: stepText,
-              children: t('configurator.ar_qr_step2')
-            })]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: stepWrapper,
-          children: [/*#__PURE__*/jsx("div", {
-            className: icon,
-            children: /*#__PURE__*/jsx("img", {
-              src: ScannIcon,
-              alt: "",
-              className: svgIcon
-            })
-          }), /*#__PURE__*/jsxs("div", {
-            className: stepTextWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: stepTitle,
-              children: t('configurator.ar_qr_step') + ' 3'
-            }), /*#__PURE__*/jsx("div", {
-              className: stepText,
-              children: t('configurator.ar_qr_step3')
-            })]
-          })]
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: buttonWrapper,
-        children: /*#__PURE__*/jsx("div", {
-          "aria-disabled": !activateAR,
-          className: classnames(arButton, !activateAR ? disabled : undefined),
-          onClick: onClick,
-          children: activateAR ? t('configurator.open_ar') : /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx("div", {
-              className: loader
-            }), t('arviewer.initializing')]
-          })
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: text,
-        children: t('configurator.ar_qr_bottom_text')
-      }), url && /*#__PURE__*/jsxs("div", {
-        className: qrCodeWrapper,
-        children: [" ", url && /*#__PURE__*/React.createElement(QRCode, {
-          value: url,
-          size: 220
-        })]
-      })]
-    })
-  });
-};
-var FullscreenAr$1 = observer(FullscreenAr);
-export { FullscreenArHeader, FullscreenAr$1 as default };

package/build/esm/index-3f5bb1e3.js DELETED Viewed

@@ -1,113 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect, useState } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 'react-switch';
-import 'react-countup';
-var wcConfiguratorSettingsSearch = "wcConfigurator-settings-Search-E9-UU";
-var mobile = "mobile-rgzgc";
-var tablet = "tablet-KFzjP";
-var wcInScroller = "wcInScroller-85YS9";
-var wcConfiguratorSettingsSearchExpanded = "wcConfigurator-settings-SearchExpanded-Jceqy";
-var wcConfiguratorSettingsSearchMaxExpanded = "wcConfigurator-settings-SearchMaxExpanded-AGbgn";
-var filterNotVisible = "filter-not-visible-Os1H1";
-var css_248z = "/*SearchFilter*/\n\ninput.wcConfigurator-settings-Search-E9-UU {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.mobile-rgzgc.wcConfigurator-settings-Search-E9-UU {\n  font-size: 12px;\n}\n\n.tablet-KFzjP.wcConfigurator-settings-Search-E9-UU {\n  font-size: 15px;\n}\n\n.wcConfigurator-settings-Search-E9-UU.wcInScroller-85YS9.wcConfigurator-settings-SearchExpanded-Jceqy,\n.wcConfigurator-settings-Search-E9-UU.wcInScroller-85YS9.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.wcConfigurator-settings-Search-E9-UU.wcConfigurator-settings-SearchExpanded-Jceqy,\n.wcConfigurator-settings-Search-E9-UU.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.wcConfigurator-settings-Search-E9-UU:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.wcConfigurator-settings-Search-E9-UU {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.wcConfigurator-settings-Search-E9-UU::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.wcConfigurator-settings-Search-E9-UU::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.wcInScroller-85YS9.wcConfigurator-settings-Search-E9-UU.filter-not-visible-Os1H1 {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.mobile-rgzgc.wcInScroller-85YS9.wcConfigurator-settings-Search-E9-UU.filter-not-visible-Os1H1 {\n  height: 19px;\n}\n";
-styleInject(css_248z);
-var _excluded = ["isInScroller", "item", "doShowFilter"];
-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 Seachbar = function Seachbar(_ref) {
-  var isInScroller = _ref.isInScroller,
-    item = _ref.item,
-    doShowFilter = _ref.doShowFilter,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var filterFreeTextChanged = function filterFreeTextChanged(searchValue, paletteId) {
-    if (searchValue !== '') {
-      viewHandler.settingsState.onAllGroups(paletteId, false);
-    } else {
-      if (viewHandler.paletteViewHandler.isGroupFolded(item.id)) {
-        viewHandler.settingsState.onAllGroups(paletteId, true);
-      }
-    }
-    viewHandler.paletteViewHandler.onSearchTextChanged(searchValue, paletteId);
-  };
-  var searchElement = useRef(null);
-  useEffect(function () {
-    var palette = viewHandler.settingsState.itemPalettes.get(item.id);
-    if ((palette === null || palette === void 0 ? void 0 : palette.configStepKey) === item.configStepKey) viewHandler.settingsState.updateItemPalette(palette.id, _objectSpread(_objectSpread({}, palette), {}, {
-      htmlInputElement: searchElement.current
-    }));
-  }, [searchElement]);
-  var _useState = useState(viewHandler.uiState.isInMobileView),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDisabled = _useState2[0],
-    setIsDisabled = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    didFocus = _useState4[0],
-    setDidFocus = _useState4[1];
-  return /*#__PURE__*/jsx("form", {
-    autoComplete: "off",
-    autoFocus: false,
-    onSubmit: function onSubmit(e) {
-      return e.preventDefault();
-    },
-    style: {
-      height: 'fit-content',
-      marginBottom: 0
-    },
-    children: /*#__PURE__*/jsx("input", _objectSpread(_objectSpread({}, props), {}, {
-      ref: searchElement,
-      className: classnames(wcConfiguratorSettingsSearch, doShowFilter ? undefined : filterNotVisible, viewHandler.uiState.configSettingsIsExpanded ? wcConfiguratorSettingsSearchExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? wcConfiguratorSettingsSearchMaxExpanded : undefined, isInScroller ? wcInScroller : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-      autoComplete: 'off',
-      value: item.searchText,
-      onKeyUp: function onKeyUp(e) {
-        return filterFreeTextChanged(e.target.value, item.id);
-      },
-      placeholder: t('configurator.QUICKFILTER'),
-      type: "text",
-      "data-test-id": "plannerSearchbar",
-      onMouseDown: function onMouseDown(e) {
-        return setIsDisabled(false);
-      },
-      onTouchStart: function onTouchStart(e) {
-        setIsDisabled(false);
-        setTimeout(function () {
-          setDidFocus(true);
-        }, 100);
-      },
-      onBlur: function onBlur() {
-        if (didFocus) {
-          setIsDisabled(viewHandler.uiState.isInMobileView);
-          setDidFocus(false);
-        }
-      },
-      disabled: isDisabled
-    }))
-  });
-};
-var Searchbar = observer(Seachbar);
-export { Searchbar as default };