@buerli.io/react-cad 0.0.23-beta.0 → 0.0.23-beta.1

package/build/index.cjs.js

@@ -10,6 +10,9 @@ var THREE = require('three');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var fiber = require('@react-three/fiber');
 var drei = require('@react-three/drei');
+var create = require('zustand');
+var vanilla = require('zustand/vanilla');
+require('antd/dist/antd.css');
 var icons = require('@ant-design/icons');
 var _extends = require('@babel/runtime/helpers/extends');
 var Switch = require('antd/lib/switch');
@@ -20,14 +23,11 @@ var Tooltip = require('antd/lib/tooltip');
 var RadioGroupImpl = require('antd/lib/radio/group');
 var RadioButtonImpl = require('antd/lib/radio/radioButton');
 var antd = require('antd');
-require('antd/dist/antd.css');
 var guid = require('uuid');
 var shallow = require('zustand/shallow');
 var threeStdlib = require('three-stdlib');
 var SelectImpl = require('antd/lib/select');
 var path = require('path');
-var create = require('zustand');
-var vanilla = require('zustand/vanilla');
 var reactUid = require('react-uid');
 var deepmerge = require('deepmerge');
 var reactSortableHoc = require('react-sortable-hoc');
@@ -904,6 +904,133 @@ const isAngular = dim => {
   return dim.class === classcad.CCClasses.CCAngularDimension || dim.class === classcad.CCClasses.CCAngularFeatureDimension || dim.class === classcad.CCClasses.CCAngularRefDimension;
 };
 
+const zoomToFit = drawingId => {
+  var _getCamera;
+
+  const drawing = core.getDrawing(drawingId);
+  const camApi = (_getCamera = react.getCamera(drawingId)) == null ? void 0 : _getCamera.api;
+
+  if (!drawing || !camApi) {
+    return;
+  }
+
+  const {
+    structure,
+    api: drawingApi
+  } = drawing;
+  const {
+    root,
+    currentProduct,
+    currentNode
+  } = structure;
+  let currRoot = currentNode || currentProduct || root;
+
+  if (currentProduct && structure.tree[currentProduct].class === 'CC_Part') {
+    currRoot = currentProduct;
+  }
+
+  const bounds = drawingApi.structure.calculateProductBounds(currRoot);
+  camApi.setZoom('fit', bounds);
+};
+
+function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const appApi = (set, get) => ({
+  assemblyTree: {
+    startProdEditing: (drawingId, objId) => {
+      set(state => {
+        let res = [];
+        const curNode = core.api.getState().drawing.refs[drawingId].structure.currentNode;
+        res = state.assemblyTree.prodStack;
+        curNode && res.push(curNode);
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
+          assemblyTree: {
+            prodStack: [...res]
+          }
+        });
+      });
+      classcad.ccAPI.assemblyBuilder.setCurrentNode(drawingId, objId).then(() => zoomToFit(drawingId)).catch();
+    },
+    goBack: drawingId => {
+      const prodStack = get().assemblyTree.prodStack;
+      const prevProd = prodStack[prodStack.length - 1];
+      if (!prevProd) return;
+      set(state => {
+        const res = state.assemblyTree.prodStack;
+        res.pop();
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
+          assemblyTree: {
+            prodStack: [...res]
+          }
+        });
+      });
+      classcad.ccAPI.assemblyBuilder.setCurrentNode(drawingId, prevProd).then(() => zoomToFit(drawingId)).catch();
+    },
+    clearProdStack: () => {
+      set(state => _objectSpread$k(_objectSpread$k({}, state), {}, {
+        assemblyTree: {
+          prodStack: []
+        }
+      }));
+    }
+  },
+  blankDiv: {
+    show: callback => {
+      set(state => _objectSpread$k(_objectSpread$k({}, state), {}, {
+        blankDiv: {
+          isActive: true,
+          onClose: callback
+        }
+      }));
+    },
+    hide: () => {
+      set(state => _objectSpread$k(_objectSpread$k({}, state), {}, {
+        blankDiv: {
+          isActive: false,
+          onClose: undefined
+        }
+      }));
+    }
+  }
+});
+
+const createAppState = (set, get) => ({
+  assemblyTree: {
+    prodStack: []
+  },
+  blankDiv: {
+    isActive: false,
+    onClose: undefined
+  },
+  api: appApi(set, get)
+});
+
+const CADApi = vanilla((set, get) => createAppState(set, get));
+const useCADStore = create(CADApi);
+const getCADState = CADApi.getState;
+
+const blankZIndex = 1000;
+const BlankDiv = () => {
+  const isActive = useCADStore(s => s.blankDiv.isActive);
+  const onClick = React.useCallback(() => {
+    const cadState = getCADState();
+    cadState.blankDiv.onClose && cadState.blankDiv.onClose();
+    cadState.api.blankDiv.hide();
+  }, []);
+  return isActive ? /*#__PURE__*/React.createElement("div", {
+    onClick: onClick,
+    style: {
+      zIndex: blankZIndex,
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    }
+  }) : null;
+};
+
 const mainColor = 0x424242;
 const lineWidth$1 = 0.5;
 const arrowSize = 5;
