@crystaldesign/diva-web-planner-react 26.3.0-beta.1 → 26.3.0-beta.11

package/build/esm/{index-5d936d40.js → index-ad24f18d.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-74586774.js';
+import { s as styleInject } from './index-4c9b6676.js';
 import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-fc5d0435.js';
+import AccessoiresStandard from './index-439bc652.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -21,92 +21,91 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-394beb5b.js';
-import './index-5392864e.js';
-import './index-a5e33da2.js';
-import './index-2e00d43f.js';
+import './index-f64d345a.js';
+import './index-50e380f3.js';
+import './index-c09f40c0.js';
+import './index-c4b47014.js';
 import 'react-countup';
-import './index-63466573.js';
+import './index-ea5fafd8.js';
 import 'react-collapsible';
-import './index-7d6d9208.js';
-import './index-2bff13ae.js';
-import './index-687d21e8.js';
+import './index-e7cdc2ce.js';
+import './index-14f9fad8.js';
+import './index-06f2f03f.js';
 import 'sift';
-import './index-37cc1c62.js';
-import './index-a3d552e1.js';
-import './index-8ff15f88.js';
-import './index-02477b38.js';
-import './index-63a4ebb5.js';
-import './index.module-b4fbe081.js';
-import './index-18be7f2d.js';
+import './index-bf8b025c.js';
+import './index-167c2e69.js';
+import './index-842ff806.js';
+import './index-6d1505c0.js';
+import './index-848453a2.js';
+import './index.module-4916636d.js';
+import './index-177537b7.js';
 import 'react-switch';
-import './index-7c78aae2.js';
-import './index-f8343613.js';
+import './index-7366d16f.js';
+import './index-4532dce1.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-2e9da43b.js';
+import './index-d9f24c87.js';
 import 'react-dropdown';
-import './index-25f42e1e.js';
+import './index-35edaaa3.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1e82c2dd.js';
-import './index-43149bac.js';
-import './index-6f68aaeb.js';
+import './index-f00f0f3f.js';
+import './index-4fd79a07.js';
+import './index-f87c66c4.js';
 import '@crystaldesign/content-box';
-import './index-74874df7.js';
-import './index-6a3f6306.js';
-import './index-2c6e86d8.js';
-import './index-4d6128d4.js';
-import './index-b4774961.js';
-import './index-c56c8e81.js';
-import './index-684c1fee.js';
-import './index-3c9b8a98.js';
-import './index-96ea2ba0.js';
-import './index.module-c89cd70b.js';
-import './index-f74d0dff.js';
-import './index-4c71a0dc.js';
-import './index-0e96a089.js';
-import './index-95af3b07.js';
-import './index-f0bd5022.js';
-import './index.module-4ad3e960.js';
-import './index-e76e879f.js';
-import './index-1483665b.js';
-import './index-cd2baa17.js';
-import './index-b770eff7.js';
-import './index-a0d7d644.js';
-import './index-bd9d9c5f.js';
-import './index-782feeee.js';
-import './index-4976cb21.js';
-import './index-790c6510.js';
-import './index-ed3f31cc.js';
-import './index-4702bba1.js';
+import './index-6c6bda62.js';
+import './index-862fe09e.js';
+import './index-18828e39.js';
+import './index-4b79c9f3.js';
+import './index-115a7fc7.js';
+import './index-f6d0b5ee.js';
+import './index-e74b07f1.js';
+import './index-8c7231a7.js';
+import './index-0f6ba228.js';
+import './index.module-ea18a28c.js';
+import './index-ebcb42d8.js';
+import './index-67032cac.js';
+import './index-4e7f18c0.js';
+import './index-467a77c7.js';
+import './index-fc369dd9.js';
+import './index.module-fd30a8cd.js';
+import './index-6d718ec6.js';
+import './index-048055dc.js';
+import './index-2cbe5c03.js';
+import './index-4d42ceca.js';
+import './index-b54c6413.js';
+import './index-15f4124e.js';
+import './index-a97d75ea.js';
+import './index-c38fcc2c.js';
+import './index-6c1216e4.js';
+import './index-4520a84f.js';
+import './index-4c1fb87e.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-b8a69c30.js';
+import './index-e9af1856.js';
 import 'rc-slider';
-import './index-999d8a16.js';
-import './index-732cbd10.js';
-import './index-8456ce68.js';
-import './index-f3f1da2c.js';
-import './index-3291875b.js';
+import './index-3f80ebae.js';
+import './index-4600e75f.js';
+import './index-22520679.js';
+import './index-45c4e06a.js';
+import './index-dfc7bb96.js';
 import 'react-confetti-explosion';
-import './index-b5d20631.js';
-import './index-42bf82a1.js';
-import './index-eb21dbeb.js';
+import './index-3836267c.js';
+import './index-a2471909.js';
+import './index-cbe80540.js';
 import 'react-qr-code';
-import './index-6b8fc182.js';
-import './useCustomDimensions-6b7417e6.js';
-import './index-7021ddce.js';
-import './ussIsSticky-ff311f1e.js';
-import './index-9487e7b8.js';
-import './index-e28c99b1.js';
-import './index-67a73107.js';
-import './index.module-2de51454.js';
-import './index-0c82bb51.js';
-import './index-d94dc7b8.js';
-import './index-474b3538.js';
-import './index-e3be6263.js';
-import '@crystaldesign/diva-web-planner-react/model';
-import './index-5b1091f4.js';
+import './index-7434b1ab.js';
+import './useCustomDimensions-4c4561e5.js';
+import './index-f4dcd88a.js';
+import './ussIsSticky-e7451430.js';
+import './index-a286b511.js';
+import './index-c9705602.js';
+import './index-c8e0859e.js';
+import './index.module-f4eb32d8.js';
+import './index-e5f0d381.js';
+import './index-3f8b4c08.js';
+import './index-af577a96.js';
+import './index-e8f05e35.js';
+import './index-1195960a.js';
 
 var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
 var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";

package/build/esm/{index-ad05f5e0.js → index-ad4b040d.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-74586774.js';
+import './index-4c9b6676.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-683d19c6.js';
+import Group from './index-6b50efd5.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -21,86 +21,86 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-collapsible';
-import './index-7c78aae2.js';
-import './index-a5e33da2.js';
-import './index-2e00d43f.js';
+import './index-7366d16f.js';
+import './index-c09f40c0.js';
+import './index-c4b47014.js';
 import 'react-countup';
-import './index-687d21e8.js';
+import './index-06f2f03f.js';
 import 'sift';
-import './index-37cc1c62.js';
-import './index-a3d552e1.js';
-import './index-8ff15f88.js';
-import './index-02477b38.js';
-import './index-63a4ebb5.js';
-import './index.module-b4fbe081.js';
-import './index-18be7f2d.js';
+import './index-bf8b025c.js';
+import './index-167c2e69.js';
+import './index-842ff806.js';
+import './index-6d1505c0.js';
+import './index-848453a2.js';
+import './index.module-4916636d.js';
+import './index-177537b7.js';
 import 'react-switch';
-import './index-f8343613.js';
+import './index-4532dce1.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-2e9da43b.js';
+import './index-d9f24c87.js';
 import 'react-dropdown';
-import './index-25f42e1e.js';
+import './index-35edaaa3.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1e82c2dd.js';
-import './index-43149bac.js';
-import './index-6f68aaeb.js';
+import './index-f00f0f3f.js';
+import './index-4fd79a07.js';
+import './index-f87c66c4.js';
 import '@crystaldesign/content-box';
-import './index-74874df7.js';
-import './index-6a3f6306.js';
-import './index-2c6e86d8.js';
-import './index-4d6128d4.js';
-import './index-b4774961.js';
-import './index-c56c8e81.js';
-import './index-684c1fee.js';
-import './index-3c9b8a98.js';
-import './index-96ea2ba0.js';
+import './index-6c6bda62.js';
+import './index-862fe09e.js';
+import './index-18828e39.js';
+import './index-4b79c9f3.js';
+import './index-115a7fc7.js';
+import './index-f6d0b5ee.js';
+import './index-e74b07f1.js';
+import './index-8c7231a7.js';
+import './index-0f6ba228.js';
 import 'react-laag';
-import './index.module-c89cd70b.js';
-import './index-f74d0dff.js';
-import './index-5392864e.js';
-import './index-4c71a0dc.js';
-import './index-0e96a089.js';
-import './index-95af3b07.js';
-import './index-f0bd5022.js';
-import './index.module-4ad3e960.js';
-import './index-e76e879f.js';
-import './index-1483665b.js';
-import './index-cd2baa17.js';
-import './index-b770eff7.js';
-import './index-a0d7d644.js';
-import './index-394beb5b.js';
-import './index-bd9d9c5f.js';
-import './index-782feeee.js';
-import './index-4976cb21.js';
-import './index-790c6510.js';
-import './index-ed3f31cc.js';
-import './index-4702bba1.js';
+import './index.module-ea18a28c.js';
+import './index-ebcb42d8.js';
+import './index-50e380f3.js';
+import './index-67032cac.js';
+import './index-4e7f18c0.js';
+import './index-467a77c7.js';
+import './index-fc369dd9.js';
+import './index.module-fd30a8cd.js';
+import './index-6d718ec6.js';
+import './index-048055dc.js';
+import './index-2cbe5c03.js';
+import './index-4d42ceca.js';
+import './index-b54c6413.js';
+import './index-f64d345a.js';
+import './index-15f4124e.js';
+import './index-a97d75ea.js';
+import './index-c38fcc2c.js';
+import './index-6c1216e4.js';
+import './index-4520a84f.js';
+import './index-4c1fb87e.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-b8a69c30.js';
+import './index-e9af1856.js';
 import 'rc-slider';
-import './index-999d8a16.js';
-import './index-732cbd10.js';
-import './index-8456ce68.js';
-import './index-f3f1da2c.js';
-import './index-3291875b.js';
+import './index-3f80ebae.js';
+import './index-4600e75f.js';
+import './index-22520679.js';
+import './index-45c4e06a.js';
+import './index-dfc7bb96.js';
 import 'react-confetti-explosion';
-import './index-b5d20631.js';
-import './index-42bf82a1.js';
-import './index-eb21dbeb.js';
+import './index-3836267c.js';
+import './index-a2471909.js';
+import './index-cbe80540.js';
 import 'react-qr-code';
-import './index-6b8fc182.js';
-import './useCustomDimensions-6b7417e6.js';
-import './index-7021ddce.js';
-import './ussIsSticky-ff311f1e.js';
-import './index-9487e7b8.js';
-import './index-e28c99b1.js';
-import './index-67a73107.js';
-import './index.module-2de51454.js';
-import './index-0c82bb51.js';
-import './index-d94dc7b8.js';
-import './index-474b3538.js';
+import './index-7434b1ab.js';
+import './useCustomDimensions-4c4561e5.js';
+import './index-f4dcd88a.js';
+import './ussIsSticky-e7451430.js';
+import './index-a286b511.js';
+import './index-c9705602.js';
+import './index-c8e0859e.js';
+import './index.module-f4eb32d8.js';
+import './index-e5f0d381.js';
+import './index-3f8b4c08.js';
+import './index-af577a96.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-fe640ced.js → index-af139946.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-74586774.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-474b3538.js → index-af577a96.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-74586774.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';

package/build/esm/index-af8aa7b6.js

@@ -0,0 +1,175 @@
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.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-2370714d.js → index-b0ed62de.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-74586774.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -25,7 +25,7 @@ var scrollable = "scrollable-yGfFP";
 var header = "header-u0XPA";
 var table = "table-TPfx-";
 var column = "column-xMOA0";
-var css_248z = ".wrapper-Hyxdk {\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-yGfFP {\n  overflow: auto;\n  height: auto;\n  left: 50px;\n}\n.header-u0XPA {\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-3YZ9o {\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-TPfx- {\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-TPfx- thead {\n  font-weight: bold !important;\n}\n.table-TPfx- 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-xMOA0 {\n  text-align: left;\n}\n.column-xMOA0:first-child {\n  height: 20px;\n}\n.column-xMOA0 th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-xMOA0 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-xMOA0 th:last-child {\n  font-size: 12px;\n}\n\n.column-xMOA0 td {\n  text-align: center;\n}\n";
+var css_248z = ".wrapper-Hyxdk {\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-yGfFP {\n  overflow: auto;\n  height: auto;\n}\n.header-u0XPA {\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-3YZ9o {\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-TPfx- {\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-TPfx- thead {\n  font-weight: bold !important;\n}\n.table-TPfx- 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-xMOA0 {\n  text-align: left;\n}\n.column-xMOA0:first-child {\n  height: 20px;\n}\n.column-xMOA0 th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-xMOA0 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-xMOA0 th:last-child {\n  font-size: 12px;\n}\n\n.column-xMOA0 td {\n  text-align: center;\n}\n";
 styleInject(css_248z);
 
 var _excluded = ["onMouseDown"];

package/build/esm/{index-33379ff3.js → index-b13496fe.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-74586774.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-441d986a.js → index-b38d4808.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-74586774.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-5392864e.js';
+import GenericToolTip from './index-50e380f3.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-394beb5b.js';
+import MetaData from './index-f64d345a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -22,8 +22,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-a5e33da2.js';
-import './index-2e00d43f.js';
+import './index-c09f40c0.js';
+import './index-c4b47014.js';
 import 'react-countup';
 
 var wrapper = "wrapper-q2VFw";

package/build/esm/{index-35fe09ad.js → index-b402e934.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-74586774.js';
+import { a as usePlannerUIHandler } from './index-4c9b6676.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-f9d691b3.js → index-b47a09d4.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-74586774.js';
+import { s as styleInject } from './index-4c9b6676.js';
 import 'react';
-import PlannerUI from './index-68662cb3.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-69107725.js';
+import PlannerUI from './index-fed1b058.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-9cb57b58.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,23 +21,23 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-2ded9d4a.js';
-import './index-38ad30ac.js';
-import './index-58ce839e.js';
-import './index-35fe09ad.js';
-import './index-126bc852.js';
-import './index-f87faef7.js';
-import './index-e5924805.js';
-import './index-8c298b33.js';
-import './index-f1e27f9a.js';
-import './index-078ff3fc.js';
-import './index-816987c0.js';
-import './index-b6bfb670.js';
-import './index-a7124cec.js';
+import './index-443af1ea.js';
+import './index-a754d4c7.js';
+import './index-eb2deb75.js';
+import './index-b402e934.js';
+import './index-7001c21b.js';
+import './index-d590738a.js';
+import './index-d526c696.js';
+import './index-0838f972.js';
+import './index-ba47fb46.js';
+import './index-ce87ecd9.js';
+import './index-0894a853.js';
+import './index-f48e0223.js';
+import './index-aa61dd0a.js';
 import 'react-draggable';
-import './index-1ab5e749.js';
-import './index-835356b4.js';
-import './index-6c2d7712.js';
+import './index-623c8c7a.js';
+import './index-54e77760.js';
+import './index-137e6879.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";