@crystaldesign/diva-web-planner-react 26.3.0-beta.2 → 26.3.0-beta.21

package/build/esm/index-39a91c29.js

@@ -0,0 +1,175 @@
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.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-092d0e45.js → index-3c44dd80.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-46e88edd.js';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-9d1bc1a9.js';
-import ProductRoomList from './index-a5dc7730.js';
+import ArQrCodeIcon from './index-a3c118b2.js';
+import ProductRoomList from './index-35b6171f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,9 +22,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-04395fbc.js';
+import './index-83979d9a.js';
 import 'react-qr-code';
-import './index-ef3da2b9.js';
+import './index-b1796ad4.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-46be1c1b.js → index-3c7c122d.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-46e88edd.js';
-import SettingsHeader from './index-478fd42c.js';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
+import SettingsHeader from './index-ec216124.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-37eff5fa.js';
+import MobileDropdown from './index-153edab2.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-b77ed4ff.js';
-import PricePreview from './index-3c75a86f.js';
-import ReverseCheck from './index-ac2c2cc6.js';
+import InfoIcon from './index-dd16f37b.js';
+import PricePreview from './index-74593187.js';
+import ReverseCheck from './index-7b963616.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,8 +25,8 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c56ace0a.js';
-import './index-922eb980.js';
+import './index-dd261ee1.js';
+import './index-c702e8f6.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-dc9d5349.js → index-3d0cc22c.js}

@@ -1,16 +1,16 @@
-import { s as styleInject, u as useViewHandler } from './index-46e88edd.js';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-c8ec9c6a.js';
-import Product from './index-2e124672.js';
-import Settings from './index-cf2c68f2.js';
-import NavigationButtons from './index-eac189ca.js';
-import ActionBasket from './index-fcfb5158.js';
-import TabGroup from './index-4c059310.js';
+import Inputbox from './index-ac61c717.js';
+import Product from './index-c56d5ed1.js';
+import Settings from './index-185c58fa.js';
+import NavigationButtons from './index-452536fd.js';
+import ActionBasket from './index-19f8a6f4.js';
+import TabGroup from './index-4f7ee853.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-2eec4bb7.js';
+import BasketMobile from './index-7bb505b6.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import ProgressBar from './index-037945a4.js';
+import ProgressBar from './index-d08885a7.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,104 +28,103 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c2a7e324.js';
-import './index-478fd42c.js';
-import './index-3e4b127f.js';
-import './index-253f892a.js';
-import './index-5076e7cd.js';
-import './index-2d1d8f3d.js';
+import './index-0608abbc.js';
+import './index-ec216124.js';
+import './index-46729ec9.js';
+import './index-aac5f2dd.js';
+import './index-66154577.js';
+import './index-948bb390.js';
 import 'sift';
-import './index-7e5ae7ff.js';
-import './index-410c2e75.js';
-import './index-bd01b439.js';
-import './index-3aca3338.js';
-import './index.module-ad77c32b.js';
-import './index-64ae8e42.js';
+import './index-50caaf08.js';
+import './index-4715986d.js';
+import './index-30d6741c.js';
+import './index-c9d2925f.js';
+import './index.module-2ba8e0a1.js';
+import './index-4f10109d.js';
 import 'react-switch';
-import './index-b77ed4ff.js';
-import './index-3c75a86f.js';
-import './index-922eb980.js';
+import './index-dd16f37b.js';
+import './index-74593187.js';
+import './index-c702e8f6.js';
 import 'react-countup';
-import './index-ac2c2cc6.js';
+import './index-7b963616.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-d159e9ab.js';
+import './index-d7cdf615.js';
 import 'react-dropdown';
-import './index-b2a58d10.js';
-import './index-13f489c2.js';
-import './index-c56ace0a.js';
-import './index-e31a3c97.js';
+import './index-1e09fcad.js';
+import './index-129d0098.js';
+import './index-dd261ee1.js';
+import './index-59814101.js';
 import '@crystaldesign/content-box';
-import './index-71b127ff.js';
-import './index-c1b6f4d6.js';
-import './index-1b99c18d.js';
-import './index-0c247d1b.js';
-import './index-5b022cd3.js';
-import './index-efb2f3ea.js';
-import './index-b7e75ab1.js';
-import './index-fe277f14.js';
-import './index-df75bab4.js';
+import './index-224ec2f5.js';
+import './index-85b5a4fe.js';
+import './index-75c57528.js';
+import './index-69915de6.js';
+import './index-38fcf6b0.js';
+import './index-2f4a577a.js';
+import './index-d52db8c3.js';
+import './index-2a9c3807.js';
+import './index-7951cfe7.js';
 import 'react-laag';
