@aglyn/besigner 1.0.0-beta.143

package/src/lib/dnd-manager/confirm-valid-lineal-relationship.js

@@ -0,0 +1,109 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { checkLinealOrder, components, LinealDirectiveFlag } from "@aglyn/aglyn";
+import { _isArr } from "@aglyn/shared-util-tools";
+export var InvalidLinealRelationFlag = /*#__PURE__*/ function(InvalidLinealRelationFlag) {
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["DISALLOW"] = 0x01] = "DISALLOW";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["LIMIT_TO"] = 0x02] = "LIMIT_TO";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["ITEM"] = 0x04] = "ITEM";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["PARENT"] = 0x08] = "PARENT";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["COMPONENT"] = 0x10] = "COMPONENT";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["BUNDLE"] = 0x20] = "BUNDLE";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["DISALLOW_COMPONENT"] = 17] = "DISALLOW_COMPONENT";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["DISALLOW_BUNDLE"] = 33] = "DISALLOW_BUNDLE";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["LIMIT_TO_COMPONENT"] = 18] = "LIMIT_TO_COMPONENT";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["LIMIT_TO_BUNDLE"] = 34] = "LIMIT_TO_BUNDLE";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["DISALLOW_COMPONENT_ITEM"] = 21] = "DISALLOW_COMPONENT_ITEM";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["DISALLOW_BUNDLE_ITEM"] = 37] = "DISALLOW_BUNDLE_ITEM";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["LIMIT_TO_COMPONENT_ITEM"] = 22] = "LIMIT_TO_COMPONENT_ITEM";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["LIMIT_TO_BUNDLE_ITEM"] = 38] = "LIMIT_TO_BUNDLE_ITEM";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["DISALLOW_COMPONENT_PARENT"] = 25] = "DISALLOW_COMPONENT_PARENT";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["DISALLOW_BUNDLE_PARENT"] = 41] = "DISALLOW_BUNDLE_PARENT";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["LIMIT_TO_COMPONENT_PARENT"] = 26] = "LIMIT_TO_COMPONENT_PARENT";
+    InvalidLinealRelationFlag[InvalidLinealRelationFlag["LIMIT_TO_BUNDLE_PARENT"] = 42] = "LIMIT_TO_BUNDLE_PARENT";
+    return InvalidLinealRelationFlag;
+}({});
+function validateLinealOrder(componentId, pluginId, linealOrder, governor) {
+    // The rule itself is shared with the AI node-tree validator (AGL-2905);
+    // what stays here is the bitflag vocabulary the drop indicator reads.
+    const failed = checkLinealOrder(componentId, pluginId, linealOrder);
+    if (failed === 'component') {
+        throw 17 | governor;
+    }
+    if (failed === 'plugin') {
+        throw 33 | governor;
+    }
+}
+function componentLabel(componentId) {
+    var _components_getLabel;
+    if (!componentId) return undefined;
+    return (_components_getLabel = components.getLabel(componentId)) != null ? _components_getLabel : componentId;
+}
+function allowedComponentLabels(linealOrder) {
+    if (!linealOrder) return [];
+    const [directiveType, directiveDefinition] = linealOrder;
+    if (directiveType !== LinealDirectiveFlag.LIMIT_TO) return [];
+    const components = _isArr(directiveDefinition) ? directiveDefinition : directiveDefinition == null ? void 0 : directiveDefinition.components;
+    return (components != null ? components : []).map((id)=>componentLabel(id)).filter(Boolean);
+}
+/**
+ * Human-readable explanation for a failed lineal validation, e.g.
+ * "Toolbar Content must be placed inside App Bar". Pair with the reason
+ * flag returned by {@link confirmValidLinealRelationship}.
+ */ export function describeInvalidLinealRelationship(item, parent, reason) {
+    var _componentLabel, _componentLabel1;
+    const itemLabel = (_componentLabel = componentLabel(item.componentId)) != null ? _componentLabel : 'This element';
+    const parentLabel = parent.componentId && parent.componentId !== 'div' ? (_componentLabel1 = componentLabel(parent.componentId)) != null ? _componentLabel1 : parent.componentId : 'the document';
+    // ITEM governor: the dragged element's own restrictParent failed.
+    if (reason & 0x04) {
+        const allowed = allowedComponentLabels(item.restrictParent);
+        if (allowed.length) {
+            return `${itemLabel} must be placed inside ${allowed.join(' or ')}`;
+        }
+        return `${itemLabel} can't be placed inside ${parentLabel}`;
+    }
+    // PARENT governor: the target's restrictChildren failed.
+    const allowed = allowedComponentLabels(parent.restrictChildren);
+    if (allowed.length) {
+        return `${parentLabel} only accepts ${allowed.join(', ')}`;
+    }
+    return `${parentLabel} doesn't accept ${itemLabel}`;
+}
+export function confirmValidLinealRelationship(item, parent) {
+    try {
+        if (item.restrictParent) {
+            validateLinealOrder(parent.componentId, parent.pluginId, item.restrictParent, 0x04);
+        }
+        if (parent.restrictChildren) {
+            validateLinealOrder(item.componentId, item.pluginId, parent.restrictChildren, 0x08);
+        }
+    } catch (e) {
+        console.error(e);
+        if (typeof e === 'number') {
+            return [
+                false,
+                e
+            ];
+        }
+        throw e;
+    }
+    return [
+        true
+    ];
+}
+export default confirmValidLinealRelationship;
+
+//# sourceMappingURL=confirm-valid-lineal-relationship.js.map

