@crystaldesign/diva-web-planner-react 24.12.0-beta.17 → 24.12.0-beta.18

package/build/esm/index-335fae0c.js

@@ -1,551 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-a050eeb5.js';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import AVL from './index-47303d9d.js';
-import AVR from './index-072913c2.js';
-import Outline from './index-3c2395d9.js';
-import RotationClockwise from './index-b6384166.js';
-import RotationCounterClockwise from './index-89cd93a6.js';
-import Trash from './index-5e686454.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-9bc4d389.js';
-import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-918906b9.js';
-import BoxCopy from './index-6866f7ec.js';
-import Move3DGrid from './index-48d7e0ea.js';
-import Rotation3DGrid from './index-62fdbdcf.js';
-import { getLogger } from '@crystaldesign/diva-core';
-import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-5e16d31c.js';
-import DistanceToGround from './index-d2035e3f.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-6171cb92.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-33833bfe.js

@@ -1,101 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-a050eeb5.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect } from 'react';
-import classnames from 'classnames';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsx, Fragment } 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/helpers/slicedToArray';
-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';
-
-var container = "container-bxM6C";
-var hidden = "hidden-X63IT";
-var mobile = "mobile--b4Sq";
-var wrapper = "wrapper-jE0i2";
-var imageItem = "image-item-2MypG";
-var sel = "sel-9mQFl";
-var css_248z = ".container-bxM6C {\n  position: absolute;\n  top: 20%;\n  right: 16px;\n  z-index: 700;\n  -webkit-tap-highlight-color: transparent;\n  width: 50px;\n  height: 100%;\n  transition: opacity 0.5s;\n}\n\n.hidden-X63IT {\n  opacity: 0;\n  z-index: 0;\n}\n\n.mobile--b4Sq.container-bxM6C {\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  bottom: 8px;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 50%;\n  border-radius: 48px;\n  height: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.wrapper-jE0i2 {\n  background-color: #f2f2f2;\n  border-radius: 40px;\n  position: relative;\n  height: -moz-min-content;\n  height: min-content;\n  max-height: 60%;\n  display: flex;\n  padding-left: 7px;\n  padding-right: 7px;\n  overflow: hidden;\n}\n\n.mobile--b4Sq .wrapper-jE0i2 {\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: 0;\n  padding-left: initial;\n  padding-right: 0;\n  padding-right: initial;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 100%;\n  height: 32px;\n  max-height: none;\n  max-height: initial;\n  display: block;\n}\n\n.image-item-2MypG {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n  cursor: pointer;\n  transition: border-color 200ms ease;\n}\n\n.mobile--b4Sq .image-item-2MypG {\n  width: 28px;\n  height: 28px;\n  margin-top: 0;\n  margin-top: initial;\n  margin-bottom: 0;\n  margin-bottom: initial;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.sel-9mQFl.image-item-2MypG {\n  border: 2px solid #4f4f4f;\n}\n\n.image-item-2MypG:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n";
-styleInject(css_248z);
-
-var PromotedOpvs = function PromotedOpvs(props) {
-  var _viewHandler$settings, _promotedOpvs$article;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    height = _useDivaCore$state$di.height,
-    width = _useDivaCore$state$di.width;
-  useEffect(function () {
-    if (viewHandler.productState.configChangedByPromoOpvs) {
-      viewHandler.productState.setConfigChangedByPromoOpvs(false);
-    } else {
-      viewHandler.productState.setSelectedPromitionIndex(undefined);
-    }
-  }, [viewHandler.settingsState.configChanged]);
-  var contents = [];
-  var catalogData = viewHandler.divaWebPlanner.getCatalogData();
-  var promotedOpvs = catalogData === null || catalogData === void 0 ? void 0 : catalogData.promotedOpvs;
-  var selectedArticleCodex = (_viewHandler$settings = viewHandler.settingsState.selectedArticles) === null || _viewHandler$settings === void 0 || (_viewHandler$settings = _viewHandler$settings[0]) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.codex;
-  if (viewHandler.uiState.isLoading || !selectedArticleCodex || !promotedOpvs) return /*#__PURE__*/jsx(Fragment, {});
-  if (!viewHandler.productState.promotionVisible || !((_promotedOpvs$article = promotedOpvs.articles[selectedArticleCodex]) !== null && _promotedOpvs$article !== void 0 && _promotedOpvs$article.length)) {
-    if (viewHandler.uiState.configSettingsIsHidden) viewHandler.uiState.onClickHideConfigSettings();
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  var _loop = function _loop(i) {
-    var promo = promotedOpvs.articles[selectedArticleCodex][i];
-    var opv = catalogData.getOptionValue(promo.displayOPV);
-    contents.push({
-      swiperSlideStyle: {
-        height: 'auto',
-        width: 'auto'
-      },
-      content: /*#__PURE__*/jsx("span", {
-        onClick: function onClick(e) {
-          return viewHandler.productState.onPromotionClick(promo.variantValues, i);
-        },
-        style: {
-          backgroundImage: 'url(' + (opv !== null && opv !== void 0 && opv.image ? catalogData.getCatImageURL(opv.image, '_gal') : '') + ')'
-        },
-        className: classnames(imageItem, viewHandler.productState.selectedPromotionIndex === i ? sel : undefined)
-      }, i)
-    });
-  };
-  for (var i = 0; i < promotedOpvs.articles[selectedArticleCodex].length; i++) {
-    _loop(i);
-  }
-  var sliderProps = {
-    type: 'SliderContainer',
-    sliderType: viewHandler.uiState.isInMobileView ? 'slideX' : 'slideY',
-    slidesPerView: 'auto',
-    freeMode: true,
-    allowTouchMove: true,
-    contents: contents,
-    scrollToSelectedItem: true,
-    mousewheel: true
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(container, viewHandler.uiState.isInMobileView ? mobile : undefined, !viewHandler.uiState.configSettingsIsHidden ? hidden : undefined),
-    children: /*#__PURE__*/jsx("div", {
-      className: wrapper,
-      children: /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx(ContentBoxComponent, {
-          settings: {
-            contentBoxProps: sliderProps
-          }
-        }, +height + width)
-      })
-    })
-  });
-};
-var PromotedOpvs$1 = observer(PromotedOpvs);
-
-export { PromotedOpvs$1 as default };