@acorex/cdk 20.2.26 → 20.2.27

package/drag-drop/index.d.ts

@@ -16,6 +16,7 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     private viewContainerRef;
     private el;
     private handleDirective;
+    axDrag: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     dragData: _angular_core.InputSignal<unknown>;
     dragDisabled: _angular_core.InputSignal<boolean>;
     dragTransition: _angular_core.InputSignal<boolean>;
@@ -38,13 +39,14 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     private dragStartTime;
     private isDragging;
     private elementOpacity;
-    private isDelayStarted;
     private movedAfterDelay;
     private activePointerId;
     private prevDropZone;
     private dragStartOffset;
     private clonePointerOffset;
     private clonedElementViewRef;
+    private rafId;
+    private pendingPointerEvent;
     private _parentDropList;
     private _currentDropList;
     readonly createCloneElement: _angular_core.Signal<boolean>;
@@ -56,6 +58,7 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     private boundHandlePointerUp;
     private boundHandlePointerDown;
     private boundHandlePointerMove;
+    private listenersAttached;
     ngOnInit(): void;
     ngOnDestroy(): void;
     private setElementTransition;
@@ -68,6 +71,7 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     private preventClicking;
     private handleDropListInteractions;
     private canDropInList;
+    private isCircularReference;
     private dropZoneHoverHandler;
     private dropZoneDropHandler;
     private getDropZonesFromPoint;