@@ -927,7 +1054,7 @@ const TextValue = ({
       backgroundColor: backgroundColor ? `#${backgroundColor.toString(16)}` : undefined,
       color: `#${mainColor.toString(16)}`,
       fontSize: '17px',
-      cursor: 'pointer'
+      cursor: 'text'
     }
   }, value)));
 };
@@ -964,6 +1091,12 @@ const DimValue = ({
     return expr ? expr + ' (' + value.toFixed(2) + ')' : value.toFixed(2);
   }, [master, dimension, memberName]);
   const [editMode, setEditMode] = React.useState(false);
+  React.useEffect(() => {
+    if (editMode) {
+      getCADState().api.blankDiv.show(() => setEditMode(false));
+      return () => getCADState().api.blankDiv.hide();
+    }
+  }, [editMode, setEditMode]);
   const update = React.useCallback(() => {
     const master_ = core.getDrawing(drawingId).structure.tree[masterId];
 
@@ -1006,7 +1139,7 @@ const DimValue = ({
   return /*#__PURE__*/React.createElement("group", {
     position: position
   }, /*#__PURE__*/React.createElement(drei.Html, {
-    zIndexRange: [0, 0],
+    zIndexRange: [blankZIndex + 1, blankZIndex + 1],
     style: {
       marginTop: '22px'
     },
@@ -1021,7 +1154,7 @@ const DimValue = ({
       backgroundColor: backgroundColor ? `#${backgroundColor.toString(16)}` : undefined,
       color: `#${mainColor.toString(16)}`,
       fontSize: '17px',
-      cursor: 'pointer'
+      cursor: 'text'
     }
   }, caption) : /*#__PURE__*/React.createElement("div", {
     style: {
@@ -1120,6 +1253,8 @@ const PositionHandler = ({
     camera
   } = fiber.useThree();
   const ref = useScale$1(position, sf => [hRadius$1 * sf, hRadius$1 * sf, hRadius$1 * sf]);
+  const [isHovered, setIsHovered] = React.useState(false);
+  drei.useCursor(isHovered, 'move');
   const onPointerDown = React.useCallback(e => {
     if (e.buttons !== 1) // Continue only if 'primary' mouse button is pressed
       return;
@@ -1159,6 +1294,10 @@ const PositionHandler = ({
     te.target.releasePointerCapture(te.pointerId);
     te.stopPropagation();
   }, [dimId, drawingId, position, setPState]);
+  const onPointerOver = React.useCallback(e => {
+    setIsHovered(true);
+    e.stopPropagation();
+  }, []);
   const onPointerMove = React.useCallback(e => {
     if (isPressed.current) {
       isDragged.current = true;
@@ -1168,12 +1307,18 @@ const PositionHandler = ({
 
     e.stopPropagation();
   }, [setPosition, globalToLocalM, camera]);
+  const onPointerOut = React.useCallback(e => {
+    setIsHovered(false);
+    e.stopPropagation();
+  }, []);
   return /*#__PURE__*/React.createElement("mesh", {
     ref: ref,
     position: position,
     onPointerDown: onPointerDown,
     onPointerMove: onPointerMove,
-    onPointerUp: onPointerUp
+    onPointerUp: onPointerUp,
+    onPointerOver: onPointerOver,
+    onPointerOut: onPointerOut
   }, /*#__PURE__*/React.createElement("sphereGeometry", {
     args: [1.5, 16, 16]
   }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
@@ -1967,9 +2112,9 @@ var index$w = /*#__PURE__*/Object.freeze({
   useDimensionSetId: useDimensionSetId
 });
 
-function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$j(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * Implies the following data structure:
  * data: {
@@ -2072,7 +2217,7 @@ function useMateSelection(drawingId, matePath, csysId) {
   }));
   const handlers = React.useMemo(() => {
     if (isSelectable) {
-      return _objectSpread$k(_objectSpread$k({}, hHandlers), sHandlers);
+      return _objectSpread$j(_objectSpread$j({}, hHandlers), sHandlers);
     }
 
     return {};
@@ -2088,9 +2233,9 @@ function useMateSelection(drawingId, matePath, csysId) {
   }, [isHovered, isSelected, isSelectable, handlers]);
 }
 
-function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$j(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * Implies the following data structure:
  * data: {
@@ -2219,7 +2364,7 @@ function useTreeObjSelection(drawingId, objId) {
   const isSelected = useIsSelected(drawingId, objId);
   const handlers = React.useMemo(() => {
     if (isSelectable) {
-      return _objectSpread$j(_objectSpread$j({}, hHandlers), sHandlers);
+      return _objectSpread$i(_objectSpread$i({}, hHandlers), sHandlers);
     }
 
     return {};
@@ -5742,9 +5887,9 @@ function getSketchState(drawingId, pluginId) {
   return plugin.state;
 }
 
-function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function CreateAngle(drawingId, pluginId) {
   const {
     set
@@ -5794,8 +5939,8 @@ function CreateAngle(drawingId, pluginId) {
     set(state_ => {
       const tmpAngularDimension = state_.tmpObjects[tmpDimensionId];
       return {
-        tmpObjects: _objectSpread$i(_objectSpread$i({}, state_.tmpObjects), {}, {
-          [tmpDimensionId]: _objectSpread$i(_objectSpread$i({}, tmpAngularDimension), params)
+        tmpObjects: _objectSpread$h(_objectSpread$h({}, state_.tmpObjects), {}, {
+          [tmpDimensionId]: _objectSpread$h(_objectSpread$h({}, tmpAngularDimension), params)
         })
       };
     });
@@ -5842,7 +5987,7 @@ function CreateAngle(drawingId, pluginId) {
     const center = linesInfo.center;
     const dimPos = center.clone().addScaledVector(dir0.clone().add(dir1).normalize(), 10);
 
-    const tmpAngularDimension = _objectSpread$i(_objectSpread$i({
+    const tmpAngularDimension = _objectSpread$h(_objectSpread$h({
       class: classcad.CCClasses.CCAngularDimension,
       id: tmpDimensionId
     }, linesInfo), {}, {
@@ -5922,9 +6067,9 @@ function CreateAngle(drawingId, pluginId) {
   };
 }
 
-function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 let timerId;
 const hover = (drawingId, pluginId, hoveredId) => {
   const {
@@ -5958,7 +6103,7 @@ const hover = (drawingId, pluginId, hoveredId) => {
       return {
         hovered: hoveredId,
         highlighted: [hoveredId, ...linkedConstraints],
-        constraintsToGeometry: _objectSpread$h(_objectSpread$h({}, state_.constraintsToGeometry), constraintsToGeometry)
+        constraintsToGeometry: _objectSpread$g(_objectSpread$g({}, state_.constraintsToGeometry), constraintsToGeometry)
       };
     });
   }
@@ -6139,9 +6284,9 @@ const snapDraggedPoints = (diff, drawingId) => {
   return snapResult;
 };
 
-function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const artifDelay = 16;
 
@@ -6415,7 +6560,7 @@ function Drag(drawingId, pluginId) {
     name: HandlersList.DRAG,
     filter,
     onDestruct: destructor,
-    pointerHandlers: _objectSpread$g({
+    pointerHandlers: _objectSpread$f({
       onPointerDown,
       onPointerUp,
       onPointerMove
@@ -6427,9 +6572,9 @@ function Drag(drawingId, pluginId) {
   };
 }
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function DrawPoint(drawingId, pluginId) {
   const {
     set
@@ -6498,8 +6643,8 @@ function DrawPoint(drawingId, pluginId) {
     set(state => {
       const tmpPoint = state.tmpObjects[tmpPointId];
       return {
-        tmpObjects: _objectSpread$f(_objectSpread$f({}, state.tmpObjects), {}, {
-          [tmpPointId]: _objectSpread$f(_objectSpread$f({}, tmpPoint), {}, {
+        tmpObjects: _objectSpread$e(_objectSpread$e({}, state.tmpObjects), {}, {
+          [tmpPointId]: _objectSpread$e(_objectSpread$e({}, tmpPoint), {}, {
             position: mousePos
           })
         })
@@ -6521,9 +6666,9 @@ function DrawPoint(drawingId, pluginId) {
   };
 }
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function DrawLine(drawingId, pluginId) {
   // Global hooks:
   const {
@@ -6609,7 +6754,7 @@ function DrawLine(drawingId, pluginId) {
           endPId: tmpEndP.id
         };
         return {
-          tmpObjects: _objectSpread$e(_objectSpread$e({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$d(_objectSpread$d({}, state.tmpObjects), {}, {
             [tmpStartP.id]: tmpStartP,
             [tmpLine.id]: tmpLine
           })
@@ -6647,8 +6792,8 @@ function DrawLine(drawingId, pluginId) {
         const tmpStartP = state.tmpObjects[tmpStartPId];
         const tmpEndP = state.tmpObjects[tmpEndPId];
         return {
-          tmpObjects: _objectSpread$e(_objectSpread$e({}, state.tmpObjects), {}, {
-            [tmpStartPId]: _objectSpread$e(_objectSpread$e({}, tmpStartP), {}, {
+          tmpObjects: _objectSpread$d(_objectSpread$d({}, state.tmpObjects), {}, {
+            [tmpStartPId]: _objectSpread$d(_objectSpread$d({}, tmpStartP), {}, {
               position: tmpEndP.position.clone()
             })
           })
@@ -6670,8 +6815,8 @@ function DrawLine(drawingId, pluginId) {
     set(state => {
       const tmpEndP = state.tmpObjects[tmpEndPId];
       return {
-        tmpObjects: _objectSpread$e(_objectSpread$e({}, state.tmpObjects), {}, {
-          [tmpEndPId]: _objectSpread$e(_objectSpread$e({}, tmpEndP), {}, {
+        tmpObjects: _objectSpread$d(_objectSpread$d({}, state.tmpObjects), {}, {
+          [tmpEndPId]: _objectSpread$d(_objectSpread$d({}, tmpEndP), {}, {
             position: mousePos
           })
         })
@@ -6696,9 +6841,9 @@ function DrawLine(drawingId, pluginId) {
   };
 }
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function DrawRectangle(drawingId, pluginId) {
   // Global hooks:
   const {
@@ -6754,7 +6899,7 @@ function DrawRectangle(drawingId, pluginId) {
       set(state => {
         const tmpPoint11 = state.tmpObjects[tmpPoint11Id];
 
-        const tmpPoint00 = _objectSpread$d(_objectSpread$d({}, state.tmpObjects[tmpPoint00Id]), {}, {
+        const tmpPoint00 = _objectSpread$c(_objectSpread$c({}, state.tmpObjects[tmpPoint00Id]), {}, {
           position: tmpPoint11.position.clone()
         });
 
@@ -6822,7 +6967,7 @@ function DrawRectangle(drawingId, pluginId) {
           endPId: tmpPoint11.id
         };
         return {
-          tmpObjects: _objectSpread$d(_objectSpread$d({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
             [tmpPoint00.id]: tmpPoint00,
             [tmpPoint01.id]: tmpPoint01,
             [tmpPoint10.id]: tmpPoint10,
@@ -6850,7 +6995,7 @@ function DrawRectangle(drawingId, pluginId) {
         const tmpPoint11 = state.tmpObjects[tmpPoint11Id];
         return {
           tmpObjects: {
-            [tmpPoint00Id]: _objectSpread$d(_objectSpread$d({}, tmpPoint00), {}, {
+            [tmpPoint00Id]: _objectSpread$c(_objectSpread$c({}, tmpPoint00), {}, {
               position: tmpPoint11.position.clone()
             })
           }
@@ -6874,8 +7019,8 @@ function DrawRectangle(drawingId, pluginId) {
       if (additionIndex === 0) {
         const tmpPoint00 = state.tmpObjects[tmpPoint00Id];
         return {
-          tmpObjects: _objectSpread$d(_objectSpread$d({}, state.tmpObjects), {}, {
-            [tmpPoint00Id]: _objectSpread$d(_objectSpread$d({}, tmpPoint00), {}, {
+          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
+            [tmpPoint00Id]: _objectSpread$c(_objectSpread$c({}, tmpPoint00), {}, {
               position: snappedPos
             })
           })
@@ -6886,14 +7031,14 @@ function DrawRectangle(drawingId, pluginId) {
         const tmpPoint10 = state.tmpObjects[tmpPoint10Id];
         const tmpPoint11 = state.tmpObjects[tmpPoint11Id];
         return {
-          tmpObjects: _objectSpread$d(_objectSpread$d({}, state.tmpObjects), {}, {
-            [tmpPoint01Id]: _objectSpread$d(_objectSpread$d({}, tmpPoint01), {}, {
+          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
+            [tmpPoint01Id]: _objectSpread$c(_objectSpread$c({}, tmpPoint01), {}, {
               position: new THREE__namespace.Vector3(startPos.x, snappedPos.y, startPos.z)
             }),
-            [tmpPoint10Id]: _objectSpread$d(_objectSpread$d({}, tmpPoint10), {}, {
+            [tmpPoint10Id]: _objectSpread$c(_objectSpread$c({}, tmpPoint10), {}, {
               position: new THREE__namespace.Vector3(snappedPos.x, startPos.y, startPos.z)
             }),
-            [tmpPoint11Id]: _objectSpread$d(_objectSpread$d({}, tmpPoint11), {}, {
+            [tmpPoint11Id]: _objectSpread$c(_objectSpread$c({}, tmpPoint11), {}, {
               position: new THREE__namespace.Vector3(snappedPos.x, snappedPos.y, startPos.z)
             })
           })
@@ -7060,9 +7205,9 @@ const Circle = ({
   }), /*#__PURE__*/React.createElement("meshBasicMaterial", materialProps));
 };
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function DrawArc(drawingId, pluginId, arcType) {
   // Global hooks:
   const {
@@ -7118,7 +7263,7 @@ function DrawArc(drawingId, pluginId, arcType) {
       additionIndex = 0;
       lastAddedEndPointId = UNDEFINEDID;
       set(state => {
-        const tmpStartP = _objectSpread$c(_objectSpread$c({}, state.tmpObjects[tmpStartPId]), {}, {
+        const tmpStartP = _objectSpread$b(_objectSpread$b({}, state.tmpObjects[tmpStartPId]), {}, {
           position: lastMousePos.clone()
         });
 
@@ -7133,24 +7278,24 @@ function DrawArc(drawingId, pluginId, arcType) {
       set(state => {
         const tmpStartP = state.tmpObjects[tmpStartPId];
 
-        const tmpEndP = _objectSpread$c(_objectSpread$c({}, state.tmpObjects[tmpEndPId]), {}, {
+        const tmpEndP = _objectSpread$b(_objectSpread$b({}, state.tmpObjects[tmpEndPId]), {}, {
           position: lastMousePos.clone()
         });
 
         const centerPos = calculateCenterPoint(tmpStartP.position, lastMousePos, lastMousePos);
 
-        const tmpCenterP = _objectSpread$c(_objectSpread$c({}, state.tmpObjects[tmpCenterPId]), {}, {
+        const tmpCenterP = _objectSpread$b(_objectSpread$b({}, state.tmpObjects[tmpCenterPId]), {}, {
           position: centerPos ? centerPos : lastMousePos.clone()
         });
 
-        const tmpArc = _objectSpread$c(_objectSpread$c({}, state.tmpObjects[tmpArcId]), {}, {
+        const tmpArc = _objectSpread$b(_objectSpread$b({}, state.tmpObjects[tmpArcId]), {}, {
           // In case centerPos couldn't be calculated, the arc should be drawn as a line
           drawAsLine: centerPos === undefined,
           clockwise: false
         });
 
         return {
-          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
             [tmpEndP.id]: tmpEndP,
             [tmpCenterP.id]: tmpCenterP,
             [tmpArc.id]: tmpArc
@@ -7271,7 +7416,7 @@ function DrawArc(drawingId, pluginId, arcType) {
           clockwise: false
         };
         return {
-          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
             [tmpEndP.id]: tmpEndP,
             [tmpCenterP.id]: tmpCenterP,
             [tmpArc.id]: tmpArc
@@ -7300,7 +7445,7 @@ function DrawArc(drawingId, pluginId, arcType) {
           clockwise: false
         };
         return {
-          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
             [tmpCenterP.id]: tmpCenterP,
             [tmpArc.id]: tmpArc
           })
@@ -7358,11 +7503,11 @@ function DrawArc(drawingId, pluginId, arcType) {
         const tmpEndP = state.tmpObjects[tmpEndPId];
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         return {
-          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
-            [tmpStartPId]: _objectSpread$c(_objectSpread$c({}, tmpStartP), {}, {
+          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
+            [tmpStartPId]: _objectSpread$b(_objectSpread$b({}, tmpStartP), {}, {
               position: tmpEndP.position.clone()
             }),
-            [tmpCenterPId]: _objectSpread$c(_objectSpread$c({}, tmpCenterP), {}, {
+            [tmpCenterPId]: _objectSpread$b(_objectSpread$b({}, tmpCenterP), {}, {
               position: tmpEndP.position.clone()
             })
           })
@@ -7386,8 +7531,8 @@ function DrawArc(drawingId, pluginId, arcType) {
       if (additionIndex === 0) {
         const tmpStartP = state.tmpObjects[tmpStartPId];
         return {
-          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
-            [tmpStartPId]: _objectSpread$c(_objectSpread$c({}, tmpStartP), {}, {
+          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
+            [tmpStartPId]: _objectSpread$b(_objectSpread$b({}, tmpStartP), {}, {
               position: lastMousePos.clone()
             })
           })
@@ -7399,14 +7544,14 @@ function DrawArc(drawingId, pluginId, arcType) {
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         const centerPos = calculateCenterPoint(tmpStartP.position, lastMousePos, lastMousePos);
         return {
-          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
-            [tmpEndPId]: _objectSpread$c(_objectSpread$c({}, tmpEndP), {}, {
+          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
+            [tmpEndPId]: _objectSpread$b(_objectSpread$b({}, tmpEndP), {}, {
               position: lastMousePos.clone()
             }),
-            [tmpCenterPId]: _objectSpread$c(_objectSpread$c({}, tmpCenterP), {}, {
+            [tmpCenterPId]: _objectSpread$b(_objectSpread$b({}, tmpCenterP), {}, {
               position: centerPos ? centerPos : lastMousePos.clone()
             }),
-            [tmpArcId]: _objectSpread$c(_objectSpread$c({}, tmpArc), {}, {
+            [tmpArcId]: _objectSpread$b(_objectSpread$b({}, tmpArc), {}, {
               // In case centerPos couldn't be calculated, the arc should be drawn as a line
               drawAsLine: centerPos === undefined,
               clockwise: false
@@ -7420,14 +7565,14 @@ function DrawArc(drawingId, pluginId, arcType) {
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         const centerPos = calculateCenterPoint(tmpStartP.position, tmpEndP.position, lastMousePos);
         return {
-          tmpObjects: _objectSpread$c(_objectSpread$c({}, state.tmpObjects), {}, {
-            [tmpEndPId]: _objectSpread$c(_objectSpread$c({}, tmpEndP), {}, {
+          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
+            [tmpEndPId]: _objectSpread$b(_objectSpread$b({}, tmpEndP), {}, {
               position: arcType === HandlersList.DRAWARCTANGENT ? lastMousePos.clone() : tmpEndP.position
             }),
-            [tmpCenterPId]: _objectSpread$c(_objectSpread$c({}, tmpCenterP), {}, {
+            [tmpCenterPId]: _objectSpread$b(_objectSpread$b({}, tmpCenterP), {}, {
               position: centerPos ? centerPos : lastMousePos.clone()
             }),
-            [tmpArcId]: _objectSpread$c(_objectSpread$c({}, tmpArc), {}, {
+            [tmpArcId]: _objectSpread$b(_objectSpread$b({}, tmpArc), {}, {
               // In case centerPos couldn't be calculated, the arc should be drawn as a line
               drawAsLine: centerPos === undefined,
               clockwise: evaluateClockwise(tmpStartP.position, tmpEndP.position, lastMousePos)
@@ -7455,9 +7600,9 @@ function DrawArc(drawingId, pluginId, arcType) {
   };
 }
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function DrawCircle(drawingId, pluginId) {
   const {
     set
@@ -7504,7 +7649,7 @@ function DrawCircle(drawingId, pluginId) {
     } else {
       additionIndex = 0;
       set(state => {
-        const tmpCenterP = _objectSpread$b(_objectSpread$b({}, state.tmpObjects[tmpCenterPId]), {}, {
+        const tmpCenterP = _objectSpread$a(_objectSpread$a({}, state.tmpObjects[tmpCenterPId]), {}, {
           position: lastMousePos.clone()
         });
 
@@ -7538,7 +7683,7 @@ function DrawCircle(drawingId, pluginId) {
           radius: 0.001
         };
         return {
-          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$a(_objectSpread$a({}, state.tmpObjects), {}, {
             [tmpCenterP.id]: tmpCenterP,
             [tmpCircle.id]: tmpCircle
           })
@@ -7559,7 +7704,7 @@ function DrawCircle(drawingId, pluginId) {
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         return {
           tmpObjects: {
-            [tmpCenterPId]: _objectSpread$b(_objectSpread$b({}, tmpCenterP), {}, {
+            [tmpCenterPId]: _objectSpread$a(_objectSpread$a({}, tmpCenterP), {}, {
               position: e.point.clone().applyMatrix4(getGlobalToLocalMatrix(drawingId, sketchId))
             })
           }
@@ -7583,8 +7728,8 @@ function DrawCircle(drawingId, pluginId) {
       if (additionIndex === 0) {
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         return {
-          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
-            [tmpCenterPId]: _objectSpread$b(_objectSpread$b({}, tmpCenterP), {}, {
+          tmpObjects: _objectSpread$a(_objectSpread$a({}, state.tmpObjects), {}, {
+            [tmpCenterPId]: _objectSpread$a(_objectSpread$a({}, tmpCenterP), {}, {
               position: snappedPos || localPos
             })
           })
@@ -7593,8 +7738,8 @@ function DrawCircle(drawingId, pluginId) {
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         const tmpCircle = state.tmpObjects[tmpCircleId];
         return {
-          tmpObjects: _objectSpread$b(_objectSpread$b({}, state.tmpObjects), {}, {
-            [tmpCircleId]: _objectSpread$b(_objectSpread$b({}, tmpCircle), {}, {
+          tmpObjects: _objectSpread$a(_objectSpread$a({}, state.tmpObjects), {}, {
+            [tmpCircleId]: _objectSpread$a(_objectSpread$a({}, tmpCircle), {}, {
               radius: Math.max(tmpCenterP.position.distanceTo(localPos), 0.001)
             })
           })
@@ -8092,9 +8237,9 @@ function recognizeFilletByArc(object, tree, sketchId) {
   };
 }
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function Fillet(drawingId, pluginId) {
   const actions = core.getDrawing(drawingId).api;
   const plugin = core.getPlugin(drawingId, pluginId);
@@ -8243,7 +8388,7 @@ function Fillet(drawingId, pluginId) {
         return;
       }
 
-      classcad.ccAPI.sketcher.createFillet(drawingId, sketchId, data.info.lines.map(line => line.id), data.info.lineStarts.map(lineStart => lineStart.id), data.info.incidence, data.info.control, data.params.start, getArcAngles(_objectSpread$a(_objectSpread$a({}, data.params), {}, {
+      classcad.ccAPI.sketcher.createFillet(drawingId, sketchId, data.info.lines.map(line => line.id), data.info.lineStarts.map(lineStart => lineStart.id), data.info.incidence, data.info.control, data.params.start, getArcAngles(_objectSpread$9(_objectSpread$9({}, data.params), {}, {
         radius: 1
       })).mid, data.params.end);
       set({
@@ -9504,9 +9649,9 @@ const Point = ({
   }));
 };
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /*
  * !polygonOffset!
  * For correct drawing of objects that lie in the same plane, polygonOffset is used.
@@ -9552,7 +9697,7 @@ const CCLine = props => {
     start: start,
     end: end,
     scalePlus: isHovered || isSelected,
-    meshProps: _objectSpread$9(_objectSpread$9({
+    meshProps: _objectSpread$8(_objectSpread$8({
       renderOrder
     }, handlers), {}, {
       userData
@@ -9601,7 +9746,7 @@ const CCPoint = props => {
     // so we have to increase size of hovered or selected point to make the point not occluded buy other ones
     ,
     scalePlus: isHovered || isSelected,
-    meshProps: _objectSpread$9(_objectSpread$9({
+    meshProps: _objectSpread$8(_objectSpread$8({
       renderOrder
     }, handlers), {}, {
       userData
@@ -9652,7 +9797,7 @@ const CCArc = props => {
     end: endPoint,
     center: centerPoint,
     clockwise: clockwise,
-    meshProps: _objectSpread$9({
+    meshProps: _objectSpread$8({
       renderOrder,
       userData
     }, handlers),
@@ -9709,7 +9854,7 @@ const CCCircle = props => {
     radius: radius,
     scale: scale,
     width: arcWidth + hoverZone,
-    meshProps: _objectSpread$9(_objectSpread$9({}, handlers), {}, {
+    meshProps: _objectSpread$8(_objectSpread$8({}, handlers), {}, {
       renderOrder,
       userData
     }),
@@ -10162,7 +10307,8 @@ function useHandleGSelection(drawingId, pluginId, activeHandler) {
       prevHandler.current = undefined;
     }
   }, [drawingId, pluginId, activeSelection, activeHandler, set]);
-}
+} // Creates reference geometry in the sketch for all the graphic objects appearing in the 'UseRef' selection; the selection is reset after each triggering
+
 
 function useUseRef(drawingId, sketchId) {
   const itemsUseRef = react.useDrawing(drawingId, d => {
@@ -10852,11 +10998,20 @@ const NameEdit = ({
   React.useEffect(() => {
     var _ref$current;
 
+    getCADState().api.blankDiv.show(() => setEditName(false));
     (_ref$current = ref.current) == null ? void 0 : _ref$current.focus({
       cursor: 'all'
-    });
-  }, []);
+    }); // Deactivate BlankDiv on dismount
+
+    return () => getCADState().api.blankDiv.hide();
+  }, [setEditName]); // When BlankDiv is active, increase zIndex so this element would overlap it
+
+  const showBlankDiv = useCADStore(s => s.blankDiv.isActive);
+  const zIndex = showBlankDiv ? blankZIndex + 1 : 0;
   return /*#__PURE__*/React.createElement(antd.Input, {
+    style: {
+      zIndex
+    },
     ref: ref,
     onPressEnter: onEnter,
     defaultValue: name,
@@ -12164,9 +12319,9 @@ var index$c = /*#__PURE__*/Object.freeze({
   description: description$c
 });
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const NumInput = ({
   onChange,
@@ -12227,7 +12382,7 @@ const CSysEditor = ({
   const [z, setZ] = React.useState(() => userValue[csysRow].z);
   React.useEffect(() => {
     setUserValue(val => {
-      const newVal = [_objectSpread$8({}, val[0]), _objectSpread$8({}, val[1]), _objectSpread$8({}, val[2]), _objectSpread$8({}, val[3])];
+      const newVal = [_objectSpread$7({}, val[0]), _objectSpread$7({}, val[1]), _objectSpread$7({}, val[2]), _objectSpread$7({}, val[3])];
       newVal[csysRow] = {
         x,
         y,
@@ -15721,90 +15876,6 @@ const FileUtils = {
   }
 };
 
-const zoomToFit = drawingId => {
-  var _getCamera;
-
-  const drawing = core.getDrawing(drawingId);
-  const camApi = (_getCamera = react.getCamera(drawingId)) == null ? void 0 : _getCamera.api;
-
-  if (!drawing || !camApi) {
-    return;
-  }
-
-  const {
-    structure,
-    api: drawingApi
-  } = drawing;
-  const {
-    root,
-    currentProduct,
-    currentNode
-  } = structure;
-  let currRoot = currentNode || currentProduct || root;
-
-  if (currentProduct && structure.tree[currentProduct].class === 'CC_Part') {
-    currRoot = currentProduct;
-  }
-
-  const bounds = drawingApi.structure.calculateProductBounds(currRoot);
-  camApi.setZoom('fit', bounds);
-};
-
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const appApi = (set, get) => ({
-  assemblyTree: {
-    startProdEditing: (drawingId, objId) => {
-      set(state => {
-        let res = [];
-        const curNode = core.api.getState().drawing.refs[drawingId].structure.currentNode;
-        res = state.assemblyTree.prodStack;
-        curNode && res.push(curNode);
-        return _objectSpread$7(_objectSpread$7({}, state), {}, {
-          assemblyTree: {
-            prodStack: [...res]
-          }
-        });
-      });
-      classcad.ccAPI.assemblyBuilder.setCurrentNode(drawingId, objId).then(() => zoomToFit(drawingId)).catch();
-    },
-    goBack: drawingId => {
-      const prodStack = get().assemblyTree.prodStack;
-      const prevProd = prodStack[prodStack.length - 1];
-      if (!prevProd) return;
-      set(state => {
-        const res = state.assemblyTree.prodStack;
-        res.pop();
-        return _objectSpread$7(_objectSpread$7({}, state), {}, {
-          assemblyTree: {
-            prodStack: [...res]
-          }
-        });
-      });
-      classcad.ccAPI.assemblyBuilder.setCurrentNode(drawingId, prevProd).then(() => zoomToFit(drawingId)).catch();
-    },
-    clearProdStack: () => {
-      set(state => _objectSpread$7(_objectSpread$7({}, state), {}, {
-        assemblyTree: {
-          prodStack: []
-        }
-      }));
-    }
-  }
-});
-
-const createAppState = (set, get) => ({
-  assemblyTree: {
-    prodStack: []
-  },
-  api: appApi(set, get)
-});
-
-const CADApi = vanilla((set, get) => createAppState(set, get));
-const useCADStore = create(CADApi);
-const getCADState = CADApi.getState;
-
 function useMenuItems$3(drawingId, prodId, setEditName, pluginId) {
   const isCurrent = react.useDrawing(drawingId, d => d.structure.currentProduct === prodId);
   const isAssembly = react.useDrawing(drawingId, d => d.structure.tree[prodId].class === classcad.CCClasses.CCAssembly);
@@ -19245,23 +19316,6 @@ const useMsgStore = create((set, get) => ({
   api: createApi(set)
 }));
 
-const blankZIndex = 1000;
-const BlankDiv = ({
-  onClick
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: onClick,
-    style: {
-      zIndex: blankZIndex,
-      position: 'fixed',
-      top: 0,
-      left: 0,
-      bottom: 0,
-      right: 0
-    }
-  });
-};
-
 function getBorderColor(msg) {
   if (msg.isShown) return '#dddddd';
   if (msg.type === 'success') return '#b7eb8f';
@@ -19431,20 +19485,24 @@ const Messages = ({
     if (msgsLen === 0) setShowList(false);
   }, [msgsLen]);
   const onClick = React.useCallback(() => {
+    if (showList) {
+      getCADState().api.blankDiv.hide();
+    } else {
+      getCADState().api.blankDiv.show(() => setShowList(false));
+    }
+
     setShowList(s => !s);
     setShowBadge(false);
-  }, []);
+  }, [showList]);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       flexDirection: 'column',
       alignItems: 'flex-end'
     }
-  }, showList && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MessageList, {
+  }, showList && /*#__PURE__*/React.createElement(MessageList, {
     drawingId: drawingId
-  }), /*#__PURE__*/React.createElement(BlankDiv, {
-    onClick: () => setShowList(false)
-  })), /*#__PURE__*/React.createElement(Tooltip, {
+  }), /*#__PURE__*/React.createElement(Tooltip, {
     title: "Messages"
   }, /*#__PURE__*/React.createElement(antd.Badge, {
     dot: showBadge
@@ -19601,7 +19659,7 @@ const Drawing = ({
     }
   }, /*#__PURE__*/React.createElement(Messages, {
     drawingId: drawingId
-  }))));
+  })), /*#__PURE__*/React.createElement(BlankDiv, null)));
 };
 
 const CAD = ({