@crystaldesign/diva-web-planner-react 26.10.0-beta.9 → 26.11.0-beta.1

package/build/esm/index-84d2a2d6.js

@@ -1,57 +0,0 @@
-import { s as styleInject, u as useViewHandler, e as evalVisible, g as b, _ as _onClickCheckout, I as Icon } from './index-aa2f36a5.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import StyleIndicator from './index-61013dbc.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/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
-var mobile = "mobile--gThy";
-var css_248z = ".wcFunctionsToolbar-33mKP {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.mobile--gThy.wcFunctionsToolbar-33mKP {\n  margin-top: 8px;\n}\n\n.wcFunctionsToolbar-33mKP li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.wcFunctionsToolbar-33mKP li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.wcFunctionsToolbar-33mKP li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#wcSetSelector-zDZtd {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n";
-styleInject(css_248z);
-
-var HeaderFunctions = function HeaderFunctions(props) {
-  var _viewHandler$uiState$;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("ul", {
-    className: classnames(wcFunctionsToolbar, viewHandler.getIsInMobileView() ? mobile : undefined),
-    children: [/*#__PURE__*/jsx(StyleIndicator, {}), (_viewHandler$uiState$ = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$.buttons.filter(function (b) {
-      return evalVisible(b, viewHandler, 'header');
-    }).map(function (b$1) {
-      return /*#__PURE__*/jsx("li", {
-        className: classnames(b),
-        onClick: function onClick() {
-          return _onClickCheckout(b$1, viewHandler, b$1.index, t);
-        },
-        children: /*#__PURE__*/jsx(Icon, {
-          checkoutButton: b$1,
-          size: 32,
-          showTitle: !viewHandler.getIsInMobileView() || viewHandler.uiState.isTablet
-        })
-      }, b$1.index);
-    })]
-  });
-};
-var Functions = observer(HeaderFunctions);
-
-export { Functions as default };

package/build/esm/index-85359ea1.js

@@ -1,51 +0,0 @@
-import { c as usePlannerUIHandler } from './index-aa2f36a5.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var DPACC = function DPACC(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, item.dockToElementId);
-    },
-    style: {
-      left: item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px',
-      top: item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, item.plannerMode == '2D' ? item.dockingInfo == 'DOCKING' ? plannerUIProps.classes.dockingPoint.DPACC.dp2DAccDocking : plannerUIProps.classes.dockingPoint.DPACC.dp2DAccNotDocking : undefined, item.plannerMode == '2D' ? iconIsSelected && item.dockingInfo == 'NOT_DOCKING' ? plannerUIProps.classes.dockingPoint.DPACC.dp2DAccNotDockingSel : undefined : undefined, item.plannerMode == '3D' ? item.dockingInfo == 'DOCKING' ? plannerUIProps.classes.dockingPoint.DPACC.dp3DAccDocking : plannerUIProps.classes.dockingPoint.DPACC.dp3DAccNotDocking : undefined, item.plannerMode == '3D' ? iconIsSelected && item.dockingInfo == 'NOT_DOCKING' ? plannerUIProps.classes.dockingPoint.DPACC.dp3DAccNotDockingSel : undefined : undefined),
-    children: item.posNr
-  });
-};
-var DPACC$1 = observer(DPACC);
-
-export { DPACC$1 as default };

package/build/esm/index-87b2bac7.js