@@ -83,7 +87,7 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     private addDocumentListeners;
     private removeDocumentListeners;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDragDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDragDirective, "[axDrag]", never, { "dragData": { "alias": "dragData"; "required": false; "isSignal": true; }; "dragDisabled": { "alias": "dragDisabled"; "required": false; "isSignal": true; }; "dragTransition": { "alias": "dragTransition"; "required": false; "isSignal": true; }; "dragElementClone": { "alias": "dragElementClone"; "required": false; "isSignal": true; }; "dropZoneGroup": { "alias": "dropZoneGroup"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "dragResetOnDblClick": { "alias": "dragResetOnDblClick"; "required": false; "isSignal": true; }; "dragLockAxis": { "alias": "dragLockAxis"; "required": false; "isSignal": true; }; "dragClonedTemplate": { "alias": "dragClonedTemplate"; "required": false; "isSignal": true; }; "dragCursor": { "alias": "dragCursor"; "required": false; "isSignal": true; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; "isSignal": true; }; "dragTransitionDuration": { "alias": "dragTransitionDuration"; "required": false; "isSignal": true; }; }, { "dragPositionChanged": "dragPositionChanged"; }, ["handleDirective"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDragDirective, "[axDrag]", never, { "axDrag": { "alias": "axDrag"; "required": false; "isSignal": true; }; "dragData": { "alias": "dragData"; "required": false; "isSignal": true; }; "dragDisabled": { "alias": "dragDisabled"; "required": false; "isSignal": true; }; "dragTransition": { "alias": "dragTransition"; "required": false; "isSignal": true; }; "dragElementClone": { "alias": "dragElementClone"; "required": false; "isSignal": true; }; "dropZoneGroup": { "alias": "dropZoneGroup"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "dragResetOnDblClick": { "alias": "dragResetOnDblClick"; "required": false; "isSignal": true; }; "dragLockAxis": { "alias": "dragLockAxis"; "required": false; "isSignal": true; }; "dragClonedTemplate": { "alias": "dragClonedTemplate"; "required": false; "isSignal": true; }; "dragCursor": { "alias": "dragCursor"; "required": false; "isSignal": true; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; "isSignal": true; }; "dragTransitionDuration": { "alias": "dragTransitionDuration"; "required": false; "isSignal": true; }; }, { "dragPositionChanged": "dragPositionChanged"; }, ["handleDirective"], never, true, never>;
 }
 
 declare class AXDragHandleDirective {
@@ -93,45 +97,6 @@ declare class AXDragHandleDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDragHandleDirective, "[axDragHandle]", never, {}, {}, never, never, true, never>;
 }
 
-interface AXDropZoneDropEvent extends NXNativeEvent<AXDropZoneDirective, MouseEvent> {
-    dropped: AXDragDirective;
-}
-type AXDropZoneHoverEvent = AXDropZoneDropEvent & {
-    state: 'enter' | 'leave';
-};
-declare class AXDropZoneDirective extends NXComponent implements OnInit {
-    dropZoneGroup: _angular_core.InputSignal<string>;
-    isHovered: _angular_core.WritableSignal<boolean>;
-    readonly element: _angular_core.WritableSignal<HTMLElement>;
-    onElementDrop: _angular_core.OutputEmitterRef<AXDropZoneDropEvent>;
-    onElementHover: _angular_core.OutputEmitterRef<AXDropZoneHoverEvent>;
-    ngOnInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDropZoneDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDropZoneDirective, "[axDropZone]", ["axDropZone"], { "dropZoneGroup": { "alias": "dropZoneGroup"; "required": false; "isSignal": true; }; }, { "onElementDrop": "onElementDrop"; "onElementHover": "onElementHover"; }, never, never, true, never>;
-}
-
-declare class AXDragDropModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDragDropModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXDragDropModule, never, [typeof AXDragDirective, typeof AXDragHandleDirective, typeof AXDropZoneDirective], [typeof AXDragDirective, typeof AXDragHandleDirective, typeof AXDropZoneDirective]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXDragDropModule>;
-}
-
-/**
- * Moves an item one index in an array to another.
- * @param array Array in which to move the item.
- * @param fromIndex Starting index of the item.
- * @param toIndex Index to which the item should be moved.
- */
-declare function moveItemInArray<T = any>(array: T[], fromIndex: number, toIndex: number): void;
-/**
- * Moves an item from one array to another.
- * @param currentArray Array from which to transfer the item.
- * @param targetArray Array into which to put the item.
- * @param currentIndex Index of the item in its current array.
- * @param targetIndex Index at which to insert the item.
- */
-declare function transferArrayItem<T = any>(currentArray: T[], targetArray: T[], currentIndex: number, targetIndex: number): void;
-
 /** Event object emitted when an item is dropped into a drop list. */
 interface AXDropListDroppedEvent extends NXNativeEvent<AXDropListDirective, MouseEvent> {
     item: AXDragDirective;
@@ -150,12 +115,14 @@ interface AXDropListDroppedEvent extends NXNativeEvent<AXDropListDirective, Mous
  * This directive automatically detects `gap` from flexbox/grid layouts and handles
  * items with variable sizes and margins.
  */
-declare class AXDropListDirective extends NXComponent implements OnInit, AfterContentInit {
+declare class AXDropListDirective extends NXComponent implements OnInit, AfterContentInit, OnDestroy {
     private readonly _zone;
     private readonly _renderer;
     private readonly _cdr;
     private readonly _platformId;
     private readonly _hostEl;
+    /** Boolean input matching the directive selector name for conditional application. */
+    axDropList: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     /** Whether sorting within this list is disabled. */
     sortingDisabled: _angular_core.InputSignal<boolean>;
     /** The group this drop list belongs to. Dragging is only allowed between lists of the same group. */
@@ -180,8 +147,11 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
     private readonly _listGap;
     /** A signal-based alias for the orientation input for internal use. */
     private readonly _orientation;
+    /** DOM placeholder element for inter-list drags */
+    private _placeholderElement;
     ngOnInit(): void;
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
     /** Checks if the given drag item is the one currently active in this list. */
     isDragActiveForThisList(dragItem: AXDragDirective): boolean;
     /**
@@ -222,8 +192,12 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
      * @returns The calculated placeholder index.
      */
     private _calculatePlaceholderIndex;
-    /** Applies `transform` styles to all items to create the visual sorting effect. */
+    /** Applies visual shifts - uses placeholder for inter-list, transforms for intra-list. */
     private _applyVisualShifts;
+    /** Creates or moves the placeholder element for inter-list drags */
+    private _updatePlaceholderElement;
+    /** Removes the placeholder element if it exists */
+    private _removePlaceholderElement;
     /**
      * Calculates the required transform in pixels for a single item.
      * @param index The index of the item to transform.
@@ -240,8 +214,47 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
     /** Resets the internal state of the directive to its initial values. */
     resetSortState(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDropListDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDropListDirective, "[axDropList]", ["axDropList"], { "sortingDisabled": { "alias": "sortingDisabled"; "required": false; "isSignal": true; }; "dropListGroup": { "alias": "dropListGroup"; "required": false; "isSignal": true; }; "dropListOrientation": { "alias": "dropListOrientation"; "required": false; "isSignal": true; }; }, { "dropListDropped": "dropListDropped"; }, ["_draggableItems"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDropListDirective, "[axDropList]", ["axDropList"], { "axDropList": { "alias": "axDropList"; "required": false; "isSignal": true; }; "sortingDisabled": { "alias": "sortingDisabled"; "required": false; "isSignal": true; }; "dropListGroup": { "alias": "dropListGroup"; "required": false; "isSignal": true; }; "dropListOrientation": { "alias": "dropListOrientation"; "required": false; "isSignal": true; }; }, { "dropListDropped": "dropListDropped"; }, ["_draggableItems"], never, true, never>;
 }
 
+interface AXDropZoneDropEvent extends NXNativeEvent<AXDropZoneDirective, MouseEvent> {
+    dropped: AXDragDirective;
+}
+type AXDropZoneHoverEvent = AXDropZoneDropEvent & {
+    state: 'enter' | 'leave';
+};
+declare class AXDropZoneDirective extends NXComponent implements OnInit {
+    dropZoneGroup: _angular_core.InputSignal<string>;
+    isHovered: _angular_core.WritableSignal<boolean>;
+    readonly element: _angular_core.WritableSignal<HTMLElement>;
+    onElementDrop: _angular_core.OutputEmitterRef<AXDropZoneDropEvent>;
+    onElementHover: _angular_core.OutputEmitterRef<AXDropZoneHoverEvent>;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDropZoneDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDropZoneDirective, "[axDropZone]", ["axDropZone"], { "dropZoneGroup": { "alias": "dropZoneGroup"; "required": false; "isSignal": true; }; }, { "onElementDrop": "onElementDrop"; "onElementHover": "onElementHover"; }, never, never, true, never>;
+}
+
+declare class AXDragDropModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDragDropModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXDragDropModule, never, [typeof AXDragDirective, typeof AXDragHandleDirective, typeof AXDropListDirective, typeof AXDropZoneDirective], [typeof AXDragDirective, typeof AXDragHandleDirective, typeof AXDropListDirective, typeof AXDropZoneDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXDragDropModule>;
+}
+
+/**
+ * Moves an item one index in an array to another.
+ * @param array Array in which to move the item.
+ * @param fromIndex Starting index of the item.
+ * @param toIndex Index to which the item should be moved.
+ */
+declare function moveItemInArray<T = any>(array: T[], fromIndex: number, toIndex: number): void;
+/**
+ * Moves an item from one array to another.
+ * @param currentArray Array from which to transfer the item.
+ * @param targetArray Array into which to put the item.
+ * @param currentIndex Index of the item in its current array.
+ * @param targetIndex Index at which to insert the item.
+ */
+declare function transferArrayItem<T = any>(currentArray: T[], targetArray: T[], currentIndex: number, targetIndex: number): void;
+
 export { AXDragDirective, AXDragDropModule, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective, moveItemInArray, transferArrayItem };
 export type { AXDropListDroppedEvent, AXDropZoneDropEvent, AXDropZoneHoverEvent };