package/src/lib/dnd-manager/confirm-valid-lineal-relationship.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/besigner/core/src/lib/dnd-manager/confirm-valid-lineal-relationship.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type * as Aglyn from '@aglyn/aglyn'\nimport { checkLinealOrder, components, LinealDirectiveFlag } from '@aglyn/aglyn'\nimport { _isArr } from '@aglyn/shared-util-tools'\n\nexport enum InvalidLinealRelationFlag {\n  DISALLOW = 0x01,\n  LIMIT_TO = 0x02,\n\n  ITEM = 0x04,\n  PARENT = 0x08,\n\n  COMPONENT = 0x10,\n  BUNDLE = 0x20,\n\n  DISALLOW_COMPONENT = DISALLOW | COMPONENT,\n  DISALLOW_BUNDLE = DISALLOW | BUNDLE,\n  LIMIT_TO_COMPONENT = LIMIT_TO | COMPONENT,\n  LIMIT_TO_BUNDLE = LIMIT_TO | BUNDLE,\n\n  DISALLOW_COMPONENT_ITEM = DISALLOW_COMPONENT | ITEM,\n  DISALLOW_BUNDLE_ITEM = DISALLOW_BUNDLE | ITEM,\n  LIMIT_TO_COMPONENT_ITEM = LIMIT_TO_COMPONENT | ITEM,\n  LIMIT_TO_BUNDLE_ITEM = LIMIT_TO_BUNDLE | ITEM,\n\n  DISALLOW_COMPONENT_PARENT = DISALLOW_COMPONENT | PARENT,\n  DISALLOW_BUNDLE_PARENT = DISALLOW_BUNDLE | PARENT,\n  LIMIT_TO_COMPONENT_PARENT = LIMIT_TO_COMPONENT | PARENT,\n  LIMIT_TO_BUNDLE_PARENT = LIMIT_TO_BUNDLE | PARENT,\n}\n\nexport type ConfirmValidLinealRelationshipResponse =\n  [isValid: true] | [isValid: false, reason: InvalidLinealRelationFlag]\n\nfunction validateLinealOrder(\n  componentId: Aglyn.ComponentId,\n  pluginId: Aglyn.PluginId,\n  linealOrder: Aglyn.ComponentsLinealOrder,\n  governor:\n    | typeof InvalidLinealRelationFlag.ITEM\n    | typeof InvalidLinealRelationFlag.PARENT,\n) {\n  // The rule itself is shared with the AI node-tree validator (AGL-2905);\n  // what stays here is the bitflag vocabulary the drop indicator reads.\n  const failed = checkLinealOrder(componentId, pluginId, linealOrder)\n  if (failed === 'component') {\n    throw InvalidLinealRelationFlag.DISALLOW_COMPONENT | governor\n  }\n  if (failed === 'plugin') {\n    throw InvalidLinealRelationFlag.DISALLOW_BUNDLE | governor\n  }\n}\n\nexport type LinealItem = {\n  componentId?: Aglyn.ComponentId\n  pluginId?: Aglyn.PluginId\n  restrictParent?: Aglyn.ComponentsLinealOrder\n  restrictChildren?: Aglyn.ComponentsLinealOrder\n}\n\nfunction componentLabel(componentId?: Aglyn.ComponentId): string | undefined {\n  if (!componentId) return undefined\n  return components.getLabel(componentId) ?? componentId\n}\n\nfunction allowedComponentLabels(\n  linealOrder?: Aglyn.ComponentsLinealOrder,\n): string[] {\n  if (!linealOrder) return []\n  const [directiveType, directiveDefinition] = linealOrder\n  if (directiveType !== LinealDirectiveFlag.LIMIT_TO) return []\n  const components = _isArr(directiveDefinition)\n    ? directiveDefinition\n    : directiveDefinition?.components\n  return (components ?? [])\n    .map((id) => componentLabel(id))\n    .filter(Boolean) as string[]\n}\n\n/**\n * Human-readable explanation for a failed lineal validation, e.g.\n * \"Toolbar Content must be placed inside App Bar\". Pair with the reason\n * flag returned by {@link confirmValidLinealRelationship}.\n */\nexport function describeInvalidLinealRelationship(\n  item: LinealItem,\n  parent: LinealItem,\n  reason: InvalidLinealRelationFlag,\n): string {\n  const itemLabel = componentLabel(item.componentId) ?? 'This element'\n  const parentLabel =\n    parent.componentId && parent.componentId !== 'div'\n      ? (componentLabel(parent.componentId) ?? parent.componentId)\n      : 'the document'\n\n  // ITEM governor: the dragged element's own restrictParent failed.\n  if (reason & InvalidLinealRelationFlag.ITEM) {\n    const allowed = allowedComponentLabels(item.restrictParent)\n    if (allowed.length) {\n      return `${itemLabel} must be placed inside ${allowed.join(' or ')}`\n    }\n    return `${itemLabel} can't be placed inside ${parentLabel}`\n  }\n\n  // PARENT governor: the target's restrictChildren failed.\n  const allowed = allowedComponentLabels(parent.restrictChildren)\n  if (allowed.length) {\n    return `${parentLabel} only accepts ${allowed.join(', ')}`\n  }\n  return `${parentLabel} doesn't accept ${itemLabel}`\n}\n\nexport function confirmValidLinealRelationship(\n  item: LinealItem,\n  parent: LinealItem,\n): ConfirmValidLinealRelationshipResponse {\n  try {\n    if (item.restrictParent) {\n      validateLinealOrder(\n        parent.componentId,\n        parent.pluginId,\n        item.restrictParent,\n        InvalidLinealRelationFlag.ITEM,\n      )\n    }\n    if (parent.restrictChildren) {\n      validateLinealOrder(\n        item.componentId,\n        item.pluginId,\n        parent.restrictChildren,\n        InvalidLinealRelationFlag.PARENT,\n      )\n    }\n  } catch (e) {\n    console.error(e)\n    if (typeof e === 'number') {\n      return [false, e]\n    }\n    throw e\n  }\n\n  return [true]\n}\nexport default confirmValidLinealRelationship\n"],"names":["checkLinealOrder","components","LinealDirectiveFlag","_isArr","InvalidLinealRelationFlag","validateLinealOrder","componentId","pluginId","linealOrder","governor","failed","componentLabel","undefined","getLabel","allowedComponentLabels","directiveType","directiveDefinition","LIMIT_TO","map","id","filter","Boolean","describeInvalidLinealRelationship","item","parent","reason","itemLabel","parentLabel","allowed","restrictParent","length","join","restrictChildren","confirmValidLinealRelationship","e","console","error"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAGD,SAASA,gBAAgB,EAAEC,UAAU,EAAEC,mBAAmB,QAAQ,eAAc;AAChF,SAASC,MAAM,QAAQ,2BAA0B;AAEjD,OAAO,IAAA,AAAKC,mDAAAA;sEACC;sEACA;kEAEJ;oEACE;uEAEG;oEACH;;;;;;;;;;;;;WARCA;MAwBX;AAKD,SAASC,oBACPC,WAA8B,EAC9BC,QAAwB,EACxBC,WAAwC,EACxCC,QAE2C;IAE3C,wEAAwE;IACxE,sEAAsE;IACtE,MAAMC,SAASV,iBAAiBM,aAAaC,UAAUC;IACvD,IAAIE,WAAW,aAAa;QAC1B,MAAMN,KAA+CK;IACvD;IACA,IAAIC,WAAW,UAAU;QACvB,MAAMN,KAA4CK;IACpD;AACF;AASA,SAASE,eAAeL,WAA+B;QAE9CL;IADP,IAAI,CAACK,aAAa,OAAOM;IACzB,QAAOX,uBAAAA,WAAWY,QAAQ,CAACP,wBAApBL,uBAAoCK;AAC7C;AAEA,SAASQ,uBACPN,WAAyC;IAEzC,IAAI,CAACA,aAAa,OAAO,EAAE;IAC3B,MAAM,CAACO,eAAeC,oBAAoB,GAAGR;IAC7C,IAAIO,kBAAkBb,oBAAoBe,QAAQ,EAAE,OAAO,EAAE;IAC7D,MAAMhB,aAAaE,OAAOa,uBACtBA,sBACAA,uCAAAA,oBAAqBf,UAAU;IACnC,OAAO,CAACA,qBAAAA,aAAc,EAAE,EACrBiB,GAAG,CAAC,CAACC,KAAOR,eAAeQ,KAC3BC,MAAM,CAACC;AACZ;AAEA;;;;CAIC,GACD,OAAO,SAASC,kCACdC,IAAgB,EAChBC,MAAkB,EAClBC,MAAiC;QAEfd,iBAGXA;IAHP,MAAMe,aAAYf,kBAAAA,eAAeY,KAAKjB,WAAW,aAA/BK,kBAAoC;IACtD,MAAMgB,cACJH,OAAOlB,WAAW,IAAIkB,OAAOlB,WAAW,KAAK,SACxCK,mBAAAA,eAAea,OAAOlB,WAAW,aAAjCK,mBAAsCa,OAAOlB,WAAW,GACzD;IAEN,kEAAkE;IAClE,IAAImB,SAvFG,MAuFsC;QAC3C,MAAMG,UAAUd,uBAAuBS,KAAKM,cAAc;QAC1D,IAAID,QAAQE,MAAM,EAAE;YAClB,OAAO,GAAGJ,UAAU,uBAAuB,EAAEE,QAAQG,IAAI,CAAC,SAAS;QACrE;QACA,OAAO,GAAGL,UAAU,wBAAwB,EAAEC,aAAa;IAC7D;IAEA,yDAAyD;IACzD,MAAMC,UAAUd,uBAAuBU,OAAOQ,gBAAgB;IAC9D,IAAIJ,QAAQE,MAAM,EAAE;QAClB,OAAO,GAAGH,YAAY,cAAc,EAAEC,QAAQG,IAAI,CAAC,OAAO;IAC5D;IACA,OAAO,GAAGJ,YAAY,gBAAgB,EAAED,WAAW;AACrD;AAEA,OAAO,SAASO,+BACdV,IAAgB,EAChBC,MAAkB;IAElB,IAAI;QACF,IAAID,KAAKM,cAAc,EAAE;YACvBxB,oBACEmB,OAAOlB,WAAW,EAClBkB,OAAOjB,QAAQ,EACfgB,KAAKM,cAAc,EAhHlB;QAmHL;QACA,IAAIL,OAAOQ,gBAAgB,EAAE;YAC3B3B,oBACEkB,KAAKjB,WAAW,EAChBiB,KAAKhB,QAAQ,EACbiB,OAAOQ,gBAAgB,EAvHpB;QA0HP;IACF,EAAE,OAAOE,GAAG;QACVC,QAAQC,KAAK,CAACF;QACd,IAAI,OAAOA,MAAM,UAAU;YACzB,OAAO;gBAAC;gBAAOA;aAAE;QACnB;QACA,MAAMA;IACR;IAEA,OAAO;QAAC;KAAK;AACf;AACA,eAAeD,+BAA8B"}

package/src/lib/dnd-manager/dnd-manager.d.ts

@@ -0,0 +1,75 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type * as Aglyn from '@aglyn/aglyn';
+import { type ConfirmValidLinealRelationshipResponse } from './confirm-valid-lineal-relationship';
+export declare enum DragType {
+    CANVAS = "canvas",
+    PRESET = "preset",
+    TREE = "tree"
+}
+export declare enum DropAreaType {
+    BEFORE = 1,
+    INSIDE = 2,
+    AFTER = 3
+}
+export declare enum DropRegion {
+    CHILDREN = "children",
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left"
+}
+export type DraggableNode = Aglyn.NodeSchema<any> | Aglyn.PresetSchema<any>;
+export declare class DndManager {
+    drag?: DraggableNode;
+    drop?: DraggableNode;
+    dropRegion?: DropRegion | null;
+    get intoArea(): DropAreaType;
+    get computedDrop(): DraggableNode;
+    get hasDragTarget(): boolean;
+    get hasDropTarget(): boolean;
+    get dragBreadcrumbs(): Aglyn.NodeBreadcrumbPath | false;
+    get dropBreadcrumbs(): Aglyn.NodeBreadcrumbPath | false;
+    get dropIsInsideDrag(): boolean;
+    /**
+     * Multi-drag (AGL-13): when the dragged node is part of the current
+     * multi-selection, every draggable selected node moves; otherwise just
+     * the dragged node. Presets never join a selection.
+     */
+    get dragNodes(): DraggableNode[];
+    /** Item/parent descriptors for the pending drop, or null without targets. */
+    private get dropRelationshipActors();
+    get linealValidation(): ConfirmValidLinealRelationshipResponse;
+    get isValidLinealRelationship(): boolean;
+    /**
+     * Human-readable reason the pending drop would be rejected, or null when
+     * the drop is valid (or there is nothing to validate). Read this before
+     * onDragEnd — completing the drag clears the dnd state.
+     */
+    describeDropRejection(): string | null;
+    constructor();
+    isDraggingNode(node: DraggableNode): boolean;
+    isDraggingDropNode(node: DraggableNode): boolean;
+    isDraggingOverDropNode(node: DraggableNode): boolean;
+    canDragNode(node: DraggableNode): boolean;
+    clearDndStatus(): this;
+    setDragNode(node: DraggableNode): this;
+    setDropNode(node: DraggableNode): this;
+    setDropRegion(region: DropRegion): this;
+    onDragEnd(): void;
+}
+export default DndManager;

package/src/lib/dnd-manager/dnd-manager.js

@@ -0,0 +1,337 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { canvas, components, isFeatureEnabled, NodeType } from "@aglyn/aglyn";
+import { confirmValidLinealRelationship, describeInvalidLinealRelationship } from "./confirm-valid-lineal-relationship.js";
+import { makeAutoObservable } from "mobx";
+import { getSelected, isNodeSelected } from "../focus-manager/focus-manager.js";
+export var DragType = /*#__PURE__*/ function(DragType) {
+    DragType["CANVAS"] = "canvas";
+    DragType["PRESET"] = "preset";
+    DragType["TREE"] = "tree";
+    return DragType;
+}({});
+export var DropAreaType = /*#__PURE__*/ function(DropAreaType) {
+    DropAreaType[DropAreaType["BEFORE"] = 0x1] = "BEFORE";
+    DropAreaType[DropAreaType["INSIDE"] = 0x2] = "INSIDE";
+    DropAreaType[DropAreaType["AFTER"] = 0x3] = "AFTER";
+    return DropAreaType;
+}({});
+export var DropRegion = /*#__PURE__*/ function(DropRegion) {
+    DropRegion["CHILDREN"] = "children";
+    DropRegion["TOP"] = "top";
+    DropRegion["RIGHT"] = "right";
+    DropRegion["BOTTOM"] = "bottom";
+    DropRegion["LEFT"] = "left";
+    return DropRegion;
+}({});
+export class DndManager {
+    get intoArea() {
+        switch(this.dropRegion){
+            case "top":
+            case "left":
+                return 0x1;
+            case "right":
+            case "bottom":
+                return 0x3;
+        }
+        return 0x2;
+    }
+    get computedDrop() {
+        if (!this.drop) return this.drop;
+        if (canvas.isRootNode(this.drop)) return this.drop;
+        if (!this.dropRegion) return this.drop;
+        if (this.dropRegion === "children") {
+            // A leaf (self-closing / text-editable) has no slot for node children,
+            // so a center/CHILDREN drop resolves against its PARENT and lands as a
+            // sibling — mirroring the Insert menu's leaf handling (AGL-575). This
+            // also makes the lineal check validate against the real parent instead
+            // of the leaf, which (declaring no restrictChildren) would wrongly pass.
+            const node = canvas.getNode(this.drop.$id);
+            if (node && !canvas.nodeAcceptsChildren(node)) return node.parent;
+            return this.drop;
+        }
+        return canvas.getNode(this.drop.$id).parent;
+    }
+    get hasDragTarget() {
+        return Boolean(this.drag);
+    }
+    get hasDropTarget() {
+        return Boolean(this.drop);
+    }
+    get dragBreadcrumbs() {
+        var _this_drag;
+        if (!this.hasDragTarget) return false;
+        return (_this_drag = this.drag) == null ? void 0 : _this_drag.breadcrumbPath;
+    }
+    get dropBreadcrumbs() {
+        var _this_drop;
+        if (!this.hasDropTarget) return false;
+        return (_this_drop = this.drop) == null ? void 0 : _this_drop.breadcrumbPath;
+    }
+    get dropIsInsideDrag() {
+        var _this_computedDrop_breadcrumbPath, _this_computedDrop;
+        return Boolean((_this_computedDrop = this.computedDrop) == null ? void 0 : (_this_computedDrop_breadcrumbPath = _this_computedDrop.breadcrumbPath) == null ? void 0 : _this_computedDrop_breadcrumbPath.some((i)=>{
+            var _this_drag;
+            return i === ((_this_drag = this.drag) == null ? void 0 : _this_drag.$id);
+        }));
+    }
+    /**
+   * Multi-drag (AGL-13): when the dragged node is part of the current
+   * multi-selection, every draggable selected node moves; otherwise just
+   * the dragged node. Presets never join a selection.
+   */ get dragNodes() {
+        if (this.drag && this.drag.type === NodeType.NODE && isNodeSelected(this.drag)) {
+            const selected = getSelected().filter((node)=>this.canDragNode(node));
+            if (selected.length > 1) {
+                // Document order (not selection order) so relative positions
+                // survive the move: compare breadcrumb paths by sibling index.
+                const orderKey = (node)=>{
+                    var _node_breadcrumbPath;
+                    return ((_node_breadcrumbPath = node.breadcrumbPath) != null ? _node_breadcrumbPath : []).map((id)=>{
+                        try {
+                            return canvas.getNodeIndex(canvas.getNode(id));
+                        } catch (unused) {
+                            return 0;
+                        }
+                    });
+                };
+                return [
+                    ...selected
+                ].sort((a, b)=>{
+                    const left = orderKey(a);
+                    const right = orderKey(b);
+                    for(let i = 0; i < Math.max(left.length, right.length); i += 1){
+                        var _left_i, _right_i;
+                        const diff = ((_left_i = left[i]) != null ? _left_i : -1) - ((_right_i = right[i]) != null ? _right_i : -1);
+                        if (diff !== 0) return diff;
+                    }
+                    return 0;
+                });
+            }
+            if (selected.length === 1) return selected;
+        }
+        return this.drag ? [
+            this.drag
+        ] : [];
+    }
+    /** Item/parent descriptors for the pending drop, or null without targets. */ get dropRelationshipActors() {
+        var _this_computedDrop, _this_computedDrop1, _this_computedDrop_componentSchema, _this_computedDrop2, _this_computedDrop_componentSchema1, _this_computedDrop3, _this_drag, _this_drag1, _this_drag2, _this_drag_componentSchema, _this_drag3, _this_drag_componentSchema1, _this_drag4;
+        if (!this.hasDragTarget || !this.hasDropTarget) return null;
+        const parent = {
+            pluginId: (_this_computedDrop = this.computedDrop) == null ? void 0 : _this_computedDrop.pluginId,
+            componentId: (_this_computedDrop1 = this.computedDrop) == null ? void 0 : _this_computedDrop1.componentId,
+            restrictChildren: (_this_computedDrop2 = this.computedDrop) == null ? void 0 : (_this_computedDrop_componentSchema = _this_computedDrop2.componentSchema) == null ? void 0 : _this_computedDrop_componentSchema.restrictChildren,
+            restrictParent: (_this_computedDrop3 = this.computedDrop) == null ? void 0 : (_this_computedDrop_componentSchema1 = _this_computedDrop3.componentSchema) == null ? void 0 : _this_computedDrop_componentSchema1.restrictParent
+        };
+        if (((_this_drag = this.drag) == null ? void 0 : _this_drag.type) === NodeType.PRESET) {
+            var _preset_data;
+            const preset = this.drag;
+            const itemNode = preset.data;
+            const itemSchema = components.getSchema(itemNode == null ? void 0 : itemNode.componentId);
+            return {
+                item: {
+                    pluginId: (_preset_data = preset.data) == null ? void 0 : _preset_data.pluginId,
+                    componentId: itemNode == null ? void 0 : itemNode.componentId,
+                    restrictChildren: itemSchema == null ? void 0 : itemSchema.restrictChildren,
+                    restrictParent: itemSchema == null ? void 0 : itemSchema.restrictParent
+                },
+                parent
+            };
+        }
+        return {
+            item: {
+                pluginId: (_this_drag1 = this.drag) == null ? void 0 : _this_drag1.pluginId,
+                componentId: (_this_drag2 = this.drag) == null ? void 0 : _this_drag2.componentId,
+                restrictChildren: (_this_drag3 = this.drag) == null ? void 0 : (_this_drag_componentSchema = _this_drag3.componentSchema) == null ? void 0 : _this_drag_componentSchema.restrictChildren,
+                restrictParent: (_this_drag4 = this.drag) == null ? void 0 : (_this_drag_componentSchema1 = _this_drag4.componentSchema) == null ? void 0 : _this_drag_componentSchema1.restrictParent
+            },
+            parent
+        };
+    }
+    get linealValidation() {
+        const actors = this.dropRelationshipActors;
+        if (!actors) return [
+            false,
+            0
+        ];
+        return confirmValidLinealRelationship(actors.item, actors.parent);
+    }
+    get isValidLinealRelationship() {
+        return this.linealValidation[0];
+    }
+    /**
+   * Human-readable reason the pending drop would be rejected, or null when
+   * the drop is valid (or there is nothing to validate). Read this before
+   * onDragEnd — completing the drag clears the dnd state.
+   */ describeDropRejection() {
+        const actors = this.dropRelationshipActors;
+        if (!actors) return null;
+        if (this.dropIsInsideDrag) {
+            return "An element can't be moved inside itself";
+        }
+        // Says out loud what `onDragEnd` refuses silently: the resolved parent
+        // has no slot a child could render into (AGL-1405).
+        const into = this.computedDrop;
+        if (into && !canvas.nodeAcceptsChildren(into)) {
+            return `${into.labelShort || 'That element'} can't hold other elements`;
+        }
+        const [valid, reason] = confirmValidLinealRelationship(actors.item, actors.parent);
+        if (valid) return null;
+        return describeInvalidLinealRelationship(actors.item, actors.parent, reason);
+    }
+    isDraggingNode(node) {
+        var _this_drag;
+        if (!node) return false;
+        return (node == null ? void 0 : node.$id) === ((_this_drag = this.drag) == null ? void 0 : _this_drag.$id);
+    }
+    isDraggingDropNode(node) {
+        var _this_drop;
+        if (!node) return false;
+        return (node == null ? void 0 : node.$id) === ((_this_drop = this.drop) == null ? void 0 : _this_drop.$id);
+    }
+    isDraggingOverDropNode(node) {
+        if (!node) return false;
+        const breadcrumbs = this.dropBreadcrumbs;
+        return Array.isArray(breadcrumbs) && breadcrumbs.indexOf(node == null ? void 0 : node.$id) >= 0;
+    }
+    canDragNode(node) {
+        if (!node) throw new Error('Invalid node');
+        switch(true){
+            case canvas.isRootNode(node):
+                return false;
+            case (node == null ? void 0 : node.type) === NodeType.PRESET:
+                return true;
+            case (node == null ? void 0 : node.type) === NodeType.NODE:
+                var _node_componentSchema_flags, _node_componentSchema;
+                return isFeatureEnabled(node == null ? void 0 : (_node_componentSchema = node.componentSchema) == null ? void 0 : (_node_componentSchema_flags = _node_componentSchema.flags) == null ? void 0 : _node_componentSchema_flags.dragging);
+            default:
+                return false;
+        }
+    }
+    clearDndStatus() {
+        this.drag = null;
+        this.drop = null;
+        this.dropRegion = null;
+        return this;
+    }
+    setDragNode(node) {
+        this.drag = node || null;
+        return this;
+    }
+    setDropNode(node) {
+        this.drop = node || null;
+        return this;
+    }
+    setDropRegion(region) {
+        this.dropRegion = region || null;
+        return this;
+    }
+    onDragEnd() {
+        if (!this.drop || !this.drag) return;
+        if (this.dropIsInsideDrag) return;
+        if (!this.isValidLinealRelationship) return;
+        const dragNode = this.drag;
+        const dropNode = this.drop;
+        const region = this.dropRegion;
+        const before = region === "top" || region === "left";
+        const after = region === "right" || region === "bottom";
+        let position = NaN;
+        let parent;
+        if (before || after) {
+            parent = canvas.getNode(dropNode.parentId);
+            position = canvas.getNodeIndex(dropNode);
+            if (after) position = position + 1;
+        } else {
+            const dropTarget = canvas.getNode(dropNode.$id);
+            // Leaf redirect (AGL-575 parallel): a self-closing / text-editable
+            // target has no children slot, so a center drop becomes a sibling right
+            // after it rather than a nested child. Non-leaf containers still nest.
+            if (dropTarget && dropNode.parentId && !canvas.nodeAcceptsChildren(dropTarget)) {
+                const leafIndex = canvas.getNodeIndex(dropTarget);
+                parent = canvas.getNode(dropNode.parentId);
+                if (leafIndex > -1) position = leafIndex + 1;
+            } else {
+                parent = dropTarget;
+            }
+        }
+        // The redirect above only rescues a drop aimed AT a leaf. An edge drop
+        // resolves to the drop node's existing parent, and that parent may itself
+        // be unable to hold children — a node already trapped under a `markdown`
+        // block (AGL-1388) has exactly that shape, so dropping a sibling next to
+        // it would deepen the same hole. `reparentNode` refuses this outright
+        // now (AGL-1405); catch it here so a drag ends quietly instead of
+        // throwing out of the pointer handler.
+        if (!parent || !canvas.nodeAcceptsChildren(parent)) {
+            this.clearDndStatus();
+            return;
+        }
+        if (dragNode.type === NodeType.PRESET) {
+            canvas.addNodeFromPreset(dragNode, parent, position);
+        // Besigner.focus.setSelectedNode(newNode)
+        } else {
+            // Multi-drag (AGL-13): move the whole selection when the dragged
+            // node is selected. Per-node guards mirror the single-node checks —
+            // nodes that contain the drop target or fail the lineal rules are
+            // skipped rather than failing the whole move. Sequential inserts
+            // with an advancing position preserve document order (CANVAS and
+            // TREE drags both land here).
+            const parentSchema = components.getSchema(parent == null ? void 0 : parent.componentId);
+            for (const node of this.dragNodes){
+                var _this_computedDrop_breadcrumbPath, _this_computedDrop, _node_componentSchema, _node_componentSchema1;
+                if (node.type !== NodeType.NODE) continue;
+                const containsDrop = Boolean((_this_computedDrop = this.computedDrop) == null ? void 0 : (_this_computedDrop_breadcrumbPath = _this_computedDrop.breadcrumbPath) == null ? void 0 : _this_computedDrop_breadcrumbPath.some((id)=>id === node.$id));
+                if (containsDrop) continue;
+                const [valid] = confirmValidLinealRelationship({
+                    pluginId: node.pluginId,
+                    componentId: node.componentId,
+                    restrictChildren: node == null ? void 0 : (_node_componentSchema = node.componentSchema) == null ? void 0 : _node_componentSchema.restrictChildren,
+                    restrictParent: node == null ? void 0 : (_node_componentSchema1 = node.componentSchema) == null ? void 0 : _node_componentSchema1.restrictParent
+                }, {
+                    pluginId: parent == null ? void 0 : parent.pluginId,
+                    componentId: parent == null ? void 0 : parent.componentId,
+                    restrictChildren: parentSchema == null ? void 0 : parentSchema.restrictChildren,
+                    restrictParent: parentSchema == null ? void 0 : parentSchema.restrictParent
+                });
+                if (!valid) continue;
+                // An edge drop names a GAP in the sibling list as it stands now —
+                // "before whatever is at index 2". `reparentNode` indexes the list it
+                // is left with, after this node has been spliced out of it. Those
+                // agree for a drop into a different parent; among the node's OWN
+                // siblings every slot past it shifts down by one, so without this the
+                // drag lands one place late — and dropping a node just above itself
+                // resolves to the slot it is already in, which is what made the
+                // hierarchy drag look inert (AGL-1405).
+                let at = position;
+                if (!Number.isNaN(at) && node.parentId === (parent == null ? void 0 : parent.$id)) {
+                    const from = canvas.getNodeIndex(node);
+                    if (from > -1 && from < at) at -= 1;
+                }
+                canvas.reparentNode(node, parent, at);
+                if (!Number.isNaN(position)) position += 1;
+            }
+        }
+        this.clearDndStatus();
+    }
+    constructor(){
+        this.drag = null;
+        this.drop = null;
+        this.dropRegion = null;
+        makeAutoObservable(this);
+    }
+}
+export default DndManager;
+
+//# sourceMappingURL=dnd-manager.js.map

package/src/lib/dnd-manager/dnd-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/besigner/core/src/lib/dnd-manager/dnd-manager.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type * as Aglyn from '@aglyn/aglyn'\nimport { canvas, components, isFeatureEnabled, NodeType } from '@aglyn/aglyn'\nimport {\n  confirmValidLinealRelationship,\n  type ConfirmValidLinealRelationshipResponse,\n  describeInvalidLinealRelationship,\n  type InvalidLinealRelationFlag,\n  type LinealItem,\n} from './confirm-valid-lineal-relationship'\nimport { makeAutoObservable } from 'mobx'\nimport { getSelected, isNodeSelected } from '../focus-manager/focus-manager'\n\nexport enum DragType {\n  CANVAS = 'canvas',\n  PRESET = 'preset',\n  TREE = 'tree',\n}\n\nexport enum DropAreaType {\n  BEFORE = 0x1,\n  INSIDE = 0x2,\n  AFTER = 0x3,\n}\n\nexport enum DropRegion {\n  CHILDREN = 'children',\n  TOP = 'top',\n  RIGHT = 'right',\n  BOTTOM = 'bottom',\n  LEFT = 'left',\n}\n\nexport type DraggableNode = Aglyn.NodeSchema<any> | Aglyn.PresetSchema<any>\n\nexport class DndManager {\n  drag?: DraggableNode = null\n  drop?: DraggableNode = null\n  dropRegion?: DropRegion | null = null\n  public get intoArea(): DropAreaType {\n    switch (this.dropRegion) {\n      case DropRegion.TOP:\n      case DropRegion.LEFT:\n        return DropAreaType.BEFORE\n      case DropRegion.RIGHT:\n      case DropRegion.BOTTOM:\n        return DropAreaType.AFTER\n    }\n\n    return DropAreaType.INSIDE\n  }\n\n  public get computedDrop() {\n    if (!this.drop) return this.drop\n    if (canvas.isRootNode(this.drop)) return this.drop\n    if (!this.dropRegion) return this.drop\n    if (this.dropRegion === DropRegion.CHILDREN) {\n      // A leaf (self-closing / text-editable) has no slot for node children,\n      // so a center/CHILDREN drop resolves against its PARENT and lands as a\n      // sibling — mirroring the Insert menu's leaf handling (AGL-575). This\n      // also makes the lineal check validate against the real parent instead\n      // of the leaf, which (declaring no restrictChildren) would wrongly pass.\n      const node = canvas.getNode(this.drop.$id)\n      if (node && !canvas.nodeAcceptsChildren(node)) return node.parent\n      return this.drop\n    }\n    return canvas.getNode(this.drop.$id).parent\n  }\n\n  public get hasDragTarget(): boolean {\n    return Boolean(this.drag)\n  }\n  public get hasDropTarget(): boolean {\n    return Boolean(this.drop)\n  }\n  public get dragBreadcrumbs(): Aglyn.NodeBreadcrumbPath | false {\n    if (!this.hasDragTarget) return false\n    return this.drag?.breadcrumbPath\n  }\n  public get dropBreadcrumbs(): Aglyn.NodeBreadcrumbPath | false {\n    if (!this.hasDropTarget) return false\n    return this.drop?.breadcrumbPath\n  }\n  public get dropIsInsideDrag() {\n    return Boolean(\n      this.computedDrop?.breadcrumbPath?.some((i) => i === this.drag?.$id),\n    )\n  }\n  /**\n   * Multi-drag (AGL-13): when the dragged node is part of the current\n   * multi-selection, every draggable selected node moves; otherwise just\n   * the dragged node. Presets never join a selection.\n   */\n  public get dragNodes(): DraggableNode[] {\n    if (\n      this.drag &&\n      this.drag.type === NodeType.NODE &&\n      isNodeSelected(this.drag as Aglyn.NodeSchema<any>)\n    ) {\n      const selected = getSelected().filter((node) => this.canDragNode(node))\n      if (selected.length > 1) {\n        // Document order (not selection order) so relative positions\n        // survive the move: compare breadcrumb paths by sibling index.\n        const orderKey = (node: Aglyn.NodeSchema<any>): number[] =>\n          (node.breadcrumbPath ?? []).map((id) => {\n            try {\n              return canvas.getNodeIndex(canvas.getNode(id))\n            } catch {\n              return 0\n            }\n          })\n        return [...selected].sort((a, b) => {\n          const left = orderKey(a)\n          const right = orderKey(b)\n          for (let i = 0; i < Math.max(left.length, right.length); i += 1) {\n            const diff = (left[i] ?? -1) - (right[i] ?? -1)\n            if (diff !== 0) return diff\n          }\n          return 0\n        })\n      }\n      if (selected.length === 1) return selected\n    }\n    return this.drag ? [this.drag] : []\n  }\n  /** Item/parent descriptors for the pending drop, or null without targets. */\n  private get dropRelationshipActors(): {\n    item: LinealItem\n    parent: LinealItem\n  } | null {\n    if (!this.hasDragTarget || !this.hasDropTarget) return null\n    const parent: LinealItem = {\n      pluginId: this.computedDrop?.pluginId,\n      componentId: this.computedDrop?.componentId,\n      restrictChildren: this.computedDrop?.componentSchema?.restrictChildren,\n      restrictParent: this.computedDrop?.componentSchema?.restrictParent,\n    }\n\n    if (this.drag?.type === NodeType.PRESET) {\n      const preset = this.drag as Aglyn.PresetSchema<any>\n      const itemNode = preset.data\n      const itemSchema = components.getSchema(itemNode?.componentId)\n      return {\n        item: {\n          pluginId: preset.data?.pluginId,\n          componentId: itemNode?.componentId,\n          restrictChildren: itemSchema?.restrictChildren,\n          restrictParent: itemSchema?.restrictParent,\n        },\n        parent,\n      }\n    }\n    return {\n      item: {\n        pluginId: this.drag?.pluginId,\n        componentId: this.drag?.componentId,\n        restrictChildren: this.drag?.componentSchema?.restrictChildren,\n        restrictParent: this.drag?.componentSchema?.restrictParent,\n      },\n      parent,\n    }\n  }\n\n  public get linealValidation(): ConfirmValidLinealRelationshipResponse {\n    const actors = this.dropRelationshipActors\n    if (!actors) return [false, 0 as InvalidLinealRelationFlag]\n    return confirmValidLinealRelationship(actors.item, actors.parent)\n  }\n\n  public get isValidLinealRelationship(): boolean {\n    return this.linealValidation[0]\n  }\n\n  /**\n   * Human-readable reason the pending drop would be rejected, or null when\n   * the drop is valid (or there is nothing to validate). Read this before\n   * onDragEnd — completing the drag clears the dnd state.\n   */\n  public describeDropRejection(): string | null {\n    const actors = this.dropRelationshipActors\n    if (!actors) return null\n    if (this.dropIsInsideDrag) {\n      return \"An element can't be moved inside itself\"\n    }\n    // Says out loud what `onDragEnd` refuses silently: the resolved parent\n    // has no slot a child could render into (AGL-1405).\n    const into = this.computedDrop as Aglyn.NodeSchema<any>\n    if (into && !canvas.nodeAcceptsChildren(into)) {\n      return `${into.labelShort || 'That element'} can't hold other elements`\n    }\n    const [valid, reason] = confirmValidLinealRelationship(\n      actors.item,\n      actors.parent,\n    )\n    if (valid) return null\n    return describeInvalidLinealRelationship(actors.item, actors.parent, reason)\n  }\n\n  constructor() {\n    makeAutoObservable(this)\n  }\n\n  public isDraggingNode(node: DraggableNode): boolean {\n    if (!node) return false\n    return node?.$id === this.drag?.$id\n  }\n  public isDraggingDropNode(node: DraggableNode): boolean {\n    if (!node) return false\n    return node?.$id === this.drop?.$id\n  }\n  public isDraggingOverDropNode(node: DraggableNode): boolean {\n    if (!node) return false\n    const breadcrumbs = this.dropBreadcrumbs\n    return Array.isArray(breadcrumbs) && breadcrumbs.indexOf(node?.$id) >= 0\n  }\n  canDragNode(node: DraggableNode): boolean {\n    if (!node) throw new Error('Invalid node')\n    switch (true) {\n      case canvas.isRootNode(node):\n        return false\n      case node?.type === NodeType.PRESET:\n        return true\n      case node?.type === NodeType.NODE:\n        return isFeatureEnabled(\n          (node as Aglyn.NodeSchema<any>)?.componentSchema?.flags?.dragging,\n        )\n      default:\n        return false\n    }\n  }\n\n  public clearDndStatus() {\n    this.drag = null\n    this.drop = null\n    this.dropRegion = null\n    return this\n  }\n\n  public setDragNode(node: DraggableNode) {\n    this.drag = node || null\n    return this\n  }\n  public setDropNode(node: DraggableNode) {\n    this.drop = node || null\n    return this\n  }\n  public setDropRegion(region: DropRegion) {\n    this.dropRegion = region || null\n    return this\n  }\n  public onDragEnd() {\n    if (!this.drop || !this.drag) return\n    if (this.dropIsInsideDrag) return\n    if (!this.isValidLinealRelationship) return\n\n    const dragNode = this.drag\n    const dropNode = this.drop\n    const region = this.dropRegion\n    const before = region === DropRegion.TOP || region === DropRegion.LEFT\n    const after = region === DropRegion.RIGHT || region === DropRegion.BOTTOM\n    let position = NaN\n    let parent\n\n    if (before || after) {\n      parent = canvas.getNode(dropNode.parentId)\n      position = canvas.getNodeIndex(dropNode)\n      if (after) position = position + 1\n    } else {\n      const dropTarget = canvas.getNode(dropNode.$id)\n      // Leaf redirect (AGL-575 parallel): a self-closing / text-editable\n      // target has no children slot, so a center drop becomes a sibling right\n      // after it rather than a nested child. Non-leaf containers still nest.\n      if (\n        dropTarget &&\n        dropNode.parentId &&\n        !canvas.nodeAcceptsChildren(dropTarget)\n      ) {\n        const leafIndex = canvas.getNodeIndex(dropTarget)\n        parent = canvas.getNode(dropNode.parentId)\n        if (leafIndex > -1) position = leafIndex + 1\n      } else {\n        parent = dropTarget\n      }\n    }\n\n    // The redirect above only rescues a drop aimed AT a leaf. An edge drop\n    // resolves to the drop node's existing parent, and that parent may itself\n    // be unable to hold children — a node already trapped under a `markdown`\n    // block (AGL-1388) has exactly that shape, so dropping a sibling next to\n    // it would deepen the same hole. `reparentNode` refuses this outright\n    // now (AGL-1405); catch it here so a drag ends quietly instead of\n    // throwing out of the pointer handler.\n    if (!parent || !canvas.nodeAcceptsChildren(parent)) {\n      this.clearDndStatus()\n      return\n    }\n\n    if (dragNode.type === NodeType.PRESET) {\n      canvas.addNodeFromPreset(dragNode as Aglyn.PresetSchema<any>, parent, position)\n      // Besigner.focus.setSelectedNode(newNode)\n    } else {\n      // Multi-drag (AGL-13): move the whole selection when the dragged\n      // node is selected. Per-node guards mirror the single-node checks —\n      // nodes that contain the drop target or fail the lineal rules are\n      // skipped rather than failing the whole move. Sequential inserts\n      // with an advancing position preserve document order (CANVAS and\n      // TREE drags both land here).\n      const parentSchema = components.getSchema(parent?.componentId)\n      for (const node of this.dragNodes) {\n        if (node.type !== NodeType.NODE) continue\n        const containsDrop = Boolean(\n          this.computedDrop?.breadcrumbPath?.some((id) => id === node.$id),\n        )\n        if (containsDrop) continue\n        const [valid] = confirmValidLinealRelationship(\n          {\n            pluginId: node.pluginId,\n            componentId: node.componentId,\n            restrictChildren: (node as Aglyn.NodeSchema<any>)\n              ?.componentSchema?.restrictChildren,\n            restrictParent: (node as Aglyn.NodeSchema<any>)?.componentSchema\n              ?.restrictParent,\n          },\n          {\n            pluginId: parent?.pluginId,\n            componentId: parent?.componentId,\n            restrictChildren: parentSchema?.restrictChildren,\n            restrictParent: parentSchema?.restrictParent,\n          },\n        )\n        if (!valid) continue\n\n        // An edge drop names a GAP in the sibling list as it stands now —\n        // \"before whatever is at index 2\". `reparentNode` indexes the list it\n        // is left with, after this node has been spliced out of it. Those\n        // agree for a drop into a different parent; among the node's OWN\n        // siblings every slot past it shifts down by one, so without this the\n        // drag lands one place late — and dropping a node just above itself\n        // resolves to the slot it is already in, which is what made the\n        // hierarchy drag look inert (AGL-1405).\n        let at = position\n        if (!Number.isNaN(at) && node.parentId === parent?.$id) {\n          const from = canvas.getNodeIndex(node)\n          if (from > -1 && from < at) at -= 1\n        }\n        canvas.reparentNode(node, parent, at)\n        if (!Number.isNaN(position)) position += 1\n      }\n    }\n\n    this.clearDndStatus()\n  }\n}\n\nexport default DndManager\n"],"names":["canvas","components","isFeatureEnabled","NodeType","confirmValidLinealRelationship","describeInvalidLinealRelationship","makeAutoObservable","getSelected","isNodeSelected","DragType","DropAreaType","DropRegion","DndManager","intoArea","dropRegion","computedDrop","drop","isRootNode","node","getNode","$id","nodeAcceptsChildren","parent","hasDragTarget","Boolean","drag","hasDropTarget","dragBreadcrumbs","breadcrumbPath","dropBreadcrumbs","dropIsInsideDrag","some","i","dragNodes","type","NODE","selected","filter","canDragNode","length","orderKey","map","id","getNodeIndex","sort","a","b","left","right","Math","max","diff","dropRelationshipActors","pluginId","componentId","restrictChildren","componentSchema","restrictParent","PRESET","preset","itemNode","data","itemSchema","getSchema","item","linealValidation","actors","isValidLinealRelationship","describeDropRejection","into","labelShort","valid","reason","isDraggingNode","isDraggingDropNode","isDraggingOverDropNode","breadcrumbs","Array","isArray","indexOf","Error","flags","dragging","clearDndStatus","setDragNode","setDropNode","setDropRegion","region","onDragEnd","dragNode","dropNode","before","after","position","NaN","parentId","dropTarget","leafIndex","addNodeFromPreset","parentSchema","containsDrop","at","Number","isNaN","from","reparentNode"],"mappings":"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"}