@@ -1,126 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-aa2f36a5.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { Vector2 } from '@crystaldesign/web-planner-logic';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var mousePosOnScreenLastFrame = new Vector2(0, 0);
-var Outline = function Outline(_ref) {
-  var _item$size, _item$size2;
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setIsDragging = _useState2[1];
-  var _useState3 = useState(item.position.x),
-    _useState4 = _slicedToArray(_useState3, 2),
-    posX = _useState4[0],
-    setPosX = _useState4[1];
-  var _useState5 = useState(item.position.y),
-    _useState6 = _slicedToArray(_useState5, 2),
-    posY = _useState6[0],
-    setPosY = _useState6[1];
-  var mouseDownDetected = false;
-
-  //LOG.log("Set outline UI x: " + posX + ", y: " + posY);
-  return /*#__PURE__*/jsx("div", {
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    onMouseDown: function onMouseDown(e) {
-      mouseDownDetected = true;
-      mousePosOnScreenLastFrame = new Vector2(e.clientX, e.clientY);
-    },
-    onTouchStart: function onTouchStart(e) {
-      if (e.touches.length != 1) return;
-      mouseDownDetected = true;
-      mousePosOnScreenLastFrame = new Vector2(e.touches[0].clientX, e.touches[0].clientY);
-    },
-    onMouseMove: function onMouseMove(e) {
-      if (mouseDownDetected && !isDragging) {
-        var _item$onDragStartFunc;
-        setIsDragging(true);
-        (_item$onDragStartFunc = item.onDragStartFunction) === null || _item$onDragStartFunc === void 0 || _item$onDragStartFunc.call(item, item.setId, Number(item.elementId));
-      }
-      if (isDragging) {
-        var _item$onDragMoveFunct;
-        //item.position.x += e.clientX - mousePosOnScreenLastFrame.x;
-        //item.position.y += e.clientY - mousePosOnScreenLastFrame.y;
-
-        (_item$onDragMoveFunct = item.onDragMoveFunction) === null || _item$onDragMoveFunct === void 0 || _item$onDragMoveFunct.call(item, item.setId, Number(item.elementId), new Vector2(e.clientX - mousePosOnScreenLastFrame.x, e.clientY - mousePosOnScreenLastFrame.y));
-        setPosX(posX + e.clientX - mousePosOnScreenLastFrame.x);
-        setPosY(posY + e.clientY - mousePosOnScreenLastFrame.y);
-        mousePosOnScreenLastFrame.x = e.clientX;
-        mousePosOnScreenLastFrame.y = e.clientY;
-      }
-      mouseDownDetected = false;
-    },
-    onTouchMove: function onTouchMove(e) {
-      if (e.touches.length != 1) return;
-      if (mouseDownDetected && !isDragging) {
-        var _item$onDragStartFunc2;
-        setIsDragging(true);
-        (_item$onDragStartFunc2 = item.onDragStartFunction) === null || _item$onDragStartFunc2 === void 0 || _item$onDragStartFunc2.call(item, item.setId, Number(item.elementId));
-      }
-      if (isDragging) {
-        var _item$onDragMoveFunct2;
-        //item.position.x += e.clientX - mousePosOnScreenLastFrame.x;
-        //item.position.y += e.clientY - mousePosOnScreenLastFrame.y;
-
-        (_item$onDragMoveFunct2 = item.onDragMoveFunction) === null || _item$onDragMoveFunct2 === void 0 || _item$onDragMoveFunct2.call(item, item.setId, Number(item.elementId), new Vector2(e.touches[0].clientX - mousePosOnScreenLastFrame.x, e.touches[0].clientY - mousePosOnScreenLastFrame.y));
-        setPosX(posX + e.touches[0].clientX - mousePosOnScreenLastFrame.x);
-        setPosY(posY + e.touches[0].clientY - mousePosOnScreenLastFrame.y);
-        mousePosOnScreenLastFrame.x = e.touches[0].clientX;
-        mousePosOnScreenLastFrame.y = e.touches[0].clientY;
-      }
-      mouseDownDetected = false;
-    },
-    onMouseUp: function onMouseUp() {
-      if (isDragging) {
-        var _item$onDragEndFuncti;
-        setIsDragging(false);
-        (_item$onDragEndFuncti = item.onDragEndFunction) === null || _item$onDragEndFuncti === void 0 || _item$onDragEndFuncti.call(item, item.setId, Number(item.elementId));
-      }
-      mouseDownDetected = false;
-    },
-    onTouchEnd: function onTouchEnd() {
-      if (isDragging) {
-        var _item$onDragEndFuncti2;
-        setIsDragging(false);
-        (_item$onDragEndFuncti2 = item.onDragEndFunction) === null || _item$onDragEndFuncti2 === void 0 || _item$onDragEndFuncti2.call(item, item.setId, Number(item.elementId));
-      }
-      mouseDownDetected = false;
-    },
-    style: {
-      left: posX + 'px',
-      top: posY + 'px',
-      width: (item === null || item === void 0 || (_item$size = item.size) === null || _item$size === void 0 ? void 0 : _item$size.x) + 'px',
-      height: (item === null || item === void 0 || (_item$size2 = item.size) === null || _item$size2 === void 0 ? void 0 : _item$size2.y) + 'px',
-      transform: 'rotate(' + (item === null || item === void 0 ? void 0 : item.rotOfElement) + 'deg)'
-    },
-    className: classnames(isDragging ? plannerUIProps.classes.outline.outline2D.draggableActive : undefined, item.elemState == 'selected' ? plannerUIProps.classes.outline.outline2D.draggable : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.outline.outline2D.selectable : undefined)
-  });
-};
-var Outline$1 = observer(Outline);
-
-export { Outline$1 as default };