-import './index.module-8a415dfc.js';
-import './index-27d7bff3.js';
-import './index-00169904.js';
-import './index-5a715d6c.js';
-import './index-0d3cf3b2.js';
-import './index-b4edf754.js';
-import './index-99383c3e.js';
-import './index.module-ad53ab73.js';
-import './index-69360ce7.js';
-import './index-69e78ec6.js';
-import './index-207a6de1.js';
-import './index-17ffa12a.js';
-import './index-ecd5202d.js';
-import './index-b5dc4d78.js';
-import './index-61d75e95.js';
-import './index-2be9db73.js';
-import './index-1013f0d0.js';
-import './index-a1f629a0.js';
-import './index-35ff36fd.js';
-import './index-9b5f13f9.js';
+import './index.module-997fb0a0.js';
+import './index-bd409924.js';
+import './index-3405d0c1.js';
+import './index-6c76ac1b.js';
+import './index-617e712e.js';
+import './index-0110a005.js';
+import './index-605254d4.js';
+import './index.module-10ef8efd.js';
+import './index-5858f187.js';
+import './index-facec26f.js';
+import './index-cc77d296.js';
+import './index-275aaf64.js';
+import './index-f98103db.js';
+import './index-5ab582bc.js';
+import './index-2ab3ec97.js';
+import './index-c48c3d08.js';
+import './index-02d4627c.js';
+import './index-31203531.js';
+import './index-a8cd3dc1.js';
+import './index-76ec32a8.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-d2f9c84a.js';
+import './index-03624fb1.js';
 import 'rc-slider';
-import './index-1da801fd.js';
-import './index-04def368.js';
-import './index-3c213b6a.js';
-import './index-69b4574f.js';
-import './index-d3c1bc55.js';
+import './index-c72c5ee3.js';
+import './index-f4138ed8.js';
+import './index-5a4a139c.js';
+import './index-bd7a2502.js';
+import './index-00729065.js';
 import 'react-confetti-explosion';
-import './index-7ded1900.js';
-import './index-9d1bc1a9.js';
-import './index-04395fbc.js';
+import './index-0ccd61e4.js';
+import './index-a3c118b2.js';
+import './index-83979d9a.js';
 import 'react-qr-code';
-import './index-ef3da2b9.js';
-import './useCustomDimensions-c0a7b1c6.js';
-import './index-dbb54481.js';
-import './ussIsSticky-25da915b.js';
-import './index-d5afc4e2.js';
-import './index-3f6f913a.js';
-import './index-6881bbde.js';
-import './index.module-5df4dc22.js';
-import './index-de51cd68.js';
-import './index-6e85d210.js';
-import './index-c58f9e26.js';
-import './index-342040d4.js';
-import '@crystaldesign/diva-web-planner-react/model';
-import './index-5e27f055.js';
-import './index.module-3a50623b.js';
-import './index-5da7e231.js';
-import './index-ea3c47ce.js';
-import './index-84b0f982.js';
-import './index-3d8cbe70.js';
+import './index-b1796ad4.js';
+import './useCustomDimensions-f9400665.js';
+import './index-caf12cc6.js';
+import './ussIsSticky-bfc91c35.js';
+import './index-6e84e2eb.js';
+import './index-18c6e5d3.js';
+import './index-b0e56499.js';
+import './index.module-214b139d.js';
+import './index-6ad04a3b.js';
+import './index-60452194.js';
+import './index-1d5ed639.js';
+import './index-dd1d6b7c.js';
+import './index-33d91566.js';
+import './index.module-e6c7cf34.js';
+import './index-0844b1d6.js';
+import './index-c0b23cd9.js';
+import './index-ede8e555.js';
+import './index-23ae2d37.js';
 import '@mui/material';
-import './index-9768b783.js';
-import './index-53233c9c.js';
-import './index-0f3191ca.js';
-import './index-1959cee3.js';
-import './index-754e4393.js';
-import './index-2564b522.js';
+import './index-948e598b.js';
+import './index-808700b1.js';
+import './index-212d9b63.js';
+import './index-13568992.js';
+import './index-6324b730.js';
+import './index-4939cd1d.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/index-3dbb4c10.js

