npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.8.0-beta.9 → 26.9.0-beta.1 - Mend

@crystaldesign/diva-web-planner-react 26.8.0-beta.9 → 26.9.0-beta.1

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

package/build/esm/index-3fd99b90.js ADDED Viewed

@@ -0,0 +1,167 @@
+import { s as styleInject } from './index-aa2f36a5.js';
+import 'react';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-bdbe254c.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-9c6a165a.js';
+import PlannerUI from './index-ff1caecc.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '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-47a6f3e0.js';
+import './index-1abdcdfb.js';
+import './index-39b069cb.js';
+import './index-9b3f584a.js';
+import './index-87b2bac7.js';
+import './index-a8be621e.js';
+import './index-8ea14a29.js';
+import './index-22b02459.js';
+import './index-11e697e3.js';
+import './index-85359ea1.js';
+import './index-a1e30800.js';
+import './index-45962958.js';
+import './index-b47b77ab.js';
+import 'react-draggable';
+import './index-c2efe6f2.js';
+import './index-b9ff37df.js';
+import './index-61a6bfa4.js';
+var wcPlannerButton = "wcPlannerButton-7VWLs";
+var mobile = "mobile-JpBZv";
+var css_248z$6 = ".wcPlannerButton-7VWLs {\n  position: absolute;\n  background-repeat: no-repeat;\n  --globalSize: 28px;\n  --posNrSize: var(--globalSize) --trashSize: var(--globalSize);\n  --rotSize: 35px;\n  --copySize: var(--globalSize);\n  --fontSize: 26px;\n  --copyArrowSize: 40px;\n}\n\n:not(.tablet-CDlVX).mobile-JpBZv {\n  --globalSize: 16px;\n  --fontSize: 14px;\n  --rotSize: 16px;\n  --copyArrowSize: var(--globalSize);\n}\n\n.tablet-CDlVX {\n  --globalSize: 24px;\n  --fontSize: 16px;\n  --rotSize: 24px;\n  --copyArrowSize: var(--globalSize);\n}\n";
+styleInject(css_248z$6);
+var wcUi2DDpAvl = "wcUI2D_DP_AVL-w776P";
+var wcUi2DDpAvlSel = "wcUI2D_DP_AVL_SEL-zCEhK";
+var css_248z$5 = ".wcUI2D_DP_AVL-w776P {\n  border-radius: 0px !important;\n}\n\n.wcUI2D_DP_AVL-w776P {\n  height: calc(var(--globalSize) * 1.2);\n  width: calc(var(--globalSize) * 1.2);\n  background-color: rgba(0, 0, 0, 0);\n  background-position: center right;\n  background-size: calc(var(--globalSize) * 0.48);\n  background-position-x: calc(calc(var(--globalSize) * 0.48) + 6);\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: calc(var(--globalSize) * 1.2);\n  width: calc(var(--globalSize) * 1.2);\n  background-color: rgba(0, 0, 0, 0);\n  background-size: calc(var(--globalSize) * 0.48);\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: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\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: calc(var(--globalSize) * -0.5);\n  margin-left: calc(var(--globalSize) * -0.5);\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: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\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: calc(var(--globalSize) * -0.5);\n  margin-left: calc(var(--globalSize) * -0.5);\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: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\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: calc(var(--globalSize) * -0.5);\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: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\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: calc(var(--globalSize) * -0.5);\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: var(--rotSize);\n  height: var(--rotSize);\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: var(--rotSize);\n  height: var(--rotSize);\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  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: calc(var(--globalSize));\n  height: calc(var(--globalSize));\n  border-radius: 3px;\n  background: #dfdfdf;\n  background-repeat: no-repeat;\n  background-size: 54%;\n  text-align: center;\n  cursor: pointer;\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: var(--globalSize);\n  height: var(--globalSize);\n  border-radius: 3px;\n  font-size: calc(var(--globalSize) * 0.7);\n  line-height: var(--globalSize);\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 _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: ''
+      },
+      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,
+        moreThanOneNr: ''
+      },
+      rotation: {
+        rotClock: wc2DRotClock,
+        rotCounterClock: wc2DRotCounterClock,
+        rot3DGrid: wcPlanner3DRot
+      },
+      move3DGrid: {
+        move3DGrid: wcPlanner3DMove
+      },
+      trash: {
+        boxplanner: '',
+        trashClass: wcUiDel
+      },
+      dimension: {
+        distanceToGround: wcPlannerDistanceToGround,
+        distanceToGroundIcon: wcPlannerArrowDistanceToGround
+      }
+    }
+  };
+  return /*#__PURE__*/jsx(PlannerUI, {
+    plannerUIProps: plannerUIProps
+  });
+};
+export { GoldenPlannerUI as default };

package/build/esm/index-402a11b3.js ADDED Viewed

@@ -0,0 +1,266 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { i as loadingIcon, j as generateIcon } from './index.module-237bec6d.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 uploadItem = "upload-item-dcp3Q";
+var generated = "generated-ka1pu";
+var sel = "sel-SgdMn";
+var wrapper = "wrapper-gfy5X";
+var title = "title-HYo9x";
+var buttonVisible = "button-visible-zc3K2";
+var loading = "loading-PEswD";
+var button = "button-fvMKS";
+var uploadArea = "upload-area-mNOSf";
+var dragOver = "drag-over-GH8Ml";
+var uploadContent = "upload-content-0ZVK8";
+var uploadIcon = "upload-icon-jfo5w";
+var cameraIcon = "camera-icon-HhWd7";
+var uploadSubtext = "upload-subtext-aCvmB";
+var css_248z = "/* Import base styles from parent UploadItem */\n.upload-item-dcp3Q {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.upload-item-dcp3Q.generated-ka1pu:not(.sel-SgdMn) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.wrapper-gfy5X {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.sel-SgdMn .wrapper-gfy5X {\n  border: 3px solid var(--primaryColor);\n}\n\n.generated-ka1pu .text-shadow-y8w4i {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.upload-item-dcp3Q img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.title-HYo9x {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .title-HYo9x {\n  font-size: 12px;\n  bottom: 4px;\n}\n\n.sel-SgdMn.button-visible-zc3K2 .title-HYo9x,\n.loading-PEswD .title-HYo9x {\n  bottom: 40px;\n}\n\n.button-fvMKS {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .button-fvMKS {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.button-visible-zc3K2:hover .button-fvMKS,\n.sel-SgdMn.button-visible-zc3K2 .button-fvMKS,\n.loading-PEswD .button-fvMKS {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n\n.upload-item-dcp3Q:not(.loading-PEswD) .button-fvMKS:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n/* Upload-specific styles */\n.upload-area-mNOSf {\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border: 2px dashed #dee2e6;\n  min-height: 120px;\n}\n\n.upload-area-mNOSf:hover {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);\n}\n\n.drag-over-GH8Ml {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #e6f3ff 0%, #cce7ff 100%);\n  transform: scale(1.02);\n}\n\n.upload-content-0ZVK8 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 20px;\n  text-align: center;\n}\n\n.upload-icon-jfo5w {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath d%3D%22M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15%22 stroke%3D%22currentColor%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E  %3Cpath d%3D%22M17 8L12 3L7 8%22 stroke%3D%22currentColor%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E  %3Cpath d%3D%22M12 3V15%22 stroke%3D%22currentColor%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 32px;\n  height: 32px;\n  opacity: 0.6;\n}\n\n.camera-icon-HhWd7 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath d%3D%22M23 19C23 19.5304 22.7893 20.0391 22.4142 20.4142C22.0391 20.7893 21.5304 21 21 21H3C2.46957 21 1.96086 20.7893 1.58579 20.4142C1.21071 20.0391 1 19.5304 1 19V8C1 7.46957 1.21071 6.96086 1.58579 6.58579C1.96086 6.21071 2.46957 6 3 6H7L9 3H15L17 6H21C21.5304 6 22.0391 6.21071 22.4142 6.58579C22.7893 6.96086 23 7.46957 23 8V19Z%22 stroke%3D%22currentColor%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E  %3Ccircle cx%3D%2212%22 cy%3D%2213%22 r%3D%224%22 stroke%3D%22currentColor%22 stroke-width%3D%222%22%2F%3E  %3Ccircle cx%3D%2217.5%22 cy%3D%229.5%22 r%3D%221.5%22 fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.upload-text-IG5f9 {\n  font-size: 16px;\n  font-weight: 600;\n  color: #495057;\n  margin: 0;\n}\n\n.upload-subtext-aCvmB {\n  font-size: 12px;\n  color: #6c757d;\n  margin: 0;\n}\n\n/* When image is uploaded, hide upload content */\n.sel-SgdMn .upload-content-0ZVK8 {\n  display: none;\n}\n\n.sel-SgdMn .upload-area-mNOSf {\n  background: transparent;\n  border: none;\n}\n\n/* Button positioning for multiple buttons */\n.button-fvMKS:nth-of-type(2) {\n  bottom: 50px;\n}\n\n.mobile .button-fvMKS:nth-of-type(2) {\n  bottom: 44px;\n}\n";
+styleInject(css_248z);
+var useImageUpload = function useImageUpload() {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    imageBase64 = _useState2[0],
+    setImageBase64 = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDragOver = _useState4[0],
+    setIsDragOver = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasCamera = _useState6[0],
+    setHasCamera = _useState6[1];
+  var fileInputRef = useRef(null);
+  // Check for camera availability
+  useEffect(function () {
+    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+      navigator.mediaDevices.getUserMedia({
+        video: true
+      }).then(function () {
+        return setHasCamera(true);
+      })["catch"](function () {
+        return setHasCamera(false);
+      });
+    }
+  }, []);
+  var processFile = useCallback(function (file) {
+    if (file && file.type.startsWith('image/')) {
+      var reader = new FileReader();
+      reader.onload = function (e) {
+        var _e$target;
+        var result = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.result;
+        setImageBase64(result);
+      };
+      reader.readAsDataURL(file);
+    }
+  }, []);
+  var handleFileSelect = useCallback(function (event) {
+    var _event$target$files;
+    var file = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
+    if (file) {
+      processFile(file);
+    }
+  }, [processFile]);
+  var handleCameraCapture = useCallback(function () {
+    var input = document.createElement('input');
+    input.type = 'file';
+    input.accept = 'image/*';
+    input.capture = 'environment';
+    input.onchange = function (e) {
+      var _files;
+      var file = (_files = e.target.files) === null || _files === void 0 ? void 0 : _files[0];
+      if (file) {
+        processFile(file);
+      }
+    };
+    input.click();
+  }, [processFile]);
+  var handleFileUpload = useCallback(function () {
+    var _fileInputRef$current;
+    (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 || _fileInputRef$current.click();
+  }, []);
+  var handleDragOver = useCallback(function (e) {
+    e.preventDefault();
+    setIsDragOver(true);
+  }, []);
+  var handleDragLeave = useCallback(function (e) {
+    e.preventDefault();
+    setIsDragOver(false);
+  }, []);
+  var handleDrop = useCallback(function (e) {
+    e.preventDefault();
+    setIsDragOver(false);
+    var files = Array.from(e.dataTransfer.files);
+    var imageFile = files.find(function (file) {
+      return file.type.startsWith('image/');
+    });
+    if (imageFile) {
+      processFile(imageFile);
+    }
+  }, [processFile]);
+  var clearImage = useCallback(function () {
+    setImageBase64('');
+    if (fileInputRef.current) {
+      fileInputRef.current.value = '';
+    }
+  }, []);
+  return {
+    imageBase64: imageBase64,
+    isDragOver: isDragOver,
+    hasCamera: hasCamera,
+    fileInputRef: fileInputRef,
+    processFile: processFile,
+    handleFileSelect: handleFileSelect,
+    handleCameraCapture: handleCameraCapture,
+    handleFileUpload: handleFileUpload,
+    handleDragOver: handleDragOver,
+    handleDragLeave: handleDragLeave,
+    handleDrop: handleDrop,
+    clearImage: clearImage
+  };
+};
+var UploadItem = function UploadItem(_ref) {
+  var item = _ref.item;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var viewHandler = useViewHandler();
+  // Use the custom hook for all upload logic
+  var _useImageUpload = useImageUpload(),
+    imageBase64 = _useImageUpload.imageBase64,
+    isDragOver = _useImageUpload.isDragOver,
+    hasCamera = _useImageUpload.hasCamera,
+    fileInputRef = _useImageUpload.fileInputRef,
+    handleFileSelect = _useImageUpload.handleFileSelect,
+    handleCameraCapture = _useImageUpload.handleCameraCapture,
+    handleFileUpload = _useImageUpload.handleFileUpload;
+  var handleClick = function handleClick(e) {
+    if (!item.selected) {
+      var _item$onClick;
+      (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
+      e.stopPropagation();
+      return;
+    }
+    handleFileUpload();
+  };
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    generatingPromise = _useState2[0],
+    setGeneratingPromise = _useState2[1];
+  var onButtonClick = function onButtonClick(e) {
+    e.stopPropagation();
+    if (!imageBase64) return;
+    var hash = viewHandler.aiState.setHash;
+    setGeneratingPromise(viewHandler.aiState.generateAiImageWithReferenceImages(item.key, hash, imageBase64));
+  };
+  var generated$1 = viewHandler.aiState.aiGeneratedRooms[item.key] !== undefined;
+  var loading$1 = generatingPromise;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(uploadItem, uploadArea, isDragOver ? dragOver : undefined, item.selected ? sel : undefined, !generated$1 ? buttonVisible : generated, loading$1 ? loading : undefined),
+    onClick: handleClick,
+    children: [/*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("input", {
+        type: "file",
+        accept: "image/*",
+        capture: "environment",
+        style: {
+          display: 'none'
+        },
+        id: "cameraInput"
+      }), /*#__PURE__*/jsx("label", {
+        htmlFor: "cameraInput",
+        children: /*#__PURE__*/jsx("button", {
+          children: "Take Photo"
+        })
+      }), /*#__PURE__*/jsx("input", {
+        type: "file",
+        accept: "image/*",
+        style: {
+          display: 'none'
+        },
+        id: "galleryInput"
+      }), /*#__PURE__*/jsx("label", {
+        htmlFor: "galleryInput",
+        children: /*#__PURE__*/jsx("button", {
+          children: "Choose from Gallery"
+        })
+      })]
+    }), /*#__PURE__*/jsx("input", {
+      ref: fileInputRef,
+      type: "file",
+      accept: "image/*",
+      onChange: handleFileSelect,
+      style: {
+        display: 'none'
+      }
+    }), /*#__PURE__*/jsxs("div", {
+      className: wrapper,
+      children: [imageBase64 ? /*#__PURE__*/jsx("img", {
+        src: imageBase64,
+        alt: "Uploaded"
+      }) : /*#__PURE__*/jsxs("div", {
+        className: uploadContent,
+        children: [/*#__PURE__*/jsx("div", {
+          className: uploadIcon
+        }), /*#__PURE__*/jsx("div", {
+          className: uploadSubtext,
+          children: "or click to browse"
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: title,
+        children: imageBase64 ? 'Image uploaded' : 'Upload Image'
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      className: classnames(button),
+      onClick: onButtonClick,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(loading$1 ? loadingIcon : generateIcon)
+      }), loading$1 ? t('configurator.roomRendering.generating') : t('configurator.roomRendering.generate')]
+    }), !imageBase64 && /*#__PURE__*/jsxs("div", {
+      className: classnames(button, buttonVisible),
+      children: [/*#__PURE__*/jsx("div", {
+        className: uploadIcon
+      }), t('configurator.roomRendering.upload')]
+    }), hasCamera && !imageBase64 && /*#__PURE__*/jsxs("div", {
+      className: classnames(button, buttonVisible),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        handleCameraCapture();
+      },
+      style: {
+        bottom: '50px'
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: cameraIcon
+      }), t('configurator.roomRendering.camera')]
+    })]
+  });
+};
+var UploadItem$1 = observer(UploadItem);
+export { UploadItem$1 as default };