package/build/esm/index-88ffc65e.js

@@ -1,104 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var wcToolbarFilter = "wcToolbarFilter-Gz4PK";
-var wcPlToolIcon = "wcPlToolIcon-UBaTH";
-var wcToolbarFilterExpanded = "wcToolbarFilterExpanded-Yi0L8";
-var wcToolbarFilterMaxExpanded = "wcToolbarFilterMaxExpanded-7XK-7";
-var wcToolbarCatalogItem = "wcToolbarCatalogItem-PuT3F";
-var mobile = "mobile-Bp3bL";
-var dockL = "DockL-2XY68";
-var isActive = "is-active-Ta3Um";
-var dockLr = "DockLR-PVa10";
-var dockR = "DockR-uK2j5";
-var dockNone = "DockNone-KdE70";
-var accessoire = "Accessoire-ZN7LO";
-var css_248z = "/*DOCKFilter*/\n.wcToolbarFilter-Gz4PK {\n  margin: 0;\n  padding: 0;\n  padding: initial;\n}\n\n@media all and (max-width: 730px) and (orientation: landscape) {\n  .wcToolbarFilter-Gz4PK {\n    display: none;\n  }\n}\n\n.wcPlToolIcon-UBaTH {\n  height: 25px;\n  width: 25px;\n  background-repeat: no-repeat;\n  background-size: auto 20px;\n  display: inline-block;\n  font-size: 0;\n  text-align: center;\n  z-index: 99;\n  margin-top: 5px;\n  cursor: pointer;\n  transition: 0.35s ease;\n}\n\n.wcToolbarFilterExpanded-Yi0L8 .wcPlToolIcon-UBaTH,\n.wcToolbarFilterMaxExpanded-7XK-7 .wcPlToolIcon-UBaTH {\n  height: 30px;\n  width: 30px;\n  background-size: auto 25px;\n}\n.wcToolbarCatalogItem-PuT3F {\n  display: inline-block;\n  list-style: none outside none;\n  padding: 0 0.3em;\n  cursor: pointer;\n  height: 32px;\n}\n.mobile-Bp3bL .wcPlToolIcon-UBaTH {\n  height: 22px;\n  width: 22px;\n  background-size: auto 18px;\n}\n\n.mobile-Bp3bL .wcToolbarCatalogItem-PuT3F {\n  height: 30px;\n  padding: 0 4px;\n}\n\n.DockL-2XY68 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockL%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(45.5 45.5) rotate(180)%22%2F%3E%3Cpolygon points%3D%2235 6.5 51.13 22.63 35 38.75 35 22.63 35 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockL-2XY68.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockL%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(45.5 45.5) rotate(180)%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2235 6.5 51.13 22.63 35 38.75 35 22.63 35 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockLR-PVa10 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 57.25 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockLR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.62%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(57.75 45.5) rotate(180)%22%2F%3E%3Cpolygon points%3D%2216.13 38.75 0 22.63 16.13 6.5 16.13 22.63 16.13 38.75%22%2F%3E%3Cpolygon points%3D%2241.13 6.5 57.25 22.63 41.13 38.75 41.13 22.63 41.13 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockLR-PVa10.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 57.25 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockLR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.62%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(57.75 45.5) rotate(180)%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2216.13 38.75 0 22.63 16.13 6.5 16.13 22.63 16.13 38.75%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2241.13 6.5 57.25 22.63 41.13 38.75 41.13 22.63 41.13 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockR-uK2j5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.12%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Cpolygon points%3D%2216.13 39.25 0 23.13 16.13 7 16.13 23.13 16.13 39.25%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockR-uK2j5.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.12%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2216.13 39.25 0 23.13 16.13 7 16.13 23.13 16.13 39.25%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockNone-KdE70 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45.5 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockNone%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Crect x%3D%2211.5%22 y%3D%2211%22 width%3D%2223%22 height%3D%2223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockNone-KdE70.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45.5 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockNoneOrange%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Crect class%3D%22cls-2%22 x%3D%2211.5%22 y%3D%2211%22 width%3D%2223%22 height%3D%2223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.Accessoire-ZN7LO {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 43.05 43.1%22%3E%3Ctitle%3EPlus%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_3%22 data-name%3D%22Ebene 3%22%3E%3Cpath d%3D%22M24.79%2C24.79V43.1H18.18V24.79H0V18.18H18.18V0h6.61V18.18H43.05v6.61Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.Accessoire-ZN7LO.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 43.05 43.1%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EAddAccessoireOrange%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_2-2%22 data-name%3D%22Ebene 2%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M24.79%2C24.79V43.1H18.18V24.79H0V18.18H18.18V0h6.61V18.18H43.05v6.61Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z);
-
-var DockFilter = function DockFilter() {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var plannerItems = viewHandler.paletteViewHandler.plannerItems;
-  if (!plannerItems.doShowFilterTypes()) return /*#__PURE__*/jsx(Fragment, {});
-  var onSelectConfigFilter = function onSelectConfigFilter(paletteId, codex, filterType) {
-    viewHandler.paletteViewHandler.onSelectFilter(paletteId, codex, filterType);
-  };
-  return /*#__PURE__*/jsxs("ul", {
-    style: {
-      "float": viewHandler.getIsInMobileView() ? 'left' : 'none'
-    },
-    className: classnames(wcToolbarFilter, viewHandler.uiState.configSettingsIsExpanded ? wcToolbarFilterExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? wcToolbarFilterMaxExpanded : undefined, viewHandler.getIsInMobileView() ? mobile : undefined),
-    children: [viewHandler.settingsState.plannerFilter.curFilteredTypes['DockL'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'DockL', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, dockL, viewHandler.settingsState.plannerFilter.dockFilter['DockL'] ? isActive : undefined),
-        title: t('configurator.LEFT_ELEMENTS')
-      })
-    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockLR'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'DockLR', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, dockLr, viewHandler.settingsState.plannerFilter.dockFilter['DockLR'] ? isActive : undefined),
-        title: t('configurator.MIDDLE_ELEMENTS')
-      })
-    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockR'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'DockR', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, dockR, viewHandler.settingsState.plannerFilter.dockFilter['DockR'] ? isActive : undefined),
-        title: t('configurator.RIGHT_ELEMENTS')
-      })
-    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockNone'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'DockNone', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, dockNone, viewHandler.settingsState.plannerFilter.dockFilter['DockNone'] ? isActive : undefined),
-        title: t('configurator.SOLO_ELEMENTS')
-      })
-    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['Accessoire'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'Accessoire', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, accessoire, viewHandler.settingsState.plannerFilter.dockFilter['Accessoire'] ? isActive : undefined),
-        title: t('configurator.ACCESSOIRE_ELEMENTS')
-      })
-    })]
-  });
-};
-var DockFilter$1 = observer(DockFilter);
-
-export { DockFilter$1 as default };

package/build/esm/index-89ee1702.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-aa2f36a5.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ItemVariant = function ItemVariant(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "TabGroup/TabGroupVertical/ItemVariants"
-  }));
-};
-
-export { ItemVariant as default };

package/build/esm/index-8a5764e0.js

@@ -1,177 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
-import 'react';
-import { Rnd } from 'react-rnd';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-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 };