@@ -0,0 +1,192 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import ToolContainer from './index-614e2fa9.js';
+import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import 'react-dom';
+import './index-89955166.js';
+import 'ag-grid-community';
+import 'ag-grid-react';
+import './index-1eeac6f3.js';
+import 'react-select';
+import './index-5f62c915.js';
+import './index.module-9ec3692b.js';
+import './DecisionVizualizer-56a1d888.js';
+import 'react-json-view-lite';
+import './react-json-viewer-cd9bc7d1.js';
+import './index-ab40aeda.js';
+import './index-0b2ea5eb.js';
+import './index-c5c861fc.js';
+import './index-9ac6b1df.js';
+import './index-9e77dfd3.js';
+import './index-39a91c29.js';
+import 'react-rnd';
+
+var container = "container-43rJg";
+var item = "item-JRY9h";
+var itemActive = "itemActive-t605y";
+var badge = "badge-5hKWt";
+var badgeError = "badgeError-9Bm52";
+var badgeWarning = "badgeWarning-OJfXJ";
+var css_248z = ".container-43rJg {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: flex-start;\n  align-items: center;\n  overflow-x: auto;\n  overflow-y: hidden;\n  min-width: 0;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 1500;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  border-top: 1px solid #e6e6e6;\n  background-color: #f3f3f3;\n}\n\n.item-JRY9h {\n  cursor: pointer;\n  min-width: 80px;\n  flex-shrink: 0;\n  padding-left: 12px;\n  padding-right: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  text-align: center;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  transition: background-color 0.15s ease;\n}\n\n.item-JRY9h:hover {\n  background-color: #e8e8e8;\n}\n\n.item-JRY9h.focus-visible-3dEl- {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.item-JRY9h.focus-visible-3dEl- {\n  outline: 2px solid #df2927;\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.item-JRY9h:focus-visible {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.itemActive-t605y {\n  background-color: #e0e0e0;\n  font-weight: 600;\n}\n\n.itemActive-t605y:hover {\n  background-color: #d5d5d5;\n}\n\n.badge-5hKWt {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  margin-left: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: #fff;\n  border-radius: 9px;\n}\n\n.badgeError-9Bm52 {\n  background-color: #e53e3e;\n}\n\n.badgeWarning-OJfXJ {\n  background-color: #d69e2e;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .container-43rJg,\nbody.darkmode .container-43rJg {\n  background-color: rgb(20, 20, 20);\n  border-top-color: rgba(255, 255, 255, 0.12);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n  color: rgb(255, 255, 255);\n}\n\n.darkmode .item-JRY9h:hover,\nbody.darkmode .item-JRY9h:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.darkmode .itemActive-t605y,\nbody.darkmode .itemActive-t605y {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n\n.darkmode .itemActive-t605y:hover,\nbody.darkmode .itemActive-t605y:hover {\n  background-color: rgba(255, 255, 255, 0.16);\n}\n";
+styleInject(css_248z);
+
+var Toolbar = function Toolbar(_props) {
+  var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$divaWebP3, _viewHandler$productS;
+  var viewHandler = useViewHandler();
+  var articles = (_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP2 === void 0 || (_viewHandler$divaWebP3 = _viewHandler$divaWebP2.getDivaArticles) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.call(_viewHandler$divaWebP2, undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {};
+  var dataCreationIssues = Object.values(articles).flatMap(function (a) {
+    var _a$dataCreationErrors;
+    return (_a$dataCreationErrors = a.dataCreationErrors) !== null && _a$dataCreationErrors !== void 0 ? _a$dataCreationErrors : [];
+  });
+  var errorCount = dataCreationIssues.filter(function (e) {
+    var _e$severity;
+    return ((_e$severity = e.severity) !== null && _e$severity !== void 0 ? _e$severity : 'error') === 'error';
+  }).length;
+  var warningCount = dataCreationIssues.filter(function (e) {
+    return e.severity === 'warning';
+  }).length + viewHandler.productState.plannerMessagesArr.filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      item = _ref2[1];
+    return item.type === 'WARNING';
+  }).length;
+  var infoCount = viewHandler.productState.plannerMessagesArr.filter(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      item = _ref4[1];
+    return item.type === 'INFO';
+  }).length;
+  var _useDivaCore = useDivaCore(),
+    wwsClient = _useDivaCore.state.organization.settings.wwsClient;
+  var toggleWindow = function toggleWindow(type) {
+    if (viewHandler.wysiwygDebugState.activeWysiwygWindows.has(type)) {
+      viewHandler.wysiwygDebugState.removeWysiwygWindow(type);
+    } else {
+      viewHandler.wysiwygDebugState.addWysiwygWindow(type);
+    }
+  };
+  var isActive = function isActive(type) {
+    return viewHandler.wysiwygDebugState.activeWysiwygWindows.has(type);
+  };
+  var handleInspectViewChange = function handleInspectViewChange() {
+    var newValue = !viewHandler.wysiwygDebugState.wysiwygInspectView;
+    viewHandler.wysiwygDebugState.setWysiwygInspectView(newValue);
+    var actSet = viewHandler.divaWebPlanner.actSet();
+    if (actSet) actSet.inspectMode = newValue;
+    viewHandler.divaWebPlanner.updateConfiguratorStructureOfActSet();
+    viewHandler.paletteViewHandler.updateCurPaletteData(true);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(ToolContainer, {}), /*#__PURE__*/jsxs("div", {
+      className: container,
+      children: [/*#__PURE__*/jsx("div", {
+        className: item,
+        children: DivaUtils.formatPrice((_viewHandler$productS = viewHandler.productState.formatedTotalPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0, viewHandler.productState.priceFormat)
+      }), /*#__PURE__*/jsx("div", {
+        className: viewHandler.wysiwygDebugState.wysiwygInspectView ? "".concat(item, " ").concat(itemActive) : item,
+        onClick: handleInspectViewChange,
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return e.key === 'Enter' && handleInspectViewChange();
+        },
+        children: "Inspect"
+      }), /*#__PURE__*/jsx("div", {
+        className: isActive('PartList') ? "".concat(item, " ").concat(itemActive) : item,
+        onClick: function onClick() {
+          return toggleWindow('PartList');
+        },
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return e.key === 'Enter' && toggleWindow('PartList');
+        },
+        children: "St\xFCckliste"
+      }), /*#__PURE__*/jsx("div", {
+        className: isActive('PriceAnalyzer') ? "".concat(item, " ").concat(itemActive) : item,
+        onClick: function onClick() {
+          return toggleWindow('PriceAnalyzer');
+        },
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return e.key === 'Enter' && toggleWindow('PriceAnalyzer');
+        },
+        children: "Preise"
+      }), /*#__PURE__*/jsx("div", {
+        className: isActive('DecisionAnalyzer') ? "".concat(item, " ").concat(itemActive) : item,
+        onClick: function onClick() {
+          return toggleWindow('DecisionAnalyzer');
+        },
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return e.key === 'Enter' && toggleWindow('DecisionAnalyzer');
+        },
+        children: "Decisions"
+      }), /*#__PURE__*/jsx("div", {
+        className: isActive('OptionTreeTable') ? "".concat(item, " ").concat(itemActive) : item,
+        onClick: function onClick() {
+          return toggleWindow('OptionTreeTable');
+        },
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return e.key === 'Enter' && toggleWindow('OptionTreeTable');
+        },
+        children: "Option Tree"
+      }), /*#__PURE__*/jsxs("div", {
+        className: isActive('ErrorWarningOverview') ? "".concat(item, " ").concat(itemActive) : item,
+        onClick: function onClick() {
+          return toggleWindow('ErrorWarningOverview');
+        },
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return e.key === 'Enter' && toggleWindow('ErrorWarningOverview');
+        },
+        children: ["Errors & Warnings", errorCount > 0 && /*#__PURE__*/jsx("span", {
+          className: "".concat(badge, " ").concat(badgeError),
+          children: errorCount
+        }), warningCount > 0 && /*#__PURE__*/jsx("span", {
+          className: "".concat(badge, " ").concat(badgeWarning),
+          children: warningCount
+        }), errorCount === 0 && warningCount === 0 && infoCount > 0 && /*#__PURE__*/jsx("span", {
+          className: "".concat(badge, " ").concat(badgeWarning),
+          children: infoCount
+        })]
+      }), wwsClient === 'Pfister' && /*#__PURE__*/jsx("div", {
+        className: isActive('ekText') ? "".concat(item, " ").concat(itemActive) : item,
+        onClick: function onClick() {
+          return toggleWindow('ekText');
+        },
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return e.key === 'Enter' && toggleWindow('ekText');
+        },
+        children: "Ek Text"
+      })]
+    })]
+  });
+};
+var Toolbar$1 = observer(Toolbar);
+
+export { Toolbar$1 as default };