vim-web 0.4.1-dev.0 → 0.4.1-dev.2

package/dist/vim-web.js

@@ -45581,7 +45581,7 @@ let Element3D$1 = class Element3D {
   }
   /**
    * Retrieves the bounding box of the object from cache or computes it if needed.
-   * Returns undefined if the object has no geometry.
+   * Returns undefined if the element is abstract.
    * @returns {THREE.Box3 | undefined} The bounding box of the object, or undefined if the object has no geometry.
    */
   async getBoundingBox() {
@@ -46838,7 +46838,7 @@ let Vim$1 = class Vim {
     return this._onDispose;
   }
   getBoundingBox() {
-    const box = this.getFullSet().getBoundingBox();
+    const box = this.scene.getBoundingBox();
     return Promise.resolve(box);
   }
   /**
@@ -52569,15 +52569,18 @@ class CaptureHandler {
     this._id = -1;
   }
   onPointerDown(event) {
-    if (this._id >= 0) {
-      this._canvas.releasePointerCapture(this._id);
-    }
+    this.release();
     this._canvas.setPointerCapture(event.pointerId);
     this._id = event.pointerId;
   }
   onPointerUp(event) {
-    this._canvas.releasePointerCapture(this._id);
-    this._id = -1;
+    this.release();
+  }
+  release() {
+    if (this._id >= 0) {
+      this._canvas.releasePointerCapture(this._id);
+      this._id = -1;
+    }
   }
 }
 class DoubleClickHandler {
@@ -60989,6 +60992,7 @@ class Element3D2 {
   }
   /**
    * Computes and returns the bounding box of the element.
+   * Returns undefined if the element is abstract.
    * @returns A promise resolving to the element's bounding box.
    */
   async getBoundingBox() {
@@ -68562,8 +68566,8 @@ var InteractionMode;
   InteractionMode2["ClickItemToExpand"] = "click-item-to-expand";
   InteractionMode2["ClickArrowToExpand"] = "click-arrow-to-expand";
 })(InteractionMode || (InteractionMode = {}));
-var __assign$d = function() {
-  __assign$d = Object.assign || function(t) {
+var __assign$c = function() {
+  __assign$c = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -68571,13 +68575,13 @@ var __assign$d = function() {
     }
     return t;
   };
-  return __assign$d.apply(this, arguments);
+  return __assign$c.apply(this, arguments);
 };
 var mergeInteractionManagers = function(main, fallback) {
   return {
     mode: main.mode,
     createInteractiveElementProps: function(item, treeId, actions, renderFlags) {
-      return __assign$d(__assign$d({}, fallback.createInteractiveElementProps(item, treeId, actions, renderFlags)), main.createInteractiveElementProps(item, treeId, actions, renderFlags));
+      return __assign$c(__assign$c({}, fallback.createInteractiveElementProps(item, treeId, actions, renderFlags)), main.createInteractiveElementProps(item, treeId, actions, renderFlags));
     }
   };
 };
@@ -68595,10 +68599,11 @@ var DoubleClickItemToExpandInteractionManager = (
       var _this = this;
       return {
         onClick: function(e) {
+          var isSpacebarEvent = e.detail === 0;
           actions.focusItem();
-          if (e.shiftKey) {
+          if (e.shiftKey && !isSpacebarEvent) {
             actions.selectUpTo(!isControlKey$1(e));
-          } else if (isControlKey$1(e)) {
+          } else if (isControlKey$1(e) && !isSpacebarEvent) {
             if (renderFlags.isSelected) {
               actions.unselectItem();
             } else {
@@ -68646,10 +68651,11 @@ var ClickItemToExpandInteractionManager = (
       var _this = this;
       return {
         onClick: function(e) {
+          var isSpacebarEvent = e.detail === 0;
           actions.focusItem();
-          if (e.shiftKey) {
+          if (e.shiftKey && !isSpacebarEvent) {
             actions.selectUpTo(!isControlKey$1(e));
-          } else if (isControlKey$1(e)) {
+          } else if (isControlKey$1(e) && !isSpacebarEvent) {
             if (renderFlags.isSelected) {
               actions.unselectItem();
             } else {
@@ -68693,10 +68699,11 @@ var ClickArrowToExpandInteractionManager = (
       var _this = this;
       return {
         onClick: function(e) {
+          var isSpacebarEvent = e.detail === 0;
           actions.focusItem();
-          if (e.shiftKey) {
+          if (e.shiftKey && !isSpacebarEvent) {
             actions.selectUpTo(!isControlKey$1(e));
-          } else if (isControlKey$1(e)) {
+          } else if (isControlKey$1(e) && !isSpacebarEvent) {
             if (renderFlags.isSelected) {
               actions.unselectItem();
             } else {
@@ -68814,7 +68821,7 @@ var useGetViableDragPositions = function() {
     return isDescendant(treeId, parentLinearIndex, potentialParents);
   }, [getParentOfLinearItem]);
   return useCallback(function(treeId, draggingItems) {
-    var _a3, _b2;
+    var _a3, _b2, _c, _d;
     var linearItems = environment.linearItems[treeId];
     var targets = [];
     var skipUntilDepthIsLowerThan = -1;
@@ -68824,7 +68831,7 @@ var useGetViableDragPositions = function() {
       // eslint-disable-next-line no-plusplus
       linearIndex++
     ) {
-      var _c = linearItems[linearIndex], item = _c.item, depth = _c.depth;
+      var _e = linearItems[linearIndex], item = _e.item, depth = _e.depth;
       if (skipUntilDepthIsLowerThan !== -1 && depth > skipUntilDepthIsLowerThan) {
         continue;
       } else {
@@ -68862,14 +68869,17 @@ var useGetViableDragPositions = function() {
         depth,
         treeId
       };
-      var skipTopPosition = depth === ((_b2 = (_a3 = linearItems[linearIndex - 1]) === null || _a3 === void 0 ? void 0 : _a3.depth) !== null && _b2 !== void 0 ? _b2 : -1);
-      if (!skipTopPosition && canDropAt(topPosition, draggingItems)) {
+      var depthOfItemAbove = (_b2 = (_a3 = linearItems[linearIndex - 1]) === null || _a3 === void 0 ? void 0 : _a3.depth) !== null && _b2 !== void 0 ? _b2 : -1;
+      var depthOfItemBelow = (_d = (_c = linearItems[linearIndex + 1]) === null || _c === void 0 ? void 0 : _c.depth) !== null && _d !== void 0 ? _d : -1;
+      var isWithinFolder = depth === depthOfItemAbove;
+      var isBelowOpenFolder = depth === depthOfItemBelow - 1;
+      if (!isWithinFolder && canDropAt(topPosition, draggingItems)) {
         targets.push(topPosition);
       }
       if (canDropAt(itemPosition, draggingItems)) {
         targets.push(itemPosition);
       }
-      if (canDropAt(bottomPosition, draggingItems)) {
+      if (!isBelowOpenFolder && canDropAt(bottomPosition, draggingItems)) {
         targets.push(bottomPosition);
       }
     }
@@ -68908,8 +68918,8 @@ var useSideEffect = function(effect, deps, changeOn) {
     }
   }, __spreadArray$4(__spreadArray$4([], deps, true), changeOn, true));
 };
-var __assign$c = function() {
-  __assign$c = Object.assign || function(t) {
+var __assign$b = function() {
+  __assign$b = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -68917,7 +68927,7 @@ var __assign$c = function() {
     }
     return t;
   };
-  return __assign$c.apply(this, arguments);
+  return __assign$b.apply(this, arguments);
 };
 var buildMapForTrees = function(treeIds, build) {
   return treeIds.map(function(id2) {
@@ -68925,7 +68935,7 @@ var buildMapForTrees = function(treeIds, build) {
   }).reduce(function(a, _a3) {
     var _b2;
     var id2 = _a3[0], obj = _a3[1];
-    return __assign$c(__assign$c({}, a), (_b2 = {}, _b2[id2] = obj, _b2));
+    return __assign$b(__assign$b({}, a), (_b2 = {}, _b2[id2] = obj, _b2));
   }, {});
 };
 var getDocument = function() {
@@ -69432,7 +69442,7 @@ var DragAndDropProvider = function(_a3) {
   var programmaticDragDown = useCallback(function() {
     if (environment.activeTreeId) {
       setProgrammaticDragIndex(function(oldIndex) {
-        return Math.min(viableDragPositions[environment.activeTreeId].length, oldIndex + 1);
+        return Math.min(viableDragPositions[environment.activeTreeId].length - 1, oldIndex + 1);
       });
     }
   }, [environment.activeTreeId, viableDragPositions]);
@@ -69477,8 +69487,8 @@ var DragAndDropProvider = function(_a3) {
   }, [onDropHandler, resetState]);
   return React.createElement(DragAndDropContext.Provider, { value: dnd }, children);
 };
-var __assign$b = function() {
-  __assign$b = Object.assign || function(t) {
+var __assign$a = function() {
+  __assign$a = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -69486,13 +69496,13 @@ var __assign$b = function() {
     }
     return t;
   };
-  return __assign$b.apply(this, arguments);
+  return __assign$a.apply(this, arguments);
 };
 var useCreatedEnvironmentRef = function(ref, actions) {
   var environment = useTreeEnvironment();
   var dnd = useDragAndDrop();
   useImperativeHandle(ref, function() {
-    return __assign$b(__assign$b(__assign$b({}, actions), environment), { treeEnvironmentContext: environment, dragAndDropContext: dnd });
+    return __assign$a(__assign$a(__assign$a({}, actions), environment), { treeEnvironmentContext: environment, dragAndDropContext: dnd });
   });
 };
 var waitFor = function(check2, intervalMs, timeoutMs) {
@@ -69848,8 +69858,8 @@ var scrollIntoView = function(element) {
     }
   }
 };
-var __assign$a = function() {
-  __assign$a = Object.assign || function(t) {
+var __assign$9 = function() {
+  __assign$9 = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -69857,7 +69867,7 @@ var __assign$a = function() {
     }
     return t;
   };
-  return __assign$a.apply(this, arguments);
+  return __assign$9.apply(this, arguments);
 };
 var cx$1 = function() {
   var classNames = [];
@@ -69888,7 +69898,7 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
       var item = _a3.item, context = _a3.context;
       return (
         // Icons from https://blueprintjs.com/docs/#icons
-        React__default.createElement("div", __assign$a({ className: cx$1(item.isFolder && "rct-tree-item-arrow-isFolder", context.isExpanded && "rct-tree-item-arrow-expanded", "rct-tree-item-arrow") }, context.arrowProps), item.isFolder && (context.isExpanded ? React__default.createElement(
+        React__default.createElement("div", __assign$9({ className: cx$1(item.isFolder && "rct-tree-item-arrow-isFolder", context.isExpanded && "rct-tree-item-arrow-expanded", "rct-tree-item-arrow") }, context.arrowProps), item.isFolder && (context.isExpanded ? React__default.createElement(
           "svg",
           { version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 16 16", enableBackground: "new 0 0 16 16", xmlSpace: "preserve" },
           React__default.createElement(
@@ -69921,12 +69931,12 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
       var type = context.isRenaming ? void 0 : "button";
       return React__default.createElement(
         "li",
-        __assign$a({}, context.itemContainerWithChildrenProps, { className: cx$1("rct-tree-item-li", item.isFolder && "rct-tree-item-li-isFolder", context.isSelected && "rct-tree-item-li-selected", context.isExpanded && "rct-tree-item-li-expanded", context.isFocused && "rct-tree-item-li-focused", context.isDraggingOver && "rct-tree-item-li-dragging-over", context.isSearchMatching && "rct-tree-item-li-search-match") }),
+        __assign$9({}, context.itemContainerWithChildrenProps, { className: cx$1("rct-tree-item-li", item.isFolder && "rct-tree-item-li-isFolder", context.isSelected && "rct-tree-item-li-selected", context.isExpanded && "rct-tree-item-li-expanded", context.isFocused && "rct-tree-item-li-focused", context.isDraggingOver && "rct-tree-item-li-dragging-over", context.isSearchMatching && "rct-tree-item-li-search-match") }),
         React__default.createElement(
           "div",
-          __assign$a({}, context.itemContainerWithoutChildrenProps, { style: { "--depthOffset": "".concat((depth + 1) * renderDepthOffset, "px") }, className: cx$1("rct-tree-item-title-container", item.isFolder && "rct-tree-item-title-container-isFolder", context.isSelected && "rct-tree-item-title-container-selected", context.isExpanded && "rct-tree-item-title-container-expanded", context.isFocused && "rct-tree-item-title-container-focused", context.isDraggingOver && "rct-tree-item-title-container-dragging-over", context.isSearchMatching && "rct-tree-item-title-container-search-match") }),
+          __assign$9({}, context.itemContainerWithoutChildrenProps, { style: { "--depthOffset": "".concat((depth + 1) * renderDepthOffset, "px") }, className: cx$1("rct-tree-item-title-container", item.isFolder && "rct-tree-item-title-container-isFolder", context.isSelected && "rct-tree-item-title-container-selected", context.isExpanded && "rct-tree-item-title-container-expanded", context.isFocused && "rct-tree-item-title-container-focused", context.isDraggingOver && "rct-tree-item-title-container-dragging-over", context.isSearchMatching && "rct-tree-item-title-container-search-match") }),
           arrow,
-          React__default.createElement(InteractiveComponent, __assign$a({ type }, context.interactiveElementProps, { className: cx$1("rct-tree-item-button", item.isFolder && "rct-tree-item-button-isFolder", context.isSelected && "rct-tree-item-button-selected", context.isExpanded && "rct-tree-item-button-expanded", context.isFocused && "rct-tree-item-button-focused", context.isDraggingOver && "rct-tree-item-button-dragging-over", context.isSearchMatching && "rct-tree-item-button-search-match") }), title2)
+          React__default.createElement(InteractiveComponent, __assign$9({ type }, context.interactiveElementProps, { className: cx$1("rct-tree-item-button", item.isFolder && "rct-tree-item-button-isFolder", context.isSelected && "rct-tree-item-button-selected", context.isExpanded && "rct-tree-item-button-expanded", context.isFocused && "rct-tree-item-button-focused", context.isDraggingOver && "rct-tree-item-button-dragging-over", context.isSearchMatching && "rct-tree-item-button-search-match") }), title2)
         ),
         children
       );
@@ -69935,9 +69945,9 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
       var inputProps = _a3.inputProps, inputRef = _a3.inputRef, submitButtonProps = _a3.submitButtonProps, submitButtonRef = _a3.submitButtonRef, formProps = _a3.formProps;
       return React__default.createElement(
         "form",
-        __assign$a({}, formProps, { className: "rct-tree-item-renaming-form" }),
-        React__default.createElement("input", __assign$a({}, inputProps, { ref: inputRef, className: "rct-tree-item-renaming-input" })),
-        React__default.createElement("input", __assign$a({}, submitButtonProps, { ref: submitButtonRef, type: "submit", className: "rct-tree-item-renaming-submit-button", value: "🗸" }))
+        __assign$9({}, formProps, { className: "rct-tree-item-renaming-form" }),
+        React__default.createElement("input", __assign$9({}, inputProps, { ref: inputRef, className: "rct-tree-item-renaming-input" })),
+        React__default.createElement("input", __assign$9({}, submitButtonProps, { ref: submitButtonRef, type: "submit", className: "rct-tree-item-renaming-submit-button", value: "🗸" }))
       );
     },
     renderTreeContainer: function(_a3) {
@@ -69945,16 +69955,16 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
       return React__default.createElement(
         "div",
         { className: cx$1("rct-tree-root", info.isFocused && "rct-tree-root-focus", info.isRenaming && "rct-tree-root-renaming", info.areItemsSelected && "rct-tree-root-itemsselected", rtl) },
-        React__default.createElement("div", __assign$a({}, containerProps, { style: __assign$a({ minHeight: "30px" }, containerProps.style) }), children)
+        React__default.createElement("div", __assign$9({}, containerProps, { style: __assign$9({ minHeight: "30px" }, containerProps.style) }), children)
       );
     },
     renderItemsContainer: function(_a3) {
       var children = _a3.children, containerProps = _a3.containerProps;
-      return React__default.createElement("ul", __assign$a({}, containerProps, { className: "rct-tree-items-container" }), children);
+      return React__default.createElement("ul", __assign$9({}, containerProps, { className: "rct-tree-items-container" }), children);
     },
     renderDragBetweenLine: function(_a3) {
       var draggingPosition = _a3.draggingPosition, lineProps = _a3.lineProps;
-      return React__default.createElement("div", __assign$a({}, lineProps, { style: { left: "".concat(draggingPosition.depth * renderDepthOffset, "px") }, className: cx$1("rct-tree-drag-between-line", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "top" && "rct-tree-drag-between-line-top", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "bottom" && "rct-tree-drag-between-line-bottom") }));
+      return React__default.createElement("div", __assign$9({}, lineProps, { style: { left: "".concat(draggingPosition.depth * renderDepthOffset, "px") }, className: cx$1("rct-tree-drag-between-line", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "top" && "rct-tree-drag-between-line-top", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "bottom" && "rct-tree-drag-between-line-bottom") }));
     },
     renderSearchInput: function(_a3) {
       var inputProps = _a3.inputProps;
@@ -69962,7 +69972,7 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
         "div",
         { className: cx$1("rct-tree-search-input-container") },
         React__default.createElement("span", { className: "rct-tree-input-icon" }),
-        React__default.createElement("input", __assign$a({}, inputProps, { className: cx$1("rct-tree-search-input") }))
+        React__default.createElement("input", __assign$9({}, inputProps, { className: cx$1("rct-tree-search-input") }))
       );
     },
     renderLiveDescriptorContainer: function(_a3) {
@@ -70033,8 +70043,8 @@ var getItemsLinearly = function(rootItem, viewState, items, depth) {
   }
   return itemIds;
 };
-var __assign$9 = function() {
-  __assign$9 = Object.assign || function(t) {
+var __assign$8 = function() {
+  __assign$8 = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -70042,7 +70052,7 @@ var __assign$9 = function() {
     }
     return t;
   };
-  return __assign$9.apply(this, arguments);
+  return __assign$8.apply(this, arguments);
 };
 var __rest = function(s, e) {
   var t = {};
@@ -70092,7 +70102,7 @@ var useControlledTreeEnvironmentProps = function(_a3) {
   var registerTree = useCallback(function(tree) {
     setTrees(function(trees3) {
       var _a4;
-      return __assign$9(__assign$9({}, trees3), (_a4 = {}, _a4[tree.treeId] = tree, _a4));
+      return __assign$8(__assign$8({}, trees3), (_a4 = {}, _a4[tree.treeId] = tree, _a4));
     });
     onRegisterTree === null || onRegisterTree === void 0 ? void 0 : onRegisterTree(tree);
   }, [onRegisterTree]);
@@ -70149,33 +70159,26 @@ var useControlledTreeEnvironmentProps = function(_a3) {
     }
   }, [autoFocus, focusTree]);
   var renderers = useRenderers(props);
-  return __assign$9(__assign$9(__assign$9({}, renderers), props), { onFocusItem: onFocusItemHandler, registerTree, unregisterTree, onExpandItem, onCollapseItem, onDrop, setActiveTree, treeIds, trees: trees2, activeTreeId, linearItems });
-};
-var __assign$8 = function() {
-  __assign$8 = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-        t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign$8.apply(this, arguments);
+  return __assign$8(__assign$8(__assign$8({}, renderers), props), { onFocusItem: onFocusItemHandler, registerTree, unregisterTree, onExpandItem, onCollapseItem, onDrop, setActiveTree, treeIds, trees: trees2, activeTreeId, linearItems });
 };
 var TreeEnvironmentContext = React.createContext(null);
 var useTreeEnvironment = function() {
   return useContext(TreeEnvironmentContext);
 };
 var ControlledTreeEnvironment = React.forwardRef(function(props, ref) {
-  var _a3, _b2, _c;
   var environmentContextProps = useControlledTreeEnvironmentProps(props);
-  var viewState = props.viewState;
-  for (var _i = 0, _d = Object.keys(environmentContextProps.trees); _i < _d.length; _i++) {
-    var treeId = _d[_i];
-    if (!((_a3 = viewState[treeId]) === null || _a3 === void 0 ? void 0 : _a3.focusedItem) && environmentContextProps.trees[treeId]) {
-      viewState[treeId] = __assign$8(__assign$8({}, viewState[treeId]), { focusedItem: (_c = (_b2 = props.items[environmentContextProps.trees[treeId].rootItem]) === null || _b2 === void 0 ? void 0 : _b2.children) === null || _c === void 0 ? void 0 : _c[0] });
+  var viewState = props.viewState, onFocusItem = props.onFocusItem;
+  useEffect(function() {
+    var _a3, _b2, _c;
+    for (var _i = 0, _d = Object.keys(environmentContextProps.trees); _i < _d.length; _i++) {
+      var treeId = _d[_i];
+      var firstItemIndex = (_b2 = (_a3 = props.items[environmentContextProps.trees[treeId].rootItem]) === null || _a3 === void 0 ? void 0 : _a3.children) === null || _b2 === void 0 ? void 0 : _b2[0];
+      var firstItem = firstItemIndex && props.items[firstItemIndex];
+      if (!((_c = viewState[treeId]) === null || _c === void 0 ? void 0 : _c.focusedItem) && environmentContextProps.trees[treeId] && firstItem) {
+        onFocusItem === null || onFocusItem === void 0 ? void 0 : onFocusItem(firstItem, treeId, false);
+      }
     }
-  }
+  }, [environmentContextProps.trees, onFocusItem, props.items, viewState]);
   return React.createElement(
     TreeEnvironmentContext.Provider,
     { value: environmentContextProps },
@@ -70270,11 +70273,11 @@ var defaultKeyboardBindings = {
   primaryAction: ["enter"],
   renameItem: ["f2"],
   abortRenameItem: ["escape"],
-  toggleSelectItem: ["control+space"],
+  toggleSelectItem: ["control+ "],
   abortSearch: ["escape", "enter"],
   startSearch: [],
   selectAll: ["control+a"],
-  startProgrammaticDnd: ["control+d"],
+  startProgrammaticDnd: ["control+shift+d"],
   completeProgrammaticDnd: ["enter"],
   abortProgrammaticDnd: ["escape"]
 };
@@ -70334,7 +70337,7 @@ var useHotkey = function(combinationName, onHit, active, activatableWhileFocusin
         return a || b;
       }, false);
       if (partialMatch) {
-        if (pressedKeys.current.length > 1 || !/^[a-zA-Z]$/.test(e.key)) {
+        if (pressedKeys.current.length > 1 || !/^[a-zA-Z\s]$/.test(e.key)) {
           e.preventDefault();
         }
       }
@@ -70568,6 +70571,7 @@ var useTreeKeyboardBindings = function() {
   useHotkey("toggleSelectItem", function(e) {
     var _a4, _b3, _c;
     e.preventDefault();
+    e.stopPropagation();
     if (viewState.focusedItem !== void 0) {
       if (viewState.selectedItems && viewState.selectedItems.includes(viewState.focusedItem)) {
         (_a4 = environment.onSelectItems) === null || _a4 === void 0 ? void 0 : _a4.call(environment, viewState.selectedItems.filter(function(item) {
@@ -75806,11 +75810,15 @@ function useSectionBox(adapter) {
     adapter.setBox(newBox);
   });
   const sectionSelection2 = useFuncRef(async () => {
+    const currentBox = boxRef.current.clone();
     const box = await getSelectionBox.call() ?? await getSceneBox.call();
+    if (!currentBox.equals(boxRef.current)) return;
     sectionBox2.call(box);
   });
   const sectionScene = useFuncRef(async () => {
+    const currentBox = boxRef.current.clone();
     const box = await getSceneBox.call();
+    if (!currentBox.equals(boxRef.current)) return;
     sectionBox2.call(box);
   });
   return {