@fps-games/editor 0.1.3-beta.3 → 0.1.4-beta.1

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui-hierarchy-controller.js

@@ -1,6 +1,11 @@
-import { createLocalEditorHierarchyBlankMenu, createLocalEditorHierarchyCopyShortcutAction, createLocalEditorHierarchyDeleteShortcutAction, createLocalEditorHierarchyDuplicateShortcutAction, createLocalEditorHierarchyNodeMenu, createLocalEditorHierarchyPasteShortcutAction, createLocalEditorHierarchySelectAllShortcutAction, } from './local-editor-ui-hierarchy-actions';
-import { canLocalEditorHierarchyNodeHaveChildren, createLocalEditorHierarchyTreeModel, isLocalEditorHierarchyNodeMovable, } from './local-editor-ui-hierarchy-tree';
-import { renderLocalEditorHierarchyPanel } from './local-editor-ui-hierarchy-view';
+import { createLocalEditorHierarchyBlankMenu, createLocalEditorHierarchyCopyShortcutAction, createLocalEditorHierarchyDeleteShortcutAction, createLocalEditorHierarchyDuplicateShortcutAction, createLocalEditorHierarchyNodeMenu, createLocalEditorHierarchyPasteShortcutAction, createLocalEditorHierarchySelectAllShortcutAction, } from './local-editor-ui-hierarchy-actions.js';
+import { canLocalEditorHierarchyNodeHaveChildren, createLocalEditorHierarchyTreeModel, isLocalEditorHierarchyNodeSelectable, isLocalEditorHierarchyNodeMovable, } from './local-editor-ui-hierarchy-tree.js';
+import { resolveLocalEditorHierarchyDragOperation, } from './local-editor-ui-hierarchy-drag-policy.js';
+import { resolveLocalEditorHierarchyAutoScroll, } from './local-editor-ui-hierarchy-auto-scroll.js';
+import { clearLocalEditorStructuredDragSession, createLocalEditorStructuredDragSession, hasLocalEditorStructuredDragSessionFeedback, } from './local-editor-ui-structured-drag-session.js';
+import { renderLocalEditorHierarchyPanel, syncLocalEditorHierarchyDropPreview, } from './local-editor-ui-hierarchy-view.js';
+import { createLocalEditorViewportRevealController, } from './local-editor-ui-dock-panel.js';
+const HIERARCHY_DRAG_INDENT_WIDTH = 16;
 export function createLocalEditorHierarchyController(options) {
     const { doc, panel, callbacks, inputRouter, contextMenu, getState, requestRender } = options;
     const collapsedIds = new Set();
@@ -8,6 +13,7 @@ export function createLocalEditorHierarchyController(options) {
     let hierarchyDrag = null;
     let hierarchyDrop = null;
     let hierarchyRootDrop = false;
+    const hierarchyDragSession = createLocalEditorStructuredDragSession();
     let hierarchyShortcutScopeActive = false;
     let hierarchyClipboard = null;
     let hierarchySearch = '';
@@ -15,6 +21,11 @@ export function createLocalEditorHierarchyController(options) {
     let currentModel = null;
     let lastRenderedActiveId;
     let pendingHierarchyScrollId = null;
+    let hierarchySelectionAnchorId = null;
+    const treeViewportReveal = createLocalEditorViewportRevealController({
+        getViewport: findHierarchyTreeViewport,
+        margin: 4,
+    });
     const getModel = (state) => {
         if (currentModel)
             return currentModel;
@@ -25,19 +36,28 @@ export function createLocalEditorHierarchyController(options) {
         if (hierarchyRename && !state.hierarchy.some(item => item.id === hierarchyRename?.id))
             hierarchyRename = null;
         const activeIdChanged = state.activeId !== lastRenderedActiveId;
+        const treeScrollSnapshot = treeViewportReveal.captureScrollSnapshot();
         if (activeIdChanged) {
             pendingHierarchyScrollId = null;
             expandActiveHierarchyPath(state);
         }
         currentModel = createModel(state);
+        if (hierarchySelectionAnchorId && !currentModel.getNode(hierarchySelectionAnchorId)) {
+            hierarchySelectionAnchorId = null;
+        }
         renderLocalEditorHierarchyPanel(doc, panel, {
             model: currentModel,
             rename: hierarchyRename,
             drop: hierarchyDrop,
+            dropPreview: hierarchyDragSession.preview,
             rootDrop: hierarchyRootDrop,
             searchQuery: hierarchySearch,
         });
-        if (activeIdChanged && state.activeId && shouldAutoScrollActiveHierarchyNode()) {
+        treeViewportReveal.restoreScrollSnapshot(treeScrollSnapshot);
+        const suppressActiveScroll = state.activeId
+            ? treeViewportReveal.consumeRevealSuppression(state.activeId, { clearWhenDifferent: activeIdChanged })
+            : false;
+        if (activeIdChanged && state.activeId && !suppressActiveScroll && shouldAutoScrollActiveHierarchyNode()) {
             scheduleActiveHierarchyScroll(state.activeId);
         }
         lastRenderedActiveId = state.activeId;
@@ -50,6 +70,14 @@ export function createLocalEditorHierarchyController(options) {
             clearSelectionFromSearchClick(event);
             return;
         }
+        const enabledToggle = target?.closest('[data-editor-hierarchy-enabled-toggle]');
+        const enabledToggleId = enabledToggle?.dataset.editorHierarchyEnabledToggle;
+        if (enabledToggleId) {
+            event.preventDefault();
+            event.stopPropagation();
+            toggleHierarchyItemEnabled(enabledToggleId, enabledToggle);
+            return;
+        }
         const toggle = target?.closest('[data-editor-hierarchy-toggle]')?.dataset.editorHierarchyToggle;
         if (toggle) {
             event.preventDefault();
@@ -71,16 +99,19 @@ export function createLocalEditorHierarchyController(options) {
             return;
         }
         const hierarchyButton = target?.closest('[data-editor-hierarchy-id]');
-        if (hierarchyButton?.dataset.editorHierarchyId) {
-            callbacks.onSelectHierarchyItem?.({
-                id: hierarchyButton.dataset.editorHierarchyId,
-                additive: event.shiftKey && !event.metaKey && !event.ctrlKey,
-                toggle: event.metaKey || event.ctrlKey,
-            });
+        const hierarchyId = hierarchyButton?.dataset.editorHierarchyId;
+        if (hierarchyId) {
+            if (treeViewportReveal.isElementVisible(hierarchyButton)) {
+                treeViewportReveal.suppressNextReveal(hierarchyId);
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            selectHierarchyItemFromClick(hierarchyId, event);
             return;
         }
         if (shouldClearSelectionFromBlankClick(event, target)) {
             event.preventDefault();
+            hierarchySelectionAnchorId = null;
             submitSelectionCommand({ type: 'selection.clear', label: 'Clear Selection' });
         }
     };
@@ -103,6 +134,7 @@ export function createLocalEditorHierarchyController(options) {
             return;
         event.preventDefault();
         event.stopPropagation();
+        hierarchySelectionAnchorId = id;
         callbacks.onSelectHierarchyItem?.({ id, additive: false, toggle: false });
         callbacks.onFocusSelection?.();
     };
@@ -188,107 +220,100 @@ export function createLocalEditorHierarchyController(options) {
     const onDragOver = (event) => {
         const state = getState();
         const target = event.target instanceof HTMLElement ? event.target : null;
-        const button = target?.closest('[data-editor-hierarchy-id]');
-        const targetId = button?.dataset.editorHierarchyId;
         const draggedIds = readDraggedIds(event);
-        if (!state || draggedIds.length === 0)
+        if (!state || draggedIds.length === 0) {
+            clearHierarchyDragFeedbackAndRender();
             return;
+        }
         const model = getModel(state);
-        if (!targetId) {
-            handleRootDragOver(event, model, draggedIds);
+        if (!isInsideHierarchyTreeViewport(target)) {
+            clearHierarchyDragFeedbackAndRender();
             return;
         }
-        if (draggedIds.includes(targetId))
+        hierarchyDragSession.pointer = { x: event.clientX, y: event.clientY };
+        updateHierarchyAutoScroll();
+        const operation = resolveHierarchyDragOperation(event, model, draggedIds);
+        if (!operation || operation.status === 'idle') {
+            clearHierarchyDragFeedbackAndRender();
             return;
+        }
         event.preventDefault();
-        const placement = readHierarchyDropPlacementForNode(event, button, model.getNode(targetId));
-        const resolved = model.resolveDrop({ draggedIds, targetId, placement });
-        if (!resolved.ok) {
-            const changed = hierarchyDrop !== null || hierarchyRootDrop;
+        hierarchyDragSession.operation = operation;
+        const canSubmitDrop = operation.status === 'valid'
+            && (!!callbacks.onSceneGraphMove || operation.slot?.placement === 'inside');
+        if (event.dataTransfer)
+            event.dataTransfer.dropEffect = canSubmitDrop ? 'move' : 'none';
+        if (operation.status !== 'valid' || !operation.slot || !operation.resolution?.ok) {
+            hierarchyDragSession.preview = operation.preview;
             hierarchyDrop = null;
             hierarchyRootDrop = false;
-            if (event.dataTransfer)
-                event.dataTransfer.dropEffect = 'none';
-            if (changed)
-                requestRender();
+            syncHierarchyDropPreview();
             return;
         }
+        if (operation.slot.placement === 'root') {
+            hierarchyDragSession.preview = operation.preview;
+            hierarchyDrop = null;
+            hierarchyRootDrop = true;
+            syncHierarchyDropPreview();
+            return;
+        }
+        const targetId = operation.slot.targetId;
+        if (!targetId)
+            return;
         const nextDrop = {
-            draggedId: resolved.draggedIds[0] ?? draggedIds[0],
+            draggedId: operation.resolution.draggedIds[0] ?? draggedIds[0],
             targetId,
-            placement,
+            placement: operation.slot.placement,
             preserveWorldTransform: true,
         };
-        const changed = !areHierarchyDropsEqual(hierarchyDrop, nextDrop) || hierarchyRootDrop;
+        hierarchyDragSession.preview = operation.preview;
         hierarchyDrop = nextDrop;
         hierarchyRootDrop = false;
-        if (event.dataTransfer) {
-            const canSubmitDrop = typeof callbacks.onSceneGraphMove === 'function' || placement === 'inside';
-            event.dataTransfer.dropEffect = canSubmitDrop ? 'move' : 'none';
-        }
-        if (changed)
-            requestRender();
+        syncHierarchyDropPreview();
     };
     const onDragLeave = (event) => {
         if (!panel.contains(event.relatedTarget)) {
-            hierarchyDrop = null;
-            hierarchyRootDrop = false;
+            clearHierarchyDragFeedback();
             requestRender();
         }
     };
     const onDragEnd = () => {
         hierarchyDrag = null;
-        hierarchyDrop = null;
-        hierarchyRootDrop = false;
+        clearHierarchyDragFeedback();
         requestRender();
     };
     const onDrop = (event) => {
         const state = getState();
         const target = event.target instanceof HTMLElement ? event.target : null;
-        const button = target?.closest('[data-editor-hierarchy-id]');
-        const targetId = button?.dataset.editorHierarchyId;
         const draggedIds = readDraggedIds(event);
-        if (!state || draggedIds.length === 0)
+        if (!state || draggedIds.length === 0) {
+            clearHierarchyDragFeedbackAndRender();
             return;
+        }
         const model = getModel(state);
-        if (!targetId) {
-            if (hierarchyDrop) {
-                const pendingDrop = hierarchyDrop;
-                event.preventDefault();
-                const resolved = model.resolveDrop({
-                    draggedIds,
-                    targetId: pendingDrop.targetId,
-                    placement: pendingDrop.placement,
-                });
-                hierarchyDrag = null;
-                hierarchyDrop = null;
-                hierarchyRootDrop = false;
-                if (resolved.ok) {
-                    expandDropParent(resolved);
-                    submitResolvedDrop(resolved, pendingDrop.targetId, pendingDrop.placement, draggedIds);
-                }
-                else {
-                    requestRender();
-                }
-                return;
-            }
-            handleRootDrop(event, model, draggedIds);
+        if (!isInsideHierarchyTreeViewport(target)) {
+            clearHierarchyDragFeedbackAndRender();
             return;
         }
-        if (draggedIds.includes(targetId))
+        const operation = hierarchyDragSession.operation ?? resolveHierarchyDragOperation(event, model, draggedIds);
+        if (!operation || operation.status !== 'valid' || !operation.slot || !operation.resolution?.ok) {
+            clearHierarchyDragFeedbackAndRender();
             return;
+        }
         event.preventDefault();
-        const placement = readHierarchyDropPlacementForNode(event, button, model.getNode(targetId));
-        const resolved = model.resolveDrop({ draggedIds, targetId, placement });
         hierarchyDrag = null;
-        hierarchyDrop = null;
-        hierarchyRootDrop = false;
-        if (!resolved.ok) {
+        clearHierarchyDragFeedback();
+        if (operation.slot.placement === 'root') {
+            submitResolvedRootDrop(operation.resolution);
+            return;
+        }
+        const targetId = operation.slot.targetId;
+        if (!targetId) {
             requestRender();
             return;
         }
-        expandDropParent(resolved);
-        submitResolvedDrop(resolved, targetId, placement, draggedIds);
+        expandDropParent(operation.resolution);
+        submitResolvedDrop(operation.resolution, targetId, operation.slot.placement, draggedIds);
     };
     panel.addEventListener('click', onClick);
     panel.addEventListener('contextmenu', onContextMenu);
@@ -314,6 +339,7 @@ export function createLocalEditorHierarchyController(options) {
             return handleEditShortcut(event);
         },
         dispose() {
+            clearHierarchyDragFeedback();
             panel.removeEventListener('click', onClick);
             panel.removeEventListener('contextmenu', onContextMenu);
             panel.removeEventListener('dblclick', onDoubleClick);
@@ -390,6 +416,64 @@ export function createLocalEditorHierarchyController(options) {
             defaultExpanded: true,
         });
     }
+    function selectHierarchyItemFromClick(id, event) {
+        const toggle = event.metaKey || event.ctrlKey;
+        const range = event.shiftKey && !toggle;
+        if (range) {
+            selectHierarchyVisibleRange(id);
+            return;
+        }
+        hierarchySelectionAnchorId = id;
+        callbacks.onSelectHierarchyItem?.({
+            id,
+            additive: false,
+            toggle,
+        });
+    }
+    function toggleHierarchyItemEnabled(id, toggle) {
+        if (toggle.dataset.editorHierarchyEnabledToggleDisabled === 'true')
+            return;
+        const state = getState();
+        if (!state)
+            return;
+        const node = getModel(state).getNode(id);
+        if (!node || typeof node.item.enabled !== 'boolean')
+            return;
+        if (node.item.canToggleEnabled === false || node.item.locked === true || node.protected)
+            return;
+        const directEnabled = typeof node.item.directEnabled === 'boolean'
+            ? node.item.directEnabled
+            : node.item.enabled;
+        callbacks.onHierarchyItemEnabledChange?.({
+            id,
+            enabled: directEnabled === false,
+        });
+    }
+    function selectHierarchyVisibleRange(targetId) {
+        const state = getState();
+        if (!state) {
+            callbacks.onSelectHierarchyItem?.({ id: targetId, additive: false, toggle: false });
+            hierarchySelectionAnchorId = targetId;
+            return;
+        }
+        const model = getModel(state);
+        const anchorId = hierarchySelectionAnchorId ?? state.activeId ?? targetId;
+        const selectedIds = model.getVisibleRangeSelection(anchorId, targetId);
+        if (selectedIds.length === 0) {
+            hierarchySelectionAnchorId = targetId;
+            callbacks.onSelectHierarchyItem?.({ id: targetId, additive: false, toggle: false });
+            return;
+        }
+        const activeId = selectedIds.includes(targetId)
+            ? targetId
+            : selectedIds[selectedIds.length - 1] ?? null;
+        submitSelectionCommand({
+            type: 'selection.replace',
+            label: 'Select Hierarchy Range',
+            selectedIds,
+            activeId,
+        });
+    }
     function resolveDraggedIds(state, model, draggedId) {
         const selectedIds = state.selectedIds.includes(draggedId) ? state.selectedIds : [draggedId];
         return model.getTopLevelSelection(selectedIds);
@@ -401,33 +485,9 @@ export function createLocalEditorHierarchyController(options) {
             .filter(Boolean) ?? [];
         return dataTransferIds.length > 0 ? dataTransferIds : hierarchyDrag?.id ? [hierarchyDrag.id] : [];
     }
-    function resolveRootDraggedIds(model, draggedIds) {
-        const ids = model.getTopLevelSelection(draggedIds);
-        return ids.filter(id => isLocalEditorHierarchyNodeMovable(model.getNode(id)));
-    }
-    function handleRootDragOver(event, model, draggedIds) {
-        const ids = resolveRootDraggedIds(model, draggedIds);
-        if (ids.length === 0)
-            return;
-        event.preventDefault();
-        const changed = hierarchyDrop !== null || !hierarchyRootDrop;
-        hierarchyDrop = null;
-        hierarchyRootDrop = true;
-        if (event.dataTransfer)
-            event.dataTransfer.dropEffect = callbacks.onSceneGraphMove ? 'move' : 'none';
-        if (changed)
-            requestRender();
-    }
-    function handleRootDrop(event, model, draggedIds) {
-        const ids = resolveRootDraggedIds(model, draggedIds);
-        if (ids.length === 0)
-            return;
-        event.preventDefault();
-        hierarchyDrag = null;
-        hierarchyDrop = null;
-        hierarchyRootDrop = false;
+    function submitResolvedRootDrop(resolved) {
         callbacks.onSceneGraphMove?.({
-            ids,
+            ids: resolved.draggedIds,
             targetId: null,
             placement: 'root',
             preserveWorldTransform: true,
@@ -457,7 +517,7 @@ export function createLocalEditorHierarchyController(options) {
         }
     }
     function shouldAutoScrollActiveHierarchyNode() {
-        return !hierarchyRename && !hierarchyDrag && !hierarchyDrop && !hierarchyRootDrop;
+        return !hierarchyRename && !hierarchyDrag && !hasHierarchyDragFeedback();
     }
     function scheduleActiveHierarchyScroll(activeId) {
         pendingHierarchyScrollId = activeId;
@@ -468,8 +528,13 @@ export function createLocalEditorHierarchyController(options) {
             const row = findHierarchyRow(activeId);
             if (!row)
                 return;
+            const viewport = findHierarchyTreeViewport();
+            if (viewport) {
+                treeViewportReveal.revealElement(row, { behavior: 'smooth' });
+                return;
+            }
             try {
-                row.scrollIntoView({ block: 'center', inline: 'nearest' });
+                row.scrollIntoView({ block: 'nearest', inline: 'nearest', behavior: 'smooth' });
             }
             catch {
                 row.scrollIntoView();
@@ -483,6 +548,139 @@ export function createLocalEditorHierarchyController(options) {
         }
         return null;
     }
+    function findHierarchyTreeViewport() {
+        return panel.querySelector('[data-editor-hierarchy-tree-viewport]');
+    }
+    function isInsideHierarchyTreeViewport(target) {
+        return !!target?.closest('[data-editor-hierarchy-tree-viewport]');
+    }
+    function armHierarchyAutoScroll() {
+        if (hierarchyDragSession.autoScrollFrame !== null)
+            return;
+        hierarchyDragSession.autoScrollFrame = doc.defaultView?.requestAnimationFrame(tickHierarchyAutoScroll) ?? null;
+    }
+    function stopHierarchyAutoScroll() {
+        if (hierarchyDragSession.autoScrollFrame !== null) {
+            doc.defaultView?.cancelAnimationFrame(hierarchyDragSession.autoScrollFrame);
+        }
+        hierarchyDragSession.autoScrollFrame = null;
+    }
+    function clearHierarchyDragFeedback() {
+        hierarchyDrop = null;
+        hierarchyRootDrop = false;
+        stopHierarchyAutoScroll();
+        clearLocalEditorStructuredDragSession(hierarchyDragSession);
+    }
+    function hasHierarchyDragFeedback() {
+        return hierarchyDrop !== null
+            || hierarchyRootDrop
+            || hasLocalEditorStructuredDragSessionFeedback(hierarchyDragSession);
+    }
+    function clearHierarchyDragFeedbackAndRender() {
+        const hadFeedback = hasHierarchyDragFeedback();
+        clearHierarchyDragFeedback();
+        if (hadFeedback)
+            syncHierarchyDropPreview();
+    }
+    function syncHierarchyDropPreview() {
+        syncLocalEditorHierarchyDropPreview(doc, panel, {
+            dropPreview: hierarchyDragSession.preview,
+            rootDrop: hierarchyRootDrop,
+        });
+    }
+    function tickHierarchyAutoScroll() {
+        hierarchyDragSession.autoScrollFrame = null;
+        if (!hierarchyDragSession.pointer)
+            return;
+        const viewport = findHierarchyTreeViewport();
+        if (!viewport)
+            return;
+        const rect = viewport.getBoundingClientRect();
+        const scroll = resolveLocalEditorHierarchyAutoScroll({
+            pointerY: hierarchyDragSession.pointer.y,
+            viewportTop: rect.top,
+            viewportBottom: rect.bottom,
+            viewportHeight: rect.height,
+            scrollTop: viewport.scrollTop,
+            scrollHeight: viewport.scrollHeight,
+            clientHeight: viewport.clientHeight,
+        });
+        if (scroll.speed !== 0) {
+            viewport.scrollTop += scroll.speed;
+            requestRender();
+            armHierarchyAutoScroll();
+        }
+    }
+    function updateHierarchyAutoScroll() {
+        const viewport = findHierarchyTreeViewport();
+        if (!viewport || !hierarchyDragSession.pointer) {
+            stopHierarchyAutoScroll();
+            return;
+        }
+        const rect = viewport.getBoundingClientRect();
+        const scroll = resolveLocalEditorHierarchyAutoScroll({
+            pointerY: hierarchyDragSession.pointer.y,
+            viewportTop: rect.top,
+            viewportBottom: rect.bottom,
+            viewportHeight: rect.height,
+            scrollTop: viewport.scrollTop,
+            scrollHeight: viewport.scrollHeight,
+            clientHeight: viewport.clientHeight,
+        });
+        if (scroll.speed === 0) {
+            stopHierarchyAutoScroll();
+            return;
+        }
+        armHierarchyAutoScroll();
+    }
+    function resolveHierarchyDragOperation(event, model, draggedIds) {
+        const layout = createHierarchyDragLayout(model);
+        if (!layout)
+            return null;
+        return resolveLocalEditorHierarchyDragOperation({
+            layout,
+            pointer: { x: event.clientX, y: event.clientY },
+            draggedIds,
+            resolveDrop: model.resolveDrop.bind(model),
+        });
+    }
+    function createHierarchyDragLayout(model) {
+        const viewport = findHierarchyTreeViewport();
+        if (!viewport)
+            return null;
+        const viewportRect = viewport.getBoundingClientRect();
+        const rows = [];
+        for (const element of panel.querySelectorAll('[data-editor-hierarchy-id]')) {
+            const id = element.dataset.editorHierarchyId;
+            const node = model.getNode(id);
+            if (!id || !node)
+                continue;
+            const rect = element.getBoundingClientRect();
+            rows.push({
+                id,
+                depth: node.depth,
+                parentId: node.parentId,
+                canHaveChildren: canLocalEditorHierarchyNodeHaveChildren(node),
+                rect: {
+                    left: rect.left,
+                    top: rect.top,
+                    width: rect.width,
+                    height: rect.height,
+                },
+            });
+        }
+        rows.sort((left, right) => left.rect.top - right.rect.top);
+        return {
+            rows,
+            viewport: {
+                left: viewportRect.left,
+                top: viewportRect.top,
+                width: viewportRect.width,
+                height: viewportRect.height,
+            },
+            indentWidth: HIERARCHY_DRAG_INDENT_WIDTH,
+        };
+    }
     function expandDropParent(resolved) {
         if (resolved.placement === 'inside')
             expandNode(resolved.parentId);
@@ -499,23 +697,29 @@ export function createLocalEditorHierarchyController(options) {
         requestRender();
     }
     function openHierarchyContextMenu(event) {
+        const hadHierarchyFeedback = hasHierarchyDragFeedback();
+        hierarchyDrag = null;
+        clearHierarchyDragFeedback();
         const target = event.target instanceof HTMLElement ? event.target : null;
-        if (!target || inputRouter.isEditableTarget(target))
+        if (!target || inputRouter.isEditableTarget(target)) {
+            if (hadHierarchyFeedback)
+                requestRender();
             return;
+        }
         const state = getState();
-        if (!state || state.mode !== 'editor' || state.busy)
+        if (!state || state.mode !== 'editor' || state.busy) {
+            if (hadHierarchyFeedback)
+                requestRender();
             return;
+        }
         event.preventDefault();
         event.stopPropagation();
         options.onBeforeOpenContextMenu?.();
-        const hadHierarchyDrop = hierarchyDrop !== null;
-        hierarchyDrag = null;
-        hierarchyDrop = null;
-        hierarchyRootDrop = false;
         const model = getModel(state);
         const hierarchyButton = target.closest('[data-editor-hierarchy-id]');
         const node = model.getNode(hierarchyButton?.dataset.editorHierarchyId);
-        if (node && !state.selectedIds.includes(node.id) && isNodeSelectable(node)) {
+        if (node && !state.selectedIds.includes(node.id) && isLocalEditorHierarchyNodeSelectable(node)) {
+            hierarchySelectionAnchorId = node.id;
             callbacks.onSelectHierarchyItem?.({ id: node.id, additive: false, toggle: false });
         }
         const menu = node
@@ -548,7 +752,7 @@ export function createLocalEditorHierarchyController(options) {
                     submitHierarchyAction(action);
             },
         });
-        if (hadHierarchyDrop)
+        if (hadHierarchyFeedback)
             requestRender();
     }
     function submitHierarchyAction(action) {
@@ -583,7 +787,7 @@ export function createLocalEditorHierarchyController(options) {
             return false;
         if (!target?.closest('[data-editor-hierarchy-root-drop]'))
             return false;
-        if (hierarchyRename || hierarchyDrag || hierarchyDrop || hierarchyRootDrop)
+        if (hierarchyRename || hierarchyDrag || hasHierarchyDragFeedback())
             return false;
         const state = getState();
         return (state?.selectedIds.length ?? 0) > 0;
@@ -594,6 +798,7 @@ export function createLocalEditorHierarchyController(options) {
         const state = getState();
         if ((state?.selectedIds.length ?? 0) === 0)
             return;
+        hierarchySelectionAnchorId = null;
         submitSelectionCommand({ type: 'selection.clear', label: 'Clear Selection' });
     }
     function isHierarchyShortcutScope(event) {
@@ -689,23 +894,4 @@ export function createLocalEditorHierarchyController(options) {
         }
     }
 }
-function isNodeSelectable(node) {
-    return node.item.selectable !== false && node.item.locked !== true && node.protected !== true;
-}
-function readHierarchyDropPlacementForNode(event, target, node) {
-    const rect = target.getBoundingClientRect();
-    const offsetY = event.clientY - rect.top;
-    const edgeRatio = canLocalEditorHierarchyNodeHaveChildren(node) ? 0.12 : 0.25;
-    if (offsetY < rect.height * edgeRatio)
-        return 'before';
-    if (offsetY > rect.height * (1 - edgeRatio))
-        return 'after';
-    return 'inside';
-}
-function areHierarchyDropsEqual(left, right) {
-    return left?.draggedId === right?.draggedId
-        && left?.targetId === right?.targetId
-        && left?.placement === right?.placement
-        && left?.preserveWorldTransform === right?.preserveWorldTransform;
-}
 //# sourceMappingURL=local-editor-ui-hierarchy-controller.js.map