@crystaldesign/diva-web-planner-react 24.13.0-rc.2 → 24.13.0-rc.21

package/build/esm/index-fe3a0230.js

@@ -0,0 +1,551 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-6177a8f1.js';
+import { observer } from 'mobx-react-lite';
+import { useState } from 'react';
+import AVL from './index-7e319ef4.js';
+import AVR from './index-56412a7f.js';
+import Outline from './index-316343a8.js';
+import RotationClockwise from './index-27cd3d6a.js';
+import RotationCounterClockwise from './index-78354c86.js';
+import Trash from './index-11afc5e9.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-d8d0aca5.js';
+import { Vector2 } from '@crystaldesign/web-planner-logic';
+import PosNr from './index-b7c52058.js';
+import BoxCopy from './index-40f15e48.js';
+import Move3DGrid from './index-577bafd1.js';
+import Rotation3DGrid from './index-6cad84a4.js';
+import { getLogger } from '@crystaldesign/diva-core';
+import { DivaError } from '@crystaldesign/diva-utils';
+import ElementCopy from './index-0a40a4e4.js';
+import DistanceToGround from './index-81d562d0.js';
+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 'mobx';
+import 'classnames';
+import './index-e4eeff99.js';
+import 'react-draggable';
+
+function usePosNrPositioning(_ref) {
+  var _item$position$x, _item$position$y, _boundingState$width, _boundingState$height;
+  var posNrElement = _ref.posNrElement,
+    item = _ref.item;
+  var plannerUIHandler = usePlannerUIHandler();
+  var boundingState = posNrElement === null || posNrElement === void 0 ? void 0 : posNrElement.getBoundingClientRect();
+  var left = (_item$position$x = item === null || item === void 0 ? void 0 : item.position.x) !== null && _item$position$x !== void 0 ? _item$position$x : 0;
+  var top = (_item$position$y = item === null || item === void 0 ? void 0 : item.position.y) !== null && _item$position$y !== void 0 ? _item$position$y : 0;
+  if (boundingState) {
+    var correctedPos = new Vector2(left, top);
+    var viewConfig = plannerUIHandler.getViewConfig();
+    var offsetVec = new Vector2(0, 0);
+    switch (item === null || item === void 0 ? void 0 : item.plannerMode) {
+      case '2D':
+        switch (viewConfig.iconPosition2DGrid) {
+          case 'BORDER':
+            offsetVec = new Vector2(boundingState.width, -boundingState.height * 0.1);
+            if (item !== null && item !== void 0 && item.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, item === null || item === void 0 ? void 0 : item.rotOfElement);
+            correctedPos = new Vector2(left + offsetVec.x, top + offsetVec.y, 'pixel');
+            break;
+          case 'OUTSIDE':
+            var distance = item !== null && item !== void 0 && item.iconZoom ? item.iconZoom : 1;
+            offsetVec = new Vector2(boundingState.width + distance, -boundingState.height / 2 - (boundingState.height / 2.5 - distance));
+            if (item !== null && item !== void 0 && item.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, item === null || item === void 0 ? void 0 : item.rotOfElement);
+            correctedPos = new Vector2(left + offsetVec.x, top + offsetVec.y, 'pixel');
+            break;
+        }
+        break;
+      case '3D':
+        correctedPos.y = 100 - correctedPos.y;
+        correctedPos.y -= 1;
+        correctedPos.x += 3;
+        if (correctedPos.x < 1) correctedPos.x = 1;
+        if (correctedPos.y < 1) correctedPos.y = 1;
+        break;
+    }
+    left = correctedPos.x;
+    top = correctedPos.y;
+  }
+  var posNrRect = {
+    width: (_boundingState$width = boundingState === null || boundingState === void 0 ? void 0 : boundingState.width) !== null && _boundingState$width !== void 0 ? _boundingState$width : 0,
+    height: (_boundingState$height = boundingState === null || boundingState === void 0 ? void 0 : boundingState.height) !== null && _boundingState$height !== void 0 ? _boundingState$height : 0,
+    top: top,
+    left: left
+  };
+  return posNrRect;
+}
+
+var border$1 = 4;
+var collisionDistance$1 = 100; //indicates the minimal distance the icons posNr and trash can have without colliding. If the distance is smaller and the rotation should be placed like Pfister - set the rotation icon on top of the trash icon
+function useRotClockwisePositioning(_ref) {
+  var _rotItem$position$x, _rotItem$position$y, _boundingState$width, _boundingState$height;
+  var rotElement = _ref.rotElement,
+    posNrRect = _ref.posNrRect,
+    trashRect = _ref.trashRect,
+    rotItem = _ref.rotItem;
+  var plannerUIHandler = usePlannerUIHandler();
+  var boundingState = rotElement === null || rotElement === void 0 ? void 0 : rotElement.getBoundingClientRect();
+  var viewConfig = plannerUIHandler.getViewConfig();
+  var left = (_rotItem$position$x = rotItem === null || rotItem === void 0 ? void 0 : rotItem.position.x) !== null && _rotItem$position$x !== void 0 ? _rotItem$position$x : 0;
+  var top = (_rotItem$position$y = rotItem === null || rotItem === void 0 ? void 0 : rotItem.position.y) !== null && _rotItem$position$y !== void 0 ? _rotItem$position$y : 0;
+  if (boundingState && posNrRect && trashRect) {
+    var offsetVec = new Vector2(0, 0);
+    switch (viewConfig.posTrashRotIcon) {
+      case 'POSNUM_TOP':
+        left = (posNrRect.left + trashRect.left) / 2;
+        top = (posNrRect.top + trashRect.top) / 2;
+        offsetVec = new Vector2(-boundingState.width, 0);
+        if (rotItem !== null && rotItem !== void 0 && rotItem.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, rotItem.rotOfElement);
+        left += offsetVec.x;
+        top += offsetVec.y;
+        break;
+      case 'TOP_RIGHT_BACK':
+        var collisionDetected = Math.sqrt(Math.pow(posNrRect.left - trashRect.left, 2) + Math.pow(posNrRect.top - trashRect.top, 2)) <= collisionDistance$1;
+        if (collisionDetected) {
+          var delta = new Vector2(0, -boundingState.height - border$1);
+          if (rotItem !== null && rotItem !== void 0 && rotItem.rotOfElement && rotItem.rotOfElement != 0) {
+            delta = Vector2.rotateOrigin(delta, rotItem.rotOfElement);
+          }
+          left = (trashRect === null || trashRect === void 0 ? void 0 : trashRect.left) + delta.x;
+          top = (trashRect === null || trashRect === void 0 ? void 0 : trashRect.top) + delta.y;
+        } else {
+          var _delta = new Vector2(-boundingState.width - border$1, 0);
+          if (rotItem !== null && rotItem !== void 0 && rotItem.rotOfElement && rotItem.rotOfElement != 0) {
+            _delta = Vector2.rotateOrigin(_delta, rotItem.rotOfElement);
+          }
+          left = (trashRect === null || trashRect === void 0 ? void 0 : trashRect.left) + _delta.x;
+          top = (trashRect === null || trashRect === void 0 ? void 0 : trashRect.top) + _delta.y;
+        }
+        break;
+    }
+  }
+  var rect = {
+    width: (_boundingState$width = boundingState === null || boundingState === void 0 ? void 0 : boundingState.width) !== null && _boundingState$width !== void 0 ? _boundingState$width : 0,
+    height: (_boundingState$height = boundingState === null || boundingState === void 0 ? void 0 : boundingState.height) !== null && _boundingState$height !== void 0 ? _boundingState$height : 0,
+    top: top,
+    left: left
+  };
+  return rect;
+}
+
+var border = 3;
+var collisionDistance = 100;
+function useRotCounterClockwisePositioning(_ref) {
+  var _rotItem$position$x, _rotItem$position$y, _boundingState$width, _boundingState$height;
+  var rotElement = _ref.rotElement,
+    posNrRect = _ref.posNrRect,
+    trashRect = _ref.trashRect,
+    rotClockRect = _ref.rotClockRect,
+    rotItem = _ref.rotItem;
+  var plannerUIHandler = usePlannerUIHandler();
+  var boundingState = rotElement === null || rotElement === void 0 ? void 0 : rotElement.getBoundingClientRect();
+  var viewConfig = plannerUIHandler.getViewConfig();
+  var left = (_rotItem$position$x = rotItem === null || rotItem === void 0 ? void 0 : rotItem.position.x) !== null && _rotItem$position$x !== void 0 ? _rotItem$position$x : 0;
+  var top = (_rotItem$position$y = rotItem === null || rotItem === void 0 ? void 0 : rotItem.position.y) !== null && _rotItem$position$y !== void 0 ? _rotItem$position$y : 0;
+  if (boundingState && posNrRect && trashRect && rotClockRect) {
+    var offsetVec = new Vector2(0, 0);
+    switch (viewConfig.posTrashRotIcon) {
+      case 'POSNUM_TOP':
+        left = (posNrRect.left + trashRect.left) / 2;
+        top = (posNrRect.top + trashRect.top) / 2;
+        offsetVec = new Vector2(boundingState.width, 0);
+        if (rotItem !== null && rotItem !== void 0 && rotItem.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, rotItem.rotOfElement);
+        left += offsetVec.x;
+        top += offsetVec.y;
+        break;
+      case 'TOP_RIGHT_BACK':
+        var collisionDetected = Math.sqrt(Math.pow(posNrRect.left - trashRect.left, 2) + Math.pow(posNrRect.top - trashRect.top, 2)) <= collisionDistance;
+        if (collisionDetected) {
+          offsetVec = new Vector2(0, -boundingState.height - border);
+          if (rotItem !== null && rotItem !== void 0 && rotItem.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, rotItem.rotOfElement);
+          left = (rotClockRect === null || rotClockRect === void 0 ? void 0 : rotClockRect.left) + offsetVec.x;
+          top = (rotClockRect === null || rotClockRect === void 0 ? void 0 : rotClockRect.top) + offsetVec.y;
+        } else {
+          offsetVec = new Vector2(-boundingState.width - border, -0);
+          if (rotItem !== null && rotItem !== void 0 && rotItem.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, rotItem.rotOfElement);
+          left = (rotClockRect === null || rotClockRect === void 0 ? void 0 : rotClockRect.left) + offsetVec.x;
+          top = (rotClockRect === null || rotClockRect === void 0 ? void 0 : rotClockRect.top) + offsetVec.y;
+        }
+        break;
+    }
+  }
+  var rect = {
+    width: (_boundingState$width = boundingState === null || boundingState === void 0 ? void 0 : boundingState.width) !== null && _boundingState$width !== void 0 ? _boundingState$width : 0,
+    height: (_boundingState$height = boundingState === null || boundingState === void 0 ? void 0 : boundingState.height) !== null && _boundingState$height !== void 0 ? _boundingState$height : 0,
+    top: top,
+    left: left
+  };
+  return rect;
+}
+
+function useTrashPositioning(_ref) {
+  var _trashItem$position$x, _trashItem$position$y, _boundingState$width, _boundingState$height;
+  var trashElement = _ref.trashElement,
+    posNrRect = _ref.posNrRect,
+    boxPlannerCopyLeftRect = _ref.boxPlannerCopyLeftRect,
+    boxPlannerCopyTopRect = _ref.boxPlannerCopyTopRect,
+    boxPlannerCopyRightRect = _ref.boxPlannerCopyRightRect,
+    trashItem = _ref.trashItem;
+  var plannerUIHandler = usePlannerUIHandler();
+  var boundingState = trashElement === null || trashElement === void 0 ? void 0 : trashElement.getBoundingClientRect();
+  var viewConfig = plannerUIHandler.getViewConfig();
+  var left = (_trashItem$position$x = trashItem === null || trashItem === void 0 ? void 0 : trashItem.position.x) !== null && _trashItem$position$x !== void 0 ? _trashItem$position$x : 0;
+  var top = (_trashItem$position$y = trashItem === null || trashItem === void 0 ? void 0 : trashItem.position.y) !== null && _trashItem$position$y !== void 0 ? _trashItem$position$y : 0;
+  var leftCalc = '';
+  var topCalc = '';
+  var useCalc = false;
+  if (boundingState && posNrRect) {
+    var offsetVec = new Vector2(0, 0);
+    switch (viewConfig.posTrashRotIcon) {
+      case 'POSNUM_TOP':
+        // return new Vector2(screenPos.x, screenPos.y - trashBoundingState.height / 2, "pixel");
+        if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '2D') {
+          offsetVec = new Vector2(0, -posNrRect.height - boundingState.height / 2);
+          if (trashItem !== null && trashItem !== void 0 && trashItem.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, trashItem.rotOfElement);
+          left = posNrRect.left + offsetVec.x;
+          top = posNrRect.top + offsetVec.y;
+        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D') {
+          if (viewConfig.enableElementCopy) {
+            useCalc = true;
+            leftCalc = 'calc(' + posNrRect.left.toString() + '% - ' + posNrRect.width / 1.8 + 'px)';
+            topCalc = 'calc(' + posNrRect.top + '% - ' + (posNrRect.height + 2) + 'px)';
+          } else {
+            useCalc = true;
+            leftCalc = posNrRect.left.toString() + '%';
+            topCalc = 'calc(' + posNrRect.top + '% - ' + (posNrRect.height + 5) + 'px)';
+          }
+        }
+        break;
+      case 'TOP_RIGHT_BACK':
+        if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '2D') {
+          var distance = trashItem !== null && trashItem !== void 0 && trashItem.iconZoom ? trashItem.iconZoom : 1;
+          offsetVec = new Vector2(-boundingState.width / 2 - (boundingState.width / 3 + distance), -boundingState.height / 2 - (boundingState.height / 3.7 - distance));
+          if (trashItem !== null && trashItem !== void 0 && trashItem.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, trashItem.rotOfElement);
+          left = left + offsetVec.x;
+          top = top + offsetVec.y;
+          var collisionDetected = Math.sqrt(Math.pow(posNrRect.left - left, 2) + Math.pow(posNrRect.top - top, 2)) <= posNrRect.width;
+          if (collisionDetected) {
+            offsetVec = new Vector2(posNrRect.width, 0);
+            if (trashItem !== null && trashItem !== void 0 && trashItem.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, trashItem.rotOfElement);
+            left = left + offsetVec.x;
+            top = top + offsetVec.y;
+          }
+        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D') {
+          if (boxPlannerCopyLeftRect || boxPlannerCopyRightRect || boxPlannerCopyTopRect) {
+            //if one of the bounding box Copy Icons is set -> check for collision with one copy element.
+            var collisionFound = false;
+            if (boxPlannerCopyLeftRect) {
+              var distanceLeft = Math.sqrt(Math.pow(boxPlannerCopyLeftRect.left - left, 2) + Math.pow(boxPlannerCopyLeftRect.top - top, 2));
+              if (distanceLeft < 9) {
+                top += 5;
+                collisionFound = true;
+              }
+              if (!collisionFound && boxPlannerCopyRightRect) {
+                var distanceRight = Math.sqrt(Math.pow(boxPlannerCopyRightRect.left - left, 2) + Math.pow(boxPlannerCopyRightRect.top - top, 2));
+                if (distanceRight < 9) {
+                  top += 5;
+                  collisionFound = true;
+                }
+              }
+              if (!collisionFound && boxPlannerCopyTopRect) {
+                var distanceTop = Math.sqrt(Math.pow(boxPlannerCopyTopRect.left - left, 2) + Math.pow(boxPlannerCopyTopRect.top - top, 2));
+                if (distanceTop < 9) {
+                  top += 5;
+                  collisionFound = true;
+                }
+              }
+            }
+          }
+          top = 100 - top;
+          top = top - 2;
+          left -= 1;
+          if (left > 99) left = 99;
+          if (top < 1) top = 1;
+        }
+        break;
+    }
+  }
+  var rect = {
+    width: (_boundingState$width = boundingState === null || boundingState === void 0 ? void 0 : boundingState.width) !== null && _boundingState$width !== void 0 ? _boundingState$width : 0,
+    height: (_boundingState$height = boundingState === null || boundingState === void 0 ? void 0 : boundingState.height) !== null && _boundingState$height !== void 0 ? _boundingState$height : 0,
+    top: top,
+    left: left,
+    doUseCalc: useCalc,
+    topCalc: useCalc ? topCalc : undefined,
+    leftCalc: useCalc ? leftCalc : undefined
+  };
+  return rect;
+}
+
+var LOG = getLogger('Planner', 'CopyElementPositioning');
+function useCopyElementPositioning(_ref) {
+  var _boundingState$width, _boundingState$height;
+  var copyElement = _ref.copyElement,
+    posNrRect = _ref.posNrRect,
+    copyElementItem = _ref.copyElementItem;
+  var plannerUIHandler = usePlannerUIHandler();
+  var boundingState = copyElement === null || copyElement === void 0 ? void 0 : copyElement.getBoundingClientRect();
+  var viewConfig = plannerUIHandler.getViewConfig();
+  var left = 0;
+  var top = 0;
+  var leftCalc = '';
+  var topCalc = '';
+  var useCalc = false;
+  if (boundingState && posNrRect) {
+    new Vector2(0, 0);
+    switch (viewConfig.posTrashRotIcon) {
+      case 'POSNUM_TOP':
+        // return new Vector2(screenPos.x, screenPos.y - trashBoundingState.height / 2, "pixel");
+        if ((copyElementItem === null || copyElementItem === void 0 ? void 0 : copyElementItem.plannerMode) == '3D') {
+          if (viewConfig.enableElementCopy) {
+            useCalc = true;
+            leftCalc = 'calc(' + posNrRect.left.toString() + '% + ' + posNrRect.width / 1.8 + 'px)';
+            topCalc = 'calc(' + posNrRect.top + '% - ' + (posNrRect.height + 2) + 'px)';
+          }
+        }
+        break;
+      case 'TOP_RIGHT_BACK':
+        LOG.error(new DivaError('Do implement copy Element for TOP_RIGHT_BACK Positioning', {
+          code: 'WC_0012'
+        }));
+    }
+  }
+  var rect = {
+    width: (_boundingState$width = boundingState === null || boundingState === void 0 ? void 0 : boundingState.width) !== null && _boundingState$width !== void 0 ? _boundingState$width : 0,
+    height: (_boundingState$height = boundingState === null || boundingState === void 0 ? void 0 : boundingState.height) !== null && _boundingState$height !== void 0 ? _boundingState$height : 0,
+    top: top,
+    left: left,
+    doUseCalc: useCalc,
+    topCalc: useCalc ? topCalc : undefined,
+    leftCalc: useCalc ? leftCalc : undefined
+  };
+  return rect;
+}
+
+/**
+ * render all Icons of one element
+ * @param  items Array of the items
+ */
+var ItemsContainer = function ItemsContainer(_ref) {
+  var items = _ref.items,
+    plannerUIProps = _ref.plannerUIProps;
+  var viewHandler = useViewHandler();
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    posNrElement = _useState2[0],
+    setPosNrElement = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    avlElement = _useState4[0],
+    setAvlElement = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    avrElement = _useState6[0],
+    setAvrElement = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    boxPlannerCopyLeftElement = _useState8[0];
+    _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    boxPlannerCopyTopElement = _useState10[0];
+    _useState10[1];
+  var _useState11 = useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    boxPlannerCopyRightElement = _useState12[0];
+    _useState12[1];
+  var _useState13 = useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    trashElement = _useState14[0],
+    setTrashElement = _useState14[1];
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    copyElement = _useState16[0],
+    setCopyElement = _useState16[1];
+  var _useState17 = useState(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    rotClockwiseElement = _useState18[0],
+    setRotClockwiseElement = _useState18[1];
+  var _useState19 = useState(null),
+    _useState20 = _slicedToArray(_useState19, 2);
+    _useState20[0];
+    var setRotCounterClockwiseElement = _useState20[1];
+  var posNrItem = items.find(function (item) {
+    return item.type == 'PosNr';
+  });
+  var avlItem = items.find(function (item) {
+    return item.type == 'AVL';
+  });
+  var avrItem = items.find(function (item) {
+    return item.type == 'AVR';
+  });
+  var dpAccItems = [];
+  var distanceToGroundItems = [];
+  for (var i = 0; i < items.length; i++) {
+    if (items[i].type == 'AccDP') {
+      dpAccItems.push(items[i]);
+    } else if (items[i].type == 'DistanceFromGround') {
+      distanceToGroundItems.push(items[i]);
+    }
+  }
+  var outlineItem = items.find(function (item) {
+    return item.type == 'Outline';
+  });
+  var trashItem = items.find(function (item) {
+    return item.type == 'TrashIcon';
+  });
+  var copyElementItem = items.find(function (item) {
+    return item.type == 'CopyElement';
+  });
+  var rotClockwiseItem = items.find(function (item) {
+    return item.type == 'RotateC';
+  });
+  var rotCounterClockwiseItem = items.find(function (item) {
+    return item.type == 'RotateCC';
+  });
+  var boxPlannerCopyLeftItem = items.find(function (item) {
+    return item.type == 'BoxCopyLeft';
+  });
+  var boxPlannerCopyTopItem = items.find(function (item) {
+    return item.type == 'BoxCopyTop';
+  });
+  var boxPlannerCopyRightItem = items.find(function (item) {
+    return item.type == 'BoxCopyRight';
+  });
+  var move3DGridItem = items.find(function (item) {
+    return item.type == 'Move3DGrid';
+  });
+  var rot3DGridItem = items.find(function (item) {
+    return item.type == 'Rot3DGrid';
+  });
+  var posNrRect = usePosNrPositioning({
+    item: posNrItem,
+    posNrElement: posNrElement
+  });
+  var avlRect = useDockingPointPositioning({
+    item: avlItem,
+    dpElement: avlElement
+  });
+  var avrRect = useDockingPointPositioning({
+    item: avrItem,
+    dpElement: avrElement
+  });
+  var boxPlannerCopyLeftRect = useDockingPointPositioning({
+    item: boxPlannerCopyLeftItem,
+    dpElement: boxPlannerCopyLeftElement
+  });
+  var boxPlannerCopyTopRect = useDockingPointPositioning({
+    item: boxPlannerCopyTopItem,
+    dpElement: boxPlannerCopyTopElement
+  });
+  var boxPlannerCopyRightRect = useDockingPointPositioning({
+    item: boxPlannerCopyRightItem,
+    dpElement: boxPlannerCopyRightElement
+  });
+  var trashRect = useTrashPositioning({
+    trashItem: trashItem,
+    posNrRect: posNrRect,
+    boxPlannerCopyLeftRect: boxPlannerCopyLeftRect,
+    boxPlannerCopyTopRect: boxPlannerCopyTopRect,
+    boxPlannerCopyRightRect: boxPlannerCopyRightRect,
+    trashElement: trashElement
+  });
+  var copyElementRect = useCopyElementPositioning({
+    copyElementItem: copyElementItem,
+    posNrRect: posNrRect,
+    copyElement: copyElement
+  });
+  var rotClockwiseRect = useRotClockwisePositioning({
+    rotItem: rotClockwiseItem,
+    posNrRect: posNrRect,
+    trashRect: trashRect,
+    rotElement: rotClockwiseElement
+  });
+  var rotCounterClockwiseRect = useRotCounterClockwisePositioning({
+    rotItem: rotClockwiseItem,
+    posNrRect: posNrRect,
+    trashRect: trashRect,
+    rotClockRect: rotClockwiseRect,
+    rotElement: rotClockwiseElement
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [posNrItem && /*#__PURE__*/jsx(PosNr, {
+      item: posNrItem,
+      rect: posNrRect,
+      onElement: setPosNrElement,
+      plannerUIProps: plannerUIProps
+    }), outlineItem && /*#__PURE__*/jsx(Outline, {
+      item: outlineItem,
+      plannerUIProps: plannerUIProps
+    }, outlineItem.key), avlItem && /*#__PURE__*/jsx(AVL, {
+      item: avlItem,
+      rect: avlRect,
+      onElement: setAvlElement,
+      plannerUIProps: plannerUIProps
+    }, avlItem === null || avlItem === void 0 ? void 0 : avlItem.key), avrItem && /*#__PURE__*/jsx(AVR, {
+      item: avrItem,
+      rect: avrRect,
+      onElement: setAvrElement,
+      plannerUIProps: plannerUIProps
+    }, avrItem === null || avrItem === void 0 ? void 0 : avrItem.key), boxPlannerCopyLeftItem && boxPlannerCopyRightItem && /*#__PURE__*/jsx(BoxCopy, {
+      item: boxPlannerCopyLeftItem,
+      rect: boxPlannerCopyLeftRect,
+      invertLeftRight: boxPlannerCopyRightRect.left < boxPlannerCopyLeftRect.left,
+      plannerUIProps: plannerUIProps
+    }, boxPlannerCopyLeftItem.key), boxPlannerCopyTopItem && /*#__PURE__*/jsx(BoxCopy, {
+      item: boxPlannerCopyTopItem,
+      rect: boxPlannerCopyTopRect,
+      invertLeftRight: false,
+      plannerUIProps: plannerUIProps
+    }, boxPlannerCopyTopItem.key), boxPlannerCopyRightItem && boxPlannerCopyLeftItem && /*#__PURE__*/jsx(BoxCopy, {
+      item: boxPlannerCopyRightItem,
+      rect: boxPlannerCopyRightRect,
+      invertLeftRight: boxPlannerCopyRightRect.left < boxPlannerCopyLeftRect.left,
+      plannerUIProps: plannerUIProps
+    }, boxPlannerCopyRightItem.key), trashItem && /*#__PURE__*/jsx(Trash, {
+      item: trashItem,
+      rect: trashRect,
+      onElement: setTrashElement,
+      plannerUIProps: plannerUIProps
+    }), copyElementItem && /*#__PURE__*/jsx(ElementCopy, {
+      item: copyElementItem,
+      rect: copyElementRect,
+      onElement: setCopyElement,
+      plannerUIProps: plannerUIProps
+    }), rotClockwiseItem && /*#__PURE__*/jsx(RotationClockwise, {
+      item: rotClockwiseItem,
+      rect: rotClockwiseRect,
+      onElement: setRotClockwiseElement,
+      plannerUIProps: plannerUIProps
+    }), rotCounterClockwiseItem && /*#__PURE__*/jsx(RotationCounterClockwise, {
+      item: rotCounterClockwiseItem,
+      rect: rotCounterClockwiseRect,
+      onElement: setRotCounterClockwiseElement,
+      plannerUIProps: plannerUIProps
+    }), dpAccItems.map(function (item, i) {
+      return /*#__PURE__*/jsx(ItemsDPAccContainer, {
+        item: item,
+        plannerUIProps: plannerUIProps
+      }, item.key);
+    }), viewHandler.productState.getDoShow3DDimensionLines() && distanceToGroundItems.map(function (item, i) {
+      return /*#__PURE__*/jsx(DistanceToGround, {
+        item: item,
+        plannerUIProps: plannerUIProps
+      }, item.key);
+    }), move3DGridItem && /*#__PURE__*/jsx(Move3DGrid, {
+      item: move3DGridItem,
+      plannerUIProps: plannerUIProps
+    }, move3DGridItem === null || move3DGridItem === void 0 ? void 0 : move3DGridItem.key), rot3DGridItem && /*#__PURE__*/jsx(Rotation3DGrid, {
+      item: rot3DGridItem,
+      plannerUIProps: plannerUIProps
+    }, rot3DGridItem === null || rot3DGridItem === void 0 ? void 0 : rot3DGridItem.key)]
+  });
+};
+var ItemsContainer$1 = observer(ItemsContainer);
+
+export { ItemsContainer$1 as default };

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-c54e9a7f.js';
+export { W as WebPlannerReact, c as default } from './index-6177a8f1.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/index.module-067ff0d4.js

@@ -0,0 +1,9 @@
+import { s as styleInject } from './index-6177a8f1.js';
+
+var wrapper = "wrapper-TcEZn";
+var dropdownRoot = "Dropdown-root-7zz-C";
+var dropdownControl = "Dropdown-control-x--YK";
+var css_248z = ".wrapper-TcEZn {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.Dropdown-root-7zz-C {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.Dropdown-control-x--YK {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n";
+styleInject(css_248z);
+
+export { dropdownControl as a, dropdownRoot as d, wrapper as w };

package/build/esm/index.module-0ad038d3.js

@@ -0,0 +1,8 @@
+import { s as styleInject } from './index-6177a8f1.js';
+
+var wcFavorite = "wcFavorite-WCYzN";
+var wcFavoriteSel = "wcFavorite_sel-Fww5G";
+var css_248z = ".wcFavorite-WCYzN {\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2l-0.384%2C-0.24c-1.296%2C-0.768 -3.72%2C-2.208 -3.72%2C-4.56c0%2C-1.32 1.08%2C-2.4 2.4%2C-2.4c0.648%2C0 1.272%2C0.264 1.704%2C0.72c0.456%2C-0.456 1.056%2C-0.72 1.704%2C-0.72c1.32%2C0 2.4%2C1.08 2.4%2C2.4c0%2C2.376 -2.424%2C3.792 -3.72%2C4.56l-0.384%2C0.24Zm-1.704%2C-6.672c-1.032%2C0 -1.872%2C0.84 -1.872%2C1.872c0%2C2.064 2.256%2C3.384 3.456%2C4.104l0.12%2C0.072l0.12%2C-0.072c1.2%2C-0.72 3.456%2C-2.04 3.456%2C-4.104c0%2C-1.032 -0.84%2C-1.872 -1.872%2C-1.872c-0.576%2C0 -1.152%2C0.288 -1.488%2C0.744l-0.216%2C0.288l-0.216%2C-0.288c-0.36%2C-0.48 -0.912%2C-0.744 -1.488%2C-0.744Z%22 style%3D%22fill%3A%23afafaf%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.wcFavorite-WCYzN:hover {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23aaaaaa%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n}\n\n.wcFavorite_sel-Fww5G {\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23a83f39%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.wcFavorite_sel-Fww5G:hover {\n  cursor: pointer;\n}\n";
+styleInject(css_248z);
+
+export { wcFavorite as a, wcFavoriteSel as w };

package/build/esm/index.module-1cf9e30f.js

@@ -0,0 +1,24 @@
+import { s as styleInject } from './index-6177a8f1.js';
+
+var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
+var expanded = "Expanded-OjOcq";
+var wcConfigCloseButton = "wcConfigCloseButton-KxVGW";
+var wcFunctionsText = "wcFunctionsText-43-4z";
+var wcIcon = "wcIcon-bkatb";
+var wcHelpIcon = "wcHelpIcon-J-cpm";
+var wcPrintIcon = "wcPrintIcon-j6cRI";
+var wcResetIcon = "wcResetIcon-MQ8Ho";
+var wcShareIcon = "wcShareIcon-OZd0o";
+var wcSaveIcon = "wcSaveIcon-YIgj1";
+var wcHelp = "wcHelp-bR9nB";
+var maxExpanded = "Max-Expanded-DUFho";
+var wcPrint = "wcPrint-jfqiA";
+var wcReset = "wcReset-gxswz";
+var wcSave = "wcSave-21V7m";
+var landscape = "landscape-5TbIU";
+var wcFunctionsContainer = "wcFunctionsContainer-Ejf2G";
+var portrait = "portrait-gJ5Jg";
+var css_248z = "/* FunctionsButton Help Share ... */\n\n.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.Expanded-OjOcq.wcFunctionsToolbar-33mKP {\n  right: -40px;\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.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  line-height: 33.6px;\n  font-size: 15.6px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.wcIcon-bkatb {\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.wcIcon-bkatb.wcHelpIcon-J-cpm {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.2764 16.7161C11.0993 16.7161 10.9352 16.6588 10.7842 16.5442C10.6331 16.4296 10.5342 16.302 10.4873 16.1614C10.4404 16.0208 10.417 15.8853 10.417 15.7551C10.417 15.5624 10.4639 15.3879 10.5576 15.2317C10.6514 15.0754 10.7633 14.9635 10.8936 14.8958C11.029 14.828 11.1566 14.7942 11.2764 14.7942C11.4535 14.7942 11.6097 14.8437 11.7451 14.9426C11.8805 15.0416 11.9795 15.1692 12.042 15.3254C12.1097 15.4765 12.1436 15.6197 12.1436 15.7551C12.1436 15.9478 12.0967 16.1223 12.0029 16.2786C11.9144 16.4348 11.7998 16.5468 11.6592 16.6145C11.5238 16.6822 11.3962 16.7161 11.2764 16.7161ZM10.6904 13.5911V12.9192C10.6904 12.5806 10.7607 12.2551 10.9014 11.9426C11.042 11.6249 11.2008 11.3645 11.3779 11.1614C11.5602 10.953 11.7243 10.7708 11.8701 10.6145C12.2347 10.2187 12.4873 9.927 12.6279 9.7395C12.7738 9.552 12.8779 9.35148 12.9404 9.13794C13.0081 8.9244 13.042 8.70304 13.042 8.47388C13.042 7.94263 12.8936 7.53117 12.5967 7.2395C12.305 6.94263 11.8936 6.79419 11.3623 6.79419C11.0186 6.79419 10.693 6.87752 10.3857 7.04419C10.0785 7.20565 9.82585 7.39836 9.62793 7.62231C9.43522 7.84106 9.27116 8.0494 9.13574 8.24731L8.28418 7.63794C8.51335 7.25252 8.79199 6.91659 9.12012 6.63013C9.44824 6.33846 9.81022 6.12231 10.2061 5.98169C10.6019 5.84106 11.0029 5.77075 11.4092 5.77075C11.8779 5.77075 12.292 5.83586 12.6514 5.96606C13.016 6.09106 13.318 6.27336 13.5576 6.51294C13.8024 6.75252 13.9873 7.04419 14.1123 7.38794C14.2373 7.73169 14.2998 8.11971 14.2998 8.552C14.2998 8.89575 14.2399 9.21606 14.1201 9.51294C14.0003 9.80461 13.8467 10.0754 13.6592 10.3254C13.4769 10.5754 13.3076 10.7838 13.1514 10.9504C12.7503 11.3931 12.4587 11.7291 12.2764 11.9583C12.0993 12.1874 11.9873 12.3827 11.9404 12.5442C11.8936 12.7004 11.8701 12.8567 11.8701 13.0129V13.5911H10.6904Z%22 fill%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%2211.4799%22 cy%3D%2210.9999%22 r%3D%2210.2026%22 stroke%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcPrintIcon-j6cRI {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2222%22 viewBox%3D%220 0 21 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.38428 16.3467H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M7.38428 14.0461H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M7.38428 18.6472H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M16.2828 21.2509H5.00077C4.9073 21.2509 4.83252 21.1752 4.83252 21.0805V11.613C4.83252 11.5184 4.9073 11.4426 5.00077 11.4426H16.2828C16.3763 11.4426 16.4511 11.5184 16.4511 11.613V21.0805C16.4511 21.1752 16.3763 21.2509 16.2828 21.2509Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M4.83252 6.56687V1.47337C4.83252 1.21775 5.03816 1 5.29988 1H15.9931C16.2455 1 16.4604 1.20828 16.4604 1.47337V6.56687%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M4.83235 16.5361H1.32715C1.14956 16.5361 1 16.3847 1 16.2048V6.89826C1 6.71837 1.14956 6.56689 1.32715 6.56689H19.9561C20.1337 6.56689 20.2833 6.71837 20.2833 6.89826V16.2048C20.2833 16.3847 20.1337 16.5361 19.9561 16.5361H16.4509%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcArButton-24eI0 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 96 960 960%22 width%3D%2248%22%3E%3Cpath d%3D%22M448 889 228 760q-13.775-8.171-21.387-21.914Q199 724.343 199 708V451q0-16.343 7.613-30.086Q214.225 407.171 228 399l221-131q14-8 31-8t31 8l221 131q13.775 8.171 21.388 21.914Q761 434.657 761 451v257q0 16.343-7.875 30.086Q745.25 751.829 731 760L508 889q-14.328 8-30.164 8Q462 897 448 889Zm2-69V596L260 487v219l190 114Zm60 0 191-114V487L510 596v224ZM40 325v-77q0-46.667 32.667-79.333Q105.333 136 152 136h77v60h-77q-22.1 0-37.05 14.95Q100 225.9 100 248v77H40Zm112 691q-46.667 0-79.333-32.667Q40 950.667 40 904v-77h60v77q0 22.1 14.95 37.05Q129.9 956 152 956h77v60h-77Zm579-4v-60h77q22.1 0 37.05-14.95Q860 922.1 860 900v-77h60v77q0 46.667-32.667 79.333Q854.667 1012 808 1012h-77Zm129-687v-77q0-22.1-14.95-37.05Q830.1 196 808 196h-77v-60h77q46.667 0 79.333 32.667Q920 201.333 920 248v77h-60ZM480 542l190-110-190-109-190 109 190 110Zm0 25Zm0-25Zm30 54Zm-60 0Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 30px;\n}\n.wcIcon-bkatb.wcResetIcon-MQ8Ho {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2221%22 viewBox%3D%220 0 25 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url(%23clip0)%22%3E%3Cpath d%3D%22M4.3782 14.1701C3.9275 13.2399 3.70215 12.0771 3.70215 10.9143C3.70215 5.68177 7.75849 1.49573 12.8289 1.49573C14.181 1.49573 15.5331 1.84456 16.6599 2.42596%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M20.7159 6.14685C21.5047 7.5422 21.9554 9.17011 21.9554 10.9143C21.9554 16.1469 17.899 20.3329 12.8286 20.3329C10.9131 20.3329 9.1103 19.7515 7.64551 18.5887%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M19.1387 9.05387L20.4908 5.44922L23.9837 6.84457%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.0681 11.2632L4.60331 14.8678L1.11035 13.2399%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22clip0%22%3E%3Crect width%3D%2224%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0.546875 0.914307)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcShareIcon-OZd0o {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2216%22 cy%3D%224%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%2216%22 cy%3D%2217%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%224%22 cy%3D%2210.5%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Cline x1%3D%226.74504%22 y1%3D%229.2569%22 x2%3D%2213.4295%22 y2%3D%225.29454%22 stroke%3D%22%236F6F6F%22%2F%3E%3Cline y1%3D%22-0.5%22 x2%3D%227.77063%22 y2%3D%22-0.5%22 transform%3D%22matrix(0.860225 0.509914 0.509914 -0.860225 7 11.6199)%22 stroke%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcSaveIcon-YIgj1 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2219%22 viewBox%3D%220 0 22 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.0698 1H19.5344C20.0866 1 20.5344 1.44771 20.5344 2V3.79989H20.5335V16.9999C20.5335 17.5522 20.0858 17.9999 19.5335 17.9999H2C1.44771 17.9999 1 17.5522 1 16.9999V2.53345H0V16.9999C0 18.1045 0.895429 18.9999 2 18.9999H19.5335C20.6381 18.9999 21.5335 18.1045 21.5335 16.9999V13.2596C21.5341 13.2399 21.5344 13.22 21.5344 13.2001V2C21.5344 0.895431 20.6389 0 19.5344 0H12.0698C10.9653 0 10.0698 0.895431 10.0698 2V11.8121L6.44608 7.67069C6.26424 7.46288 5.94836 7.44182 5.74054 7.62366C5.53272 7.8055 5.51166 8.12138 5.6935 8.3292L10.1269 13.3959C10.2218 13.5044 10.359 13.5666 10.5032 13.5666C10.6473 13.5666 10.7845 13.5044 10.8794 13.3959L15.3128 8.3292C15.4947 8.12138 15.4736 7.8055 15.2658 7.62366C15.058 7.44182 14.7421 7.46288 14.5602 7.67069L11.0698 11.6597V2C11.0698 1.44772 11.5175 1 12.0698 1Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.Expanded-OjOcq .wcHelp-bR9nB,\n.Max-Expanded-DUFho .wcHelp-bR9nB,\n.Expanded-OjOcq .wcPrint-jfqiA,\n.Max-Expanded-DUFho .wcPrint-jfqiA,\n.Expanded-OjOcq .wcReset-gxswz,\n.Max-Expanded-DUFho .wcReset-gxswz,\n.Expanded-OjOcq .wcSave-21V7m,\n.Max-Expanded-DUFho .wcSave-21V7m {\n  display: none;\n}\n\n.landscape-5TbIU .wcReset-gxswz,\n.landscape-5TbIU .wcPrint-jfqiA,\n.landscape-5TbIU .wcHelp-bR9nB {\n  display: none;\n  background-image: none;\n}\n.landscape-5TbIU .wcFunctionsContainer-Ejf2G {\n  padding-right: 3.2px !important;\n}\n.landscape-5TbIU .wcFunctionsContainer-Ejf2G {\n  padding-top: 1.6px;\n}\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  float: left;\n  line-height: 33.6px;\n  font-size: 15.6px;\n}\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcShareIcon-OZd0o {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 12px;\n  margin-top: 0px;\n}\n\n#wcSetSelector-zDZtd {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n\n.portrait-gJ5Jg .wcReset-gxswz,\n.portrait-gJ5Jg .wcPrint-jfqiA,\n.portrait-gJ5Jg .wcHelp-bR9nB {\n  display: none;\n}\n.portrait-gJ5Jg .wcFunctionsContainer-Ejf2G {\n  padding-right: 3.2px !important;\n}\n.portrait-gJ5Jg .wcFunctionsContainer-Ejf2G {\n  padding-top: 1.6px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  line-height: 28.8px;\n  font-size: 14px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcShareIcon-OZd0o {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 10px;\n  margin-top: 0px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP {\n  margin-top: 8px;\n}\n\n.landscape-5TbIU.wcFunctionsToolbar-33mKP {\n  margin: 0;\n  margin: initial;\n}\n";
+styleInject(css_248z);
+
+export { wcFunctionsContainer as a, wcHelp as b, wcIcon as c, wcHelpIcon as d, expanded as e, wcFunctionsText as f, wcPrint as g, wcPrintIcon as h, wcShareIcon as i, wcReset as j, wcResetIcon as k, landscape as l, maxExpanded as m, wcSave as n, wcSaveIcon as o, portrait as p, wcConfigCloseButton as q, wcFunctionsToolbar as w };

package/build/esm/index.module-42f815e8.js

@@ -0,0 +1,20 @@
+import { s as styleInject } from './index-6177a8f1.js';
+
+var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
+var landscape = "landscape-mjn27";
+var portrait = "portrait-gNyhf";
+var settingsHidden = "settings-hidden-2bQ-r";
+var fullscreen = "fullscreen-rBOrC";
+var wcConfigurator3Dimage = "wcConfigurator-3dimage-10NCi";
+var wcConfiguratorArticleImage = "wcConfigurator-ArticleImage--2dad";
+var center = "center-eIYYK";
+var imageCenterOrbit = "imageCenterOrbit-m9ffC";
+var imageCenterStatic = "imageCenterStatic-Xu-zR";
+var foldback = "foldback-qgcop";
+var foldbackLeft = "foldback-left-fyHVB";
+var foldup = "foldup-PaBn5";
+var wcPlanner3DGrid = "wcPlanner3DGrid-lVpTW";
+var css_248z = ".wcConfigurator-product-center-T-Vr3 {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 0;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 45%;\n}\n.landscape-mjn27.settings-hidden-2bQ-r.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.fullscreen-rBOrC.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n}\n\n.portrait-gNyhf.settings-hidden-2bQ-r.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.wcConfigurator-3dimage-10NCi {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-ArticleImage--2dad {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.wcConfigurator-ArticleImage--2dad .center-eIYYK {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.imageCenterOrbit-m9ffC {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.imageCenterStatic-Xu-zR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.foldback-qgcop {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 26 10%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%236f6f6f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EElement 1%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_1-2%22 data-name%3D%22Ebene 1%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M10.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M.5.5l5%2C4.29L.5%2C9.5%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M20.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.landscape-mjn27 .foldback-qgcop {\n  width: 32px;\n  height: 32px;\n}\n.portrait-gNyhf .foldback-qgcop {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.portrait-gNyhf .foldback-qgcop.foldback-left-fyHVB {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.settings-hidden-2bQ-r .foldback-qgcop {\n  transform: rotate(180deg);\n}\n\n.foldup-PaBn5 {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.wcPlanner3DGrid-lVpTW {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n";
+styleInject(css_248z);
+
+export { wcConfiguratorArticleImage as a, foldback as b, center as c, foldbackLeft as d, foldup as e, fullscreen as f, wcConfigurator3Dimage as g, imageCenterStatic as h, imageCenterOrbit as i, wcPlanner3DGrid as j, landscape as l, portrait as p, settingsHidden as s, wcConfiguratorProductCenter as w };