package/build/esm/index-411581b4.js ADDED Viewed

@@ -0,0 +1,101 @@
+import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-aa2f36a5.js';
+import 'react';
+import classnames from 'classnames';
+import Option from './index-34e20e32.js';
+import { useTranslation } from '@crystaldesign/diva-core';
+import InfoIcon from './index-dea7c1f9.js';
+import ReverseCheck from './index-8e468bed.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+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.module-9dce5a76.js';
+import './index.module-b825f617.js';
+import './index-c65475d9.js';
+import 'react-laag';
+import './index-116bed5e.js';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+var container = "container-GW-AX";
+var sel = "sel-jrQj2";
+var titleContainer = "title-container-W41FT";
+var title = "title-FojkZ";
+var subTitle = "sub-title-RJrKO";
+var ccConstructionWarning = "ccConstructionWarning-8h9KH";
+var css_248z = ".container-GW-AX {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.container-GW-AX.sel-jrQj2 {\n  border: 2px solid var(--secondaryColor);\n}\n\n.container-GW-AX img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.title-container-W41FT {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.title-FojkZ,\n.sub-title-RJrKO {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.title-FojkZ {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.sub-title-RJrKO {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.ccConstructionWarning-8h9KH {\n  display: block;\n  height: 30px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient gradientTransform%3D%22matrix(1.31117 0 0 1.30239 737.39 159.91)%22 gradientUnits%3D%22userSpaceOnUse%22 id%3D%220%22 y2%3D%22-.599%22 x2%3D%220%22 y1%3D%2245.47%22%3E%3Cstop stop-color%3D%22%23ffc515%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23ffd55b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg transform%3D%22matrix(.85714 0 0 .85714-627.02-130.8)%22%3E%3Cpath d%3D%22m797.94 212.01l-25.607-48c-.736-1.333-2.068-2.074-3.551-2.074-1.483 0-2.822.889-3.569 2.222l-25.417 48c-.598 1.185-.605 2.815.132 4 .737 1.185 1.921 1.778 3.404 1.778h51.02c1.483 0 2.821-.741 3.42-1.926.747-1.185.753-2.667.165-4%22 fill%3D%22url(%230)%22%2F%3E%3Cpath d%3D%22m-26.309 18.07c-1.18 0-2.135.968-2.135 2.129v12.82c0 1.176.948 2.129 2.135 2.129 1.183 0 2.135-.968 2.135-2.129v-12.82c0-1.176-.946-2.129-2.135-2.129zm0 21.348c-1.18 0-2.135.954-2.135 2.135 0 1.18.954 2.135 2.135 2.135 1.181 0 2.135-.954 2.135-2.135 0-1.18-.952-2.135-2.135-2.135z%22 transform%3D%22matrix(1.05196 0 0 1.05196 796.53 161.87)%22 fill%3D%22%23000%22 stroke%3D%22%2340330d%22 fill-opacity%3D%22.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n";
+styleInject(css_248z);
+var OptionJungle = function OptionJungle(_ref) {
+  var _item$text, _item$text2;
+  var itemP = _ref.item,
+    paletteId = _ref.paletteId;
+    _ref.type;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (item.layout == 'TEXT' || !viewHandler.uiState.isInMobileView) return /*#__PURE__*/jsx(Option, {
+    item: item,
+    paletteId: paletteId
+  });
+  var header = (_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.split(/,(.+)/)[0];
+  var subText = (_item$text2 = item.text) === null || _item$text2 === void 0 ? void 0 : _item$text2.split(/,(.+)/)[1];
+  if (!subText) {
+    var _item$text3, _item$text4;
+    header = (_item$text3 = item.text) === null || _item$text3 === void 0 ? void 0 : _item$text3.split(/\((.+)/)[0];
+    subText = (_item$text4 = item.text) === null || _item$text4 === void 0 || (_item$text4 = _item$text4.split(/\((.+)/)[1]) === null || _item$text4 === void 0 ? void 0 : _item$text4.replace(')', '');
+  }
+  var onClick = function onClick() {
+    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    id: item.codex,
+    className: classnames(container, item.sel ? sel : undefined),
+    onClick: onClick,
+    children: [/*#__PURE__*/jsx("img", {
+      style: {
+        maxHeight: viewHandler.settingsState.settingsWidth / 3
+      },
+      src: item.image,
+      title: item.text + (item.freeText ? item.freeText : '')
+    }), /*#__PURE__*/jsxs("div", {
+      className: titleContainer,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(title),
+        children: header
+      }), subText && /*#__PURE__*/jsx("div", {
+        className: classnames(subTitle),
+        children: subText
+      })]
+    }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+      item: item
+    }, item.codex), item.disabledByConstructionRule && /*#__PURE__*/jsx("div", {
+      className: classnames(ccConstructionWarning),
+      title: t('configurator.' + item.disabledByConstructionRule)
+    }), item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+      asyncPricePreview: item.pricePreviewPromise,
+      sel: item.sel
+    }), item.checkForReversingChanges !== undefined && /*#__PURE__*/jsx(ReverseCheck, {
+      item: item,
+      paletteId: paletteId
+    })]
+  });
+};
+export { OptionJungle as default };