@crystaldesign/diva-web-planner-react 26.3.0-beta.3 → 26.3.0-beta.30

package/build/esm/{index-1c44065d.js → index-8cb87f7a.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-0c4af2cf.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-13d59848.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-ab7f72fd.js';
-import PlannerUI from './index-fcf5daff.js';
+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-aae4a857.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-b70d3874.js';
+import PlannerUI from './index-8a12c7a7.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -22,23 +22,23 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-b83f19c3.js';
-import './index-9499c362.js';
-import './index-4d365129.js';
-import './index-49d5fc9a.js';
-import './index-24eae12a.js';
-import './index-2a156f60.js';
-import './index-5af1f76c.js';
-import './index-992c3d9c.js';
-import './index-85f1cbc3.js';
-import './index-d2306a3c.js';
-import './index-df7f4329.js';
-import './index-86fca2c3.js';
-import './index-3ec11511.js';
+import './index-b7633079.js';
+import './index-16f377cf.js';
+import './index-31894a83.js';
+import './index-39375bc5.js';
+import './index-d47d79ee.js';
+import './index-4b076045.js';
+import './index-cd1709fc.js';
+import './index-6b012247.js';
+import './index-3d752875.js';
+import './index-359aac2c.js';
+import './index-531c25d8.js';
+import './index-de0949d6.js';
+import './index-0d19505a.js';
 import 'react-draggable';
-import './index-2510d869.js';
-import './index-95aa04b9.js';
-import './index-4b0ccafe.js';
+import './index-9841afa6.js';
+import './index-281e53e8.js';
+import './index-dd9f15cc.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var mobile = "mobile-JpBZv";

package/build/esm/{index-fc1bcf7a.js → index-8db2b614.js}

@@ -3,7 +3,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
@@ -26,7 +26,7 @@ var header = "header-kOQCg";
 var ekTextClass = "ekTextClass-w-J0r";
 var table = "table-4dpdq";
 var column = "column-25QWm";
-var css_248z = ".wrapper-J9tZI {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-8uAoc {\n  overflow: auto;\n  left: 50px;\n}\n.header-kOQCg {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.ekTextClass-w-J0r {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-4dpdq {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.table-4dpdq thead {\n  font-weight: bold !important;\n}\n.table-4dpdq thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.column-25QWm {\n  text-align: left;\n}\n.column-25QWm:first-child {\n  height: 20px;\n}\n.column-25QWm th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-25QWm th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-25QWm th:last-child {\n  font-size: 12px;\n}\n";
+var css_248z = ".wrapper-J9tZI {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-8uAoc {\n  overflow: auto;\n}\n.header-kOQCg {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.ekTextClass-w-J0r {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-4dpdq {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.table-4dpdq thead {\n  font-weight: bold !important;\n}\n.table-4dpdq thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.column-25QWm {\n  text-align: left;\n}\n.column-25QWm:first-child {\n  height: 20px;\n}\n.column-25QWm th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-25QWm th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-25QWm th:last-child {\n  font-size: 12px;\n}\n";
 styleInject(css_248z);
 
 var _excluded = ["onMouseDown"];

package/build/esm/{index-4f517dc2.js → index-8e16fe09.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-1f4ff73d.js';
+import './index-0c4af2cf.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-1d5f0642.js → index-8f684632.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-0c4af2cf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { c as checkoutButton } from './index.module-348d8d56.js';
-import PriceCounter from './index-f43408be.js';
+import { c as checkoutButton } from './index.module-82e23669.js';
+import PriceCounter from './index-f31e87f2.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-414960ab.js → index-91881d36.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-2b4ea28b.js';
-import PricePreview from './index-c4c0bdbd.js';
-import { g as getKey } from './index-4a4920c1.js';
+import InfoIcon from './index-97e4f826.js';
+import PricePreview from './index-fb3da7a9.js';
+import { g as getKey } from './index-39a8e7c5.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,83 +23,83 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-f43408be.js';
+import './index-f31e87f2.js';
 import 'react-countup';
 import 'sift';
-import './index-bb9c255b.js';
-import './index-9c685201.js';
-import './index-690ec566.js';
-import './index-4c3350f8.js';
-import './index-8cfa9496.js';
-import './index.module-e7cb9056.js';
-import './index-d7b9d494.js';
+import './index-551717e9.js';
+import './index-8727e965.js';
+import './index-5a5289eb.js';
+import './index-9cc309dc.js';
+import './index-122a0869.js';
+import './index.module-e1401df0.js';
+import './index-2770ac07.js';
 import 'react-switch';
-import './index-a3f95cb6.js';
+import './index-338270a7.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-29f5b2d0.js';
+import './index-4770ac0f.js';
 import 'react-dropdown';
-import './index-cb3b20ec.js';
+import './index-0e7381cf.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-050c8cc5.js';
-import './index-e9aed872.js';
-import './index-722897dc.js';
+import './index-883c22c3.js';
+import './index-9674599a.js';
+import './index-45fa07f9.js';
 import '@crystaldesign/content-box';
-import './index-7407430e.js';
-import './index-c3656d24.js';
-import './index-4f1bfdab.js';
-import './index-d6330abc.js';
-import './index-cb2a0cd1.js';
-import './index-aef93a42.js';
-import './index-f458d7d4.js';
-import './index-b3e6adc8.js';
-import './index-95c9a953.js';
+import './index-e341c591.js';
+import './index-a1062c3a.js';
+import './index-5156ca7b.js';
+import './index-07ad5139.js';
+import './index-9ba1ca70.js';
+import './index-880c5baa.js';
+import './index-1eafb49f.js';
+import './index-8b96a87d.js';
+import './index-a838aa60.js';
 import 'react-laag';
-import './index.module-fbb4f840.js';
-import './index-e985b067.js';
-import './index-c5e642eb.js';
-import './index-8693b392.js';
-import './index-3b1f2166.js';
-import './index-073cdde6.js';
-import './index-7c745ab9.js';
-import './index.module-07c4c66a.js';
-import './index-e51fd956.js';
-import './index-2052475c.js';
-import './index-2f67c7a6.js';
-import './index-cd4baa3c.js';
-import './index-9e15296d.js';
-import './index-08a98cbb.js';
-import './index-deb2581e.js';
-import './index-b77ac4d2.js';
-import './index-f51f4729.js';
-import './index-99a52150.js';
-import './index-3f9fd8b6.js';
-import './index-6f08238e.js';
+import './index.module-a1524dc2.js';
+import './index-d8069db0.js';
+import './index-42805d35.js';
+import './index-3f878c68.js';
+import './index-7c85b92e.js';
+import './index-970fada8.js';
+import './index-e46763e8.js';
+import './index.module-d266f304.js';
+import './index-97b09940.js';
+import './index-3d7806b8.js';
+import './index-bd03ba3b.js';
+import './index-1edd9049.js';
+import './index-2d10458f.js';
+import './index-51c9445d.js';
+import './index-96b86e97.js';
+import './index-b177992c.js';
+import './index-fc36bc10.js';
+import './index-a9929714.js';
+import './index-1f7d9cc7.js';
+import './index-88c444ee.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-05c216ca.js';
+import './index-3fedcae6.js';
 import 'rc-slider';
-import './index-4b637a92.js';
-import './index-41b82621.js';
-import './index-beb8eee3.js';
-import './index-f4bc312a.js';
-import './index-9aab04af.js';
+import './index-186612cf.js';
+import './index-bcdf7d06.js';
+import './index-a023c2a7.js';
+import './index-b8aacc98.js';
+import './index-5b396532.js';
 import 'react-confetti-explosion';
-import './index-f84ca259.js';
-import './index-4fef9047.js';
-import './index-f4e4bf34.js';
+import './index-7856e10b.js';
+import './index-140074e6.js';
+import './index-d5d09a35.js';
 import 'react-qr-code';
-import './index-7c638818.js';
-import './useCustomDimensions-5f49ad7e.js';
-import './index-6791ad70.js';
-import './ussIsSticky-15a2c4ba.js';
-import './index-d243bb6f.js';
-import './index-b084bc0f.js';
-import './index-63f9a6c9.js';
-import './index.module-4eaf3b2f.js';
-import './index-aa5f1930.js';
-import './index-27c409ec.js';
-import './index-cc35a78b.js';
+import './index-c19f7012.js';
+import './useCustomDimensions-04c11b27.js';
+import './index-24c4a849.js';
+import './ussIsSticky-8f2e6519.js';
+import './index-dc54720f.js';
+import './index-c21577c2.js';
+import './index-73d625f4.js';
+import './index.module-79f9899d.js';
+import './index-c2e49d89.js';
+import './index-4e9e91f3.js';
+import './index-3e4b4337.js';
 
 var wrapper = "wrapper-QG-9Z";
 var wcGroupedContainer = "wcGroupedContainer-jhNWc";

package/build/esm/index-92127f72.js

@@ -0,0 +1,175 @@
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import 'react';
+import { Rnd } from 'react-rnd';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var container = "container-efJ5C";
+var header = "header-1CJv0";
+var headerTitle = "headerTitle-uXM2j";
+var closeBtn = "closeBtn-5GDgH";
+var body = "body-x-0by";
+var bodyScroll = "bodyScroll-7BmZx";
+var css_248z = ".container-efJ5C {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n  border-radius: 6px;\n  overflow: hidden;\n  background: #fff;\n  z-index: 1500;\n}\n\n.header-1CJv0 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  background: #f3f3f3;\n  border-bottom: 1px solid #e0e0e0;\n  cursor: move;\n  flex-shrink: 0;\n}\n\n.headerTitle-uXM2j {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.closeBtn-5GDgH {\n  background: none;\n  border: none;\n  font-size: 20px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0 4px;\n  color: #666;\n}\n\n.closeBtn-5GDgH:hover {\n  color: #333;\n}\n\n.body-x-0by {\n  flex: 1 1 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.bodyScroll-7BmZx {\n  flex: 1 1 0;\n  min-height: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n/* Dark mode – matches backoffice (portaled to body) */\nbody.darkmode .container-efJ5C {\n  background: rgb(20, 20, 20);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);\n}\n\nbody.darkmode .header-1CJv0 {\n  background: rgb(30, 30, 30);\n  border-bottom-color: rgba(255, 255, 255, 0.12);\n  color: rgb(255, 255, 255);\n}\n\nbody.darkmode .headerTitle-uXM2j {\n  color: rgb(255, 255, 255);\n}\n\nbody.darkmode .closeBtn-5GDgH {\n  color: rgba(255, 255, 255, 0.65);\n}\n\nbody.darkmode .closeBtn-5GDgH:hover {\n  color: rgb(255, 255, 255);\n}\n\nbody.darkmode .body-x-0by {\n  background: rgb(20, 20, 20);\n  color: rgb(255, 255, 255);\n}\n";
+styleInject(css_248z);
+
+var SNAP_THRESHOLD = 24;
+
+/** Snaps position to viewport edges when within threshold (dock-style snapping). */
+function getSnappedBounds(x, y, width, height) {
+  var vw = window.innerWidth;
+  var vh = window.innerHeight;
+  var nx = x;
+  var ny = y;
+  if (x <= SNAP_THRESHOLD) nx = 0;
+  if (x + width >= vw - SNAP_THRESHOLD) nx = Math.max(0, vw - width);
+  if (y <= SNAP_THRESHOLD) ny = 0;
+  if (y + height >= vh - SNAP_THRESHOLD) ny = Math.max(0, vh - height);
+  return {
+    x: nx,
+    y: ny
+  };
+}
+/** Resize handle styles – positioned inside the container so they are not clipped by overflow:hidden. */
+var resizeHandleStyles = {
+  top: {
+    top: 0,
+    height: 12
+  },
+  right: {
+    right: 0,
+    left: 'auto',
+    width: 12
+  },
+  bottom: {
+    bottom: 0,
+    top: 'auto',
+    height: 12
+  },
+  left: {
+    left: 0,
+    width: 12
+  },
+  topRight: {
+    top: 0,
+    right: 0,
+    left: 'auto',
+    bottom: 'auto',
+    width: 16,
+    height: 16
+  },
+  bottomRight: {
+    bottom: 0,
+    right: 0,
+    left: 'auto',
+    top: 'auto',
+    width: 16,
+    height: 16
+  },
+  bottomLeft: {
+    bottom: 0,
+    left: 0,
+    right: 'auto',
+    top: 'auto',
+    width: 16,
+    height: 16
+  },
+  topLeft: {
+    top: 0,
+    left: 0,
+    right: 'auto',
+    bottom: 'auto',
+    width: 16,
+    height: 16
+  }
+};
+var FloatingWindow = function FloatingWindow(_ref) {
+  var windowType = _ref.windowType,
+    title = _ref.title,
+    bounds = _ref.bounds,
+    children = _ref.children;
+  var viewHandler = useViewHandler();
+  var handleDragStop = function handleDragStop(_e, d) {
+    var snapped = getSnappedBounds(d.x, d.y, bounds.width, bounds.height);
+    viewHandler.wysiwygDebugState.updateWysiwygWindowBounds(windowType, snapped);
+  };
+  var handleResizeStop = function handleResizeStop(_e, _direction, ref, _delta, position) {
+    var _ref$style$width, _ref$style$height;
+    var width = parseInt((_ref$style$width = ref.style.width) !== null && _ref$style$width !== void 0 ? _ref$style$width : String(bounds.width), 10);
+    var height = parseInt((_ref$style$height = ref.style.height) !== null && _ref$style$height !== void 0 ? _ref$style$height : String(bounds.height), 10);
+    viewHandler.wysiwygDebugState.updateWysiwygWindowBounds(windowType, {
+      x: position.x,
+      y: position.y,
+      width: width,
+      height: height
+    });
+  };
+  var handleClose = function handleClose() {
+    viewHandler.wysiwygDebugState.removeWysiwygWindow(windowType);
+  };
+  return /*#__PURE__*/jsxs(Rnd, {
+    position: {
+      x: bounds.x,
+      y: bounds.y
+    },
+    size: {
+      width: bounds.width,
+      height: bounds.height
+    },
+    onDragStop: function onDragStop(e, d) {
+      return handleDragStop(e, d);
+    },
+    onResizeStop: handleResizeStop,
+    dragHandleClassName: header,
+    minWidth: 280,
+    minHeight: 200,
+    className: container,
+    style: {
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    bounds: "window",
+    resizeHandleStyles: resizeHandleStyles,
+    resizeHandleWrapperStyle: {
+      zIndex: 1000
+    },
+    children: [/*#__PURE__*/jsxs("div", {
+      className: header,
+      children: [/*#__PURE__*/jsx("span", {
+        className: headerTitle,
+        children: title
+      }), /*#__PURE__*/jsx("button", {
+        type: "button",
+        className: closeBtn,
+        onClick: handleClose,
+        "aria-label": "Close",
+        children: "\xD7"
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: body,
+      children: /*#__PURE__*/jsx("div", {
+        className: bodyScroll,
+        children: children
+      })
+    })]
+  });
+};
+
+export { FloatingWindow as default };

package/build/esm/{index-ed2f7f11.js → index-9282ca78.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-0c4af2cf.js';
 import 'react';
-import SettingsHeaderContainer from './index-52026077.js';
-import SettingsScroller from './index-e3a44580.js';
+import SettingsHeaderContainer from './index-64c81abf.js';
+import SettingsScroller from './index-70f3a633.js';
 import { observer } from 'mobx-react-lite';
-import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-05fd374c.js';
+import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-7676aaee.js';
 import classnames from 'classnames';
-import SettingsSwiper from './index-2767b5a3.js';
-import SettingsExpanderButtons from './index-eb1177f9.js';
-import SettingsBottomDrawer from './index-5de49358.js';
+import SettingsSwiper from './index-1d8f1d5e.js';
+import SettingsExpanderButtons from './index-8991eb6c.js';
+import SettingsBottomDrawer from './index-ee4b5d23.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -25,91 +25,91 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-9c685201.js';
+import './index-8727e965.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-190f2e7d.js';
-import './index-c788c062.js';
-import './index-4a4920c1.js';
+import './index-3d8fcac5.js';
+import './index-276e6111.js';
+import './index-39a8e7c5.js';
 import 'sift';
-import './index-bb9c255b.js';
-import './index-690ec566.js';
-import './index-4c3350f8.js';
-import './index-8cfa9496.js';
-import './index.module-e7cb9056.js';
-import './index-d7b9d494.js';
+import './index-551717e9.js';
+import './index-5a5289eb.js';
+import './index-9cc309dc.js';
+import './index-122a0869.js';
+import './index.module-e1401df0.js';
+import './index-2770ac07.js';
 import 'react-switch';
-import './index-2b4ea28b.js';
-import './index-c4c0bdbd.js';
-import './index-f43408be.js';
+import './index-97e4f826.js';
+import './index-fb3da7a9.js';
+import './index-f31e87f2.js';
 import 'react-countup';
-import './index-a3f95cb6.js';
+import './index-338270a7.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-29f5b2d0.js';
+import './index-4770ac0f.js';
 import 'react-dropdown';
-import './index-cb3b20ec.js';
-import './index-050c8cc5.js';
-import './index-e9aed872.js';
-import './index-722897dc.js';
+import './index-0e7381cf.js';
+import './index-883c22c3.js';
+import './index-9674599a.js';
+import './index-45fa07f9.js';
 import '@crystaldesign/content-box';
-import './index-7407430e.js';
-import './index-c3656d24.js';
-import './index-4f1bfdab.js';
-import './index-d6330abc.js';
-import './index-cb2a0cd1.js';
-import './index-aef93a42.js';
-import './index-f458d7d4.js';
-import './index-b3e6adc8.js';
-import './index-95c9a953.js';
+import './index-e341c591.js';
+import './index-a1062c3a.js';
+import './index-5156ca7b.js';
+import './index-07ad5139.js';
+import './index-9ba1ca70.js';
+import './index-880c5baa.js';
+import './index-1eafb49f.js';
+import './index-8b96a87d.js';
+import './index-a838aa60.js';
 import 'react-laag';
-import './index.module-fbb4f840.js';
-import './index-e985b067.js';
-import './index-c5e642eb.js';
-import './index-8693b392.js';
-import './index-3b1f2166.js';
-import './index-073cdde6.js';
-import './index-7c745ab9.js';
-import './index.module-07c4c66a.js';
-import './index-e51fd956.js';
-import './index-2052475c.js';
-import './index-2f67c7a6.js';
-import './index-cd4baa3c.js';
-import './index-9e15296d.js';
-import './index-08a98cbb.js';
-import './index-deb2581e.js';
-import './index-b77ac4d2.js';
-import './index-f51f4729.js';
-import './index-99a52150.js';
-import './index-3f9fd8b6.js';
-import './index-6f08238e.js';
+import './index.module-a1524dc2.js';
+import './index-d8069db0.js';
+import './index-42805d35.js';
+import './index-3f878c68.js';
+import './index-7c85b92e.js';
+import './index-970fada8.js';
+import './index-e46763e8.js';
+import './index.module-d266f304.js';
+import './index-97b09940.js';
+import './index-3d7806b8.js';
+import './index-bd03ba3b.js';
+import './index-1edd9049.js';
+import './index-2d10458f.js';
+import './index-51c9445d.js';
+import './index-96b86e97.js';
+import './index-b177992c.js';
+import './index-fc36bc10.js';
+import './index-a9929714.js';
+import './index-1f7d9cc7.js';
+import './index-88c444ee.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-05c216ca.js';
+import './index-3fedcae6.js';
 import 'rc-slider';
-import './index-4b637a92.js';
-import './index-41b82621.js';
-import './index-beb8eee3.js';
-import './index-f4bc312a.js';
-import './index-9aab04af.js';
+import './index-186612cf.js';
+import './index-bcdf7d06.js';
+import './index-a023c2a7.js';
+import './index-b8aacc98.js';
+import './index-5b396532.js';
 import 'react-confetti-explosion';
-import './index-f84ca259.js';
-import './index-4fef9047.js';
-import './index-f4e4bf34.js';
+import './index-7856e10b.js';
+import './index-140074e6.js';
+import './index-d5d09a35.js';
 import 'react-qr-code';
-import './index-7c638818.js';
-import './useCustomDimensions-5f49ad7e.js';
-import './index-6791ad70.js';
-import './ussIsSticky-15a2c4ba.js';
-import './index-d243bb6f.js';
-import './index-b084bc0f.js';
-import './index-63f9a6c9.js';
-import './index.module-4eaf3b2f.js';
-import './index-aa5f1930.js';
-import './index-27c409ec.js';
-import './index-cc35a78b.js';
-import './index-a73425dc.js';
-import './index-f383649b.js';
-import './index-bd3940ef.js';
+import './index-c19f7012.js';
+import './useCustomDimensions-04c11b27.js';
+import './index-24c4a849.js';
+import './ussIsSticky-8f2e6519.js';
+import './index-dc54720f.js';
+import './index-c21577c2.js';
+import './index-73d625f4.js';
+import './index.module-79f9899d.js';
+import './index-c2e49d89.js';
+import './index-4e9e91f3.js';
+import './index-3e4b4337.js';
+import './index-92c04b03.js';
+import './index-adf84dba.js';
+import './index-865d8c79.js';
 import '@mui/material';
 
 var _excluded = ["className", "tabgroupElement"];
@@ -124,7 +124,7 @@ var Settings = function Settings(_ref) {
   var useSwiper = viewHandler.getIsInMobileView() && viewHandler.getViewConfig().navigateMobileSwiper;
   var settingsContent = /*#__PURE__*/jsx(Fragment, {
     children: useSwiper ? /*#__PURE__*/jsx(SettingsSwiper, {}) : /*#__PURE__*/jsxs(Fragment, {
-      children: [!viewHandler.uiState.isInMobileView && !viewHandler.settingsState.forceSettingsHeaderInScrollContainer && /*#__PURE__*/jsx(SettingsHeaderContainer, {}, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsx(SettingsScroller, {}), /*#__PURE__*/jsx(SettingsExpanderButtons, {})]
+      children: [!viewHandler.uiState.isInMobileView && !viewHandler.settingsState.forceSettingsHeaderInScrollContainer && !viewHandler.wysiwygDebugState.wysiwygInspectView && /*#__PURE__*/jsx(SettingsHeaderContainer, {}, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsx(SettingsScroller, {}), /*#__PURE__*/jsx(SettingsExpanderButtons, {})]
     })
   });
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {