@acorex/cdk 22.1.7 → 22.2.0-next.0

package/fesm2022/acorex-cdk-dom.mjs

@@ -23,10 +23,10 @@ class AXDomChangeDirective {
         this.mutationObserver.disconnect();
         this.resizeObserver.disconnect();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDomChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXDomChangeDirective, isStandalone: true, selector: "[axDomChange]", outputs: { axMutationObserver: "axMutationObserver", axResizeObserver: "axResizeObserver" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDomChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXDomChangeDirective, isStandalone: true, selector: "[axDomChange]", outputs: { axMutationObserver: "axMutationObserver", axResizeObserver: "axResizeObserver" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDomChangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDomChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDomChange]',

package/fesm2022/acorex-cdk-dom.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-dom.mjs","sources":["../../../../packages/cdk/dom/src/lib/dom-change.directive.ts","../../../../packages/cdk/dom/src/acorex-cdk-dom.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnDestroy, output } from '@angular/core';\n\n@Directive({\n  selector: '[axDomChange]',\n})\nexport class AXDomChangeDirective implements OnDestroy {\n  private mutationObserver: MutationObserver;\n  private resizeObserver: ResizeObserver;\n  private elementRef = inject(ElementRef);\n  public axMutationObserver = output<MutationRecord[]>();\n  public axResizeObserver = output<ResizeObserverEntry[]>();\n\n  constructor() {\n    this.mutationObserver = new MutationObserver((mutations: MutationRecord[]) => {\n      this.axMutationObserver.emit(mutations);\n    });\n\n    this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      this.axResizeObserver.emit(entries);\n    });\n\n    this.mutationObserver.observe(this.elementRef.nativeElement, {\n      attributes: true,\n    });\n\n    this.resizeObserver.observe(this.elementRef.nativeElement, {\n      box: 'border-box',\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.mutationObserver.disconnect();\n    this.resizeObserver.disconnect();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAKa,oBAAoB,CAAA;AAO/B,IAAA,WAAA,GAAA;AAJQ,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAChC,IAAA,CAAA,kBAAkB,GAAG,MAAM,EAAoB;QAC/C,IAAA,CAAA,gBAAgB,GAAG,MAAM,EAAyB;QAGvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAA2B,KAAI;AAC3E,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC;AACzC,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAA8B,KAAI;AAC1E,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC;AACrC,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AAC3D,YAAA,UAAU,EAAE,IAAI;AACjB,SAAA,CAAC;QAEF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AACzD,YAAA,GAAG,EAAE,YAAY;AAClB,SAAA,CAAC;IACJ;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;AAClC,QAAA,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;IAClC;8GA5BW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA;;;ACJD;;AAEG;;;;"}
+{"version":3,"file":"acorex-cdk-dom.mjs","sources":["../../../../packages/cdk/dom/src/lib/dom-change.directive.ts","../../../../packages/cdk/dom/src/acorex-cdk-dom.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnDestroy, output } from '@angular/core';\n\n@Directive({\n  selector: '[axDomChange]',\n})\nexport class AXDomChangeDirective implements OnDestroy {\n  private mutationObserver: MutationObserver;\n  private resizeObserver: ResizeObserver;\n  private elementRef = inject(ElementRef);\n  public axMutationObserver = output<MutationRecord[]>();\n  public axResizeObserver = output<ResizeObserverEntry[]>();\n\n  constructor() {\n    this.mutationObserver = new MutationObserver((mutations: MutationRecord[]) => {\n      this.axMutationObserver.emit(mutations);\n    });\n\n    this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      this.axResizeObserver.emit(entries);\n    });\n\n    this.mutationObserver.observe(this.elementRef.nativeElement, {\n      attributes: true,\n    });\n\n    this.resizeObserver.observe(this.elementRef.nativeElement, {\n      box: 'border-box',\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.mutationObserver.disconnect();\n    this.resizeObserver.disconnect();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAKa,oBAAoB,CAAA;AAO/B,IAAA,WAAA,GAAA;AAJQ,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAChC,IAAA,CAAA,kBAAkB,GAAG,MAAM,EAAoB;QAC/C,IAAA,CAAA,gBAAgB,GAAG,MAAM,EAAyB;QAGvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAA2B,KAAI;AAC3E,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC;AACzC,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAA8B,KAAI;AAC1E,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC;AACrC,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AAC3D,YAAA,UAAU,EAAE,IAAI;AACjB,SAAA,CAAC;QAEF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AACzD,YAAA,GAAG,EAAE,YAAY;AAClB,SAAA,CAAC;IACJ;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;AAClC,QAAA,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;IAClC;8GA5BW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA;;;ACJD;;AAEG;;"}

package/fesm2022/acorex-cdk-drag-drop.mjs

@@ -1,24 +1,34 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, signal, Directive, NgZone, Renderer2, ChangeDetectorRef, PLATFORM_ID, input, output, contentChildren, linkedSignal, DOCUMENT, ViewContainerRef, contentChild, computed, effect, RendererStyleFlags2, NgModule } from '@angular/core';
+import { InjectionToken, inject, ElementRef, signal, DestroyRef, Directive, NgZone, Renderer2, ChangeDetectorRef, PLATFORM_ID, input, output, contentChildren, linkedSignal, DOCUMENT, ViewContainerRef, computed, effect, RendererStyleFlags2, NgModule } from '@angular/core';
 import { isPlatformBrowser } from '@angular/common';
 import { clamp } from 'lodash-es';
 import { NXComponent } from '@acorex/cdk/common';
+import { AXHtmlUtil } from '@acorex/core/utils';
+
+/**
+ * Parent drag instance that nested `axDragHandle` directives register with.
+ * Provided by `AXDragDirective` so handles work inside dynamically created content.
+ */
+const AX_DRAG_PARENT = new InjectionToken('AX_DRAG_PARENT');
 
 class AXDragHandleDirective {
     constructor() {
-        this.el = inject(ElementRef);
+        this.el = inject((ElementRef));
+        this.parent = inject(AX_DRAG_PARENT, { optional: true });
         this.element = signal(this.el.nativeElement, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
+        this.parent?.registerHandle(this);
+        inject(DestroyRef).onDestroy(() => this.parent?.unregisterHandle(this));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXDragHandleDirective, isStandalone: true, selector: "[axDragHandle]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXDragHandleDirective, isStandalone: true, selector: "[axDragHandle]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDragHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDragHandle]',
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * @Directive axDropList
@@ -52,6 +62,8 @@ class AXDropListDirective extends NXComponent {
         ...(ngDevMode ? [{ debugName: "dropListOrientation" }] : /* istanbul ignore next */ []));
         /** Emits when an item is dropped into the list. */
         this.dropListDropped = output();
+        /** Emits when the sort preview transforms change during an active drag. */
+        this.sortPreviewChanged = output();
         /** The `axDrag` directives that are direct children of this list. */
         this._draggableItems = contentChildren(AXDragDirective, { ...(ngDevMode ? { debugName: "_draggableItems" } : /* istanbul ignore next */ {}), descendants: false });
         // --- Internal State Management ---
@@ -72,6 +84,9 @@ class AXDropListDirective extends NXComponent {
         /** The detected `gap` of the list for the current orientation. */
         this._listGap = signal(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "_listGap" }] : /* istanbul ignore next */ []));
+        /** Whether the list is in RTL direction (cached at drag start). */
+        this._isRtl = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_isRtl" }] : /* istanbul ignore next */ []));
         /** Internal orientation state; can be overridden programmatically by host components. */
         this.orientation = linkedSignal(() => this.dropListOrientation(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
@@ -101,6 +116,10 @@ class AXDropListDirective extends NXComponent {
     isDragActiveForThisList(dragItem) {
         return this._activeDragItem() === dragItem;
     }
+    /** Whether the list is horizontal and in RTL direction. */
+    isHorizontalRtl() {
+        return this.orientation() === 'horizontal' && this._isRtl();
+    }
     /**
      * Prepares the list for sorting when a drag operation starts from within this list.
      * @param dragItem The item that is being dragged.
@@ -201,6 +220,7 @@ class AXDropListDirective extends NXComponent {
     /** Caches the geometry of the list and its items at the start of a drag. */
     _cacheGeometry() {
         this._listInitialRect.set(this.element.getBoundingClientRect());
+        this._isRtl.set(AXHtmlUtil.isRtl(this.element));
         this._detectAndCacheListGap();
         const items = [...this._draggableItems()]
             .sort((a, b) => a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1)
@@ -261,7 +281,10 @@ class AXDropListDirective extends NXComponent {
             const itemMidPoint = (this.orientation() === 'vertical' ? sibling.initialRect.top : sibling.initialRect.left) +
                 scrollDelta +
                 (this.orientation() === 'vertical' ? sibling.height : sibling.width) / 2;
-            if (pointerPosition < itemMidPoint) {
+            const isBeforeSibling = this.isHorizontalRtl()
+                ? pointerPosition > itemMidPoint
+                : pointerPosition < itemMidPoint;
+            if (isBeforeSibling) {
                 newIndexInSiblings = i;
                 break;
             }
@@ -311,15 +334,20 @@ class AXDropListDirective extends NXComponent {
                 ? itemData.height + itemData.margins.top + itemData.margins.bottom
                 : itemData.width + itemData.margins.left + itemData.margins.right;
             const draggedItemSize = isIntraListDrag ? getItemSpace(this._cachedItems()[originalIndex]) : 0;
+            const axisSign = this.isHorizontalRtl() ? -1 : 1;
             this._cachedItems().forEach((data, index) => {
                 if (data.item.isDragDisabled()) {
                     this._renderer.removeStyle(data.element, 'transform');
                     return;
                 }
                 const transform = this._calculateTransform(index, originalIndex, draggedItemSize, getItemSpace);
-                this._renderer.setStyle(data.element, 'transform', transform ? `${this.orientation() === 'vertical' ? 'translateY' : 'translateX'}(${transform}px)` : '');
+                const signedTransform = transform * axisSign;
+                this._renderer.setStyle(data.element, 'transform', transform
+                    ? `${this.orientation() === 'vertical' ? 'translateY' : 'translateX'}(${signedTransform}px)`
+                    : '');
             });
         }
+        this.sortPreviewChanged.emit();
     }
     /** Creates or moves the placeholder element for inter-list drags */
     _updatePlaceholderElement(activeItem, targetIndex) {
@@ -429,6 +457,7 @@ class AXDropListDirective extends NXComponent {
     _resetAllTransforms() {
         this._cachedItems().forEach((data) => this._renderer.setStyle(data.element, 'transform', ''));
         this._removePlaceholderElement(); // Clean up inter-list placeholder
+        this.sortPreviewChanged.emit();
     }
     /** Resets the internal state of the directive to its initial values. */
     resetSortState() {
@@ -439,16 +468,16 @@ class AXDropListDirective extends NXComponent {
         this._listInitialRect.set(null);
         this._listGap.set(0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDropListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.8", type: AXDropListDirective, isStandalone: true, selector: "[axDropList]", inputs: { axDropList: { classPropertyName: "axDropList", publicName: "axDropList", isSignal: true, isRequired: false, transformFunction: null }, sortingDisabled: { classPropertyName: "sortingDisabled", publicName: "sortingDisabled", isSignal: true, isRequired: false, transformFunction: null }, dropListGroup: { classPropertyName: "dropListGroup", publicName: "dropListGroup", isSignal: true, isRequired: false, transformFunction: null }, dropListOrientation: { classPropertyName: "dropListOrientation", publicName: "dropListOrientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dropListDropped: "dropListDropped" }, queries: [{ propertyName: "_draggableItems", predicate: AXDragDirective, isSignal: true }], exportAs: ["axDropList"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDropListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.6", type: AXDropListDirective, isStandalone: true, selector: "[axDropList]", inputs: { axDropList: { classPropertyName: "axDropList", publicName: "axDropList", isSignal: true, isRequired: false, transformFunction: null }, sortingDisabled: { classPropertyName: "sortingDisabled", publicName: "sortingDisabled", isSignal: true, isRequired: false, transformFunction: null }, dropListGroup: { classPropertyName: "dropListGroup", publicName: "dropListGroup", isSignal: true, isRequired: false, transformFunction: null }, dropListOrientation: { classPropertyName: "dropListOrientation", publicName: "dropListOrientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dropListDropped: "dropListDropped", sortPreviewChanged: "sortPreviewChanged" }, queries: [{ propertyName: "_draggableItems", predicate: AXDragDirective, isSignal: true }], exportAs: ["axDropList"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDropListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDropListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDropList]',
                     exportAs: 'axDropList',
                 }]
-        }], propDecorators: { axDropList: [{ type: i0.Input, args: [{ isSignal: true, alias: "axDropList", required: false }] }], sortingDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortingDisabled", required: false }] }], dropListGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropListGroup", required: false }] }], dropListOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropListOrientation", required: false }] }], dropListDropped: [{ type: i0.Output, args: ["dropListDropped"] }], _draggableItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXDragDirective), { ...{ descendants: false }, isSignal: true }] }] } });
+        }], propDecorators: { axDropList: [{ type: i0.Input, args: [{ isSignal: true, alias: "axDropList", required: false }] }], sortingDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortingDisabled", required: false }] }], dropListGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropListGroup", required: false }] }], dropListOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropListOrientation", required: false }] }], dropListDropped: [{ type: i0.Output, args: ["dropListDropped"] }], sortPreviewChanged: [{ type: i0.Output, args: ["sortPreviewChanged"] }], _draggableItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXDragDirective), { ...{ descendants: false }, isSignal: true }] }] } });
 
 // Zone detection constants for nested drop lists (tree nodes)
 const ZONE_TOP_THRESHOLD = 0.3; // Top 30% triggers reorder BEFORE
@@ -463,8 +492,8 @@ class AXDragDirective {
         this.platformId = inject(PLATFORM_ID);
         this.viewContainerRef = inject(ViewContainerRef);
         this.el = inject(ElementRef);
-        this.handleDirective = contentChild(AXDragHandleDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "handleDirective" }] : /* istanbul ignore next */ []));
+        this.registeredHandleElements = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "registeredHandleElements" }] : /* istanbul ignore next */ []));
         this.axDrag = input(true, { ...(ngDevMode ? { debugName: "axDrag" } : /* istanbul ignore next */ {}), transform: (value) => value === '' || value === true });
         this.dragData = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "dragData" }] : /* istanbul ignore next */ []));
@@ -571,69 +600,112 @@ class AXDragDirective {
             return this.boundaryElement()?.getBoundingClientRect();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "boundaryRect" }] : /* istanbul ignore next */ []));
-        this.handle = computed(() => this.handleDirective()?.element() ?? this.element(), /* @ts-ignore */
+        this.handleElements = computed(() => {
+            const registered = this.registeredHandleElements().filter(Boolean);
+            return registered.length ? registered : [this.element()];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "handleElements" }] : /* istanbul ignore next */ []));
+        this.handle = computed(() => this.activeHandleElement() ?? this.handleElements()[0] ?? this.element(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "handle" }] : /* istanbul ignore next */ []));
         this.boundHandleDblClick = this.handleDblClick.bind(this);
         this.boundHandlePointerUp = this.handlePointerUp.bind(this);
         this.boundHandlePointerDown = this.handlePointerDown.bind(this);
         this.boundHandlePointerMove = this.handlePointerMove.bind(this);
-        this.listenersAttached = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "listenersAttached" }] : /* istanbul ignore next */ []));
+        this.attachedHandleElements = [];
+        this.styledHandleElements = [];
+        this.activeHandleElement = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeHandleElement" }] : /* istanbul ignore next */ []));
         this.#dragDisabledEffect = effect(() => {
-            if (this.dragCursorOverride() === 'none') {
-                return;
-            }
-            if (!this.isDragDisabled()) {
-                if (!this.isMoving() && !this.holdDelayReady()) {
-                    this.renderer.setStyle(this.handle(), 'cursor', this.dragCursorOverride());
+            const cursor = this.dragCursorOverride();
+            const disabled = this.isDragDisabled();
+            const handles = this.handleElements();
+            const moving = this.isMoving();
+            const holdReady = this.holdDelayReady();
+            for (const previous of this.styledHandleElements) {
+                if (!handles.includes(previous)) {
+                    this.renderer.removeStyle(previous, 'cursor');
+                    this.renderer.removeStyle(previous, 'touch-action');
                 }
-                this.renderer.setStyle(this.handle(), 'touch-action', this.dragTouchAction());
             }
-            else {
-                this.renderer.removeStyle(this.handle(), 'cursor');
-                this.renderer.removeStyle(this.handle(), 'touch-action');
+            this.styledHandleElements = handles;
+            for (const handle of handles) {
+                if (disabled || cursor === 'none' || cursor === 'grab-on-drag') {
+                    if (!moving && !holdReady) {
+                        this.renderer.removeStyle(handle, 'cursor');
+                    }
+                    if (disabled) {
+                        this.renderer.removeStyle(handle, 'touch-action');
+                    }
+                    else {
+                        this.renderer.setStyle(handle, 'touch-action', this.dragTouchAction());
+                    }
+                    continue;
+                }
+                if (!moving && !holdReady) {
+                    this.renderer.setStyle(handle, 'cursor', cursor);
+                }
+                this.renderer.setStyle(handle, 'touch-action', this.dragTouchAction());
             }
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "#dragDisabledEffect" }] : /* istanbul ignore next */ []));
         this.#handleChangeEffect = effect(() => {
             if (!isPlatformBrowser(this.platformId))
                 return;
-            const currentHandle = this.handle();
-            const previousHandle = this.listenersAttached();
-            // Remove listeners from previous handle if it changed
-            if (previousHandle && previousHandle !== currentHandle) {
-                previousHandle.removeEventListener('dblclick', this.boundHandleDblClick);
-                previousHandle.removeEventListener('pointerdown', this.boundHandlePointerDown);
-            }
-            // Attach listeners to new handle
-            if (currentHandle && currentHandle !== previousHandle) {
-                this.zone.runOutsideAngular(() => {
-                    currentHandle.addEventListener('dblclick', this.boundHandleDblClick);
-                    currentHandle.addEventListener('pointerdown', this.boundHandlePointerDown, { passive: false });
-                });
-                this.listenersAttached.set(currentHandle);
+            const currentHandles = this.handleElements();
+            const previousHandles = this.attachedHandleElements;
+            for (const previous of previousHandles) {
+                if (!currentHandles.includes(previous)) {
+                    previous.removeEventListener('dblclick', this.boundHandleDblClick);
+                    previous.removeEventListener('pointerdown', this.boundHandlePointerDown);
+                }
             }
+            this.zone.runOutsideAngular(() => {
+                for (const current of currentHandles) {
+                    if (!previousHandles.includes(current)) {
+                        current.addEventListener('dblclick', this.boundHandleDblClick);
+                        current.addEventListener('pointerdown', this.boundHandlePointerDown, { passive: false });
+                    }
+                }
+            });
+            this.attachedHandleElements = currentHandles;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "#handleChangeEffect" }] : /* istanbul ignore next */ []));
     }
     #dragDisabledEffect;
     #handleChangeEffect;
+    registerHandle(handle) {
+        const element = this.resolveHandleElement(handle);
+        if (!element)
+            return;
+        this.registeredHandleElements.update((handles) => (handles.includes(element) ? handles : [...handles, element]));
+    }
+    unregisterHandle(handle) {
+        const element = this.resolveHandleElement(handle);
+        if (!element)
+            return;
+        this.registeredHandleElements.update((handles) => handles.filter((item) => item !== element));
+        if (this.activeHandleElement() === element) {
+            this.activeHandleElement.set(null);
+        }
+    }
+    resolveHandleElement(handle) {
+        return handle instanceof HTMLElement ? handle : handle.element();
+    }
     ngOnInit() {
         if (isPlatformBrowser(this.platformId)) {
             if (this._parentDropList) {
                 this.setElementTransition(this.element());
             }
-            this.renderer.setStyle(this.element(), 'z-index', '1');
             this.elementOpacity.set(getComputedStyle(this.element()).opacity);
         }
     }
     ngOnDestroy() {
         if (isPlatformBrowser(this.platformId)) {
-            const handle = this.listenersAttached();
-            if (handle) {
+            for (const handle of this.attachedHandleElements) {
                 handle.removeEventListener('dblclick', this.boundHandleDblClick);
                 handle.removeEventListener('pointerdown', this.boundHandlePointerDown);
             }
+            this.attachedHandleElements = [];
             this.removeDocumentListeners();
             if (this.createCloneElement()) {
                 this.removeCloneElement();
@@ -643,10 +715,15 @@ class AXDragDirective {
             }
             this.clearActiveDragCursor();
             this.clearHoldDelayTimer();
+            this.renderer.removeStyle(this.element(), 'z-index');
         }
     }
+    usesGrabDragCursor() {
+        const cursor = this.dragCursorOverride();
+        return cursor === 'grab' || cursor === 'grab-on-drag';
+    }
     resolveDropCursor(canDrop) {
-        if (this.dragCursorOverride() === 'grab') {
+        if (this.usesGrabDragCursor()) {
             return canDrop ? 'grabbing' : 'not-allowed';
         }
         return canDrop ? 'move' : 'not-allowed';
@@ -675,17 +752,19 @@ class AXDragDirective {
     scheduleHoldDelayFeedback() {
         this.clearHoldDelayTimer();
         const delay = this.startDelay();
-        if (delay <= 0 || this.dragCursorOverride() !== 'grab') {
+        const cursorMode = this.dragCursorOverride();
+        if (delay <= 0 || (cursorMode !== 'grab' && cursorMode !== 'grab-on-drag')) {
             return;
         }
+        const readyCursor = cursorMode === 'grab-on-drag' ? 'grab' : 'grabbing';
         this.holdDelayTimer = setTimeout(() => {
             this.holdDelayTimer = null;
             if (!this.isDragging() || this.isMoving() || this.isDragDisabled()) {
                 return;
             }
             this.holdDelayReady.set(true);
-            this.renderer.setStyle(this.handle(), 'cursor', 'grabbing');
-            this.setActiveDragCursor('grabbing');
+            this.renderer.setStyle(this.handle(), 'cursor', readyCursor);
+            this.setActiveDragCursor(readyCursor);
         }, delay);
     }
     setElementDropCursor(element, cursor) {
@@ -704,14 +783,16 @@ class AXDragDirective {
             return;
         if (!this.axDrag() || this.isDragDisabled() || e.button !== 0 || this._parentDropList?.isSortingDisabled())
             return;
+        const handle = e.currentTarget instanceof HTMLElement ? e.currentTarget : this.handle();
+        this.activeHandleElement.set(handle);
         this.isDragging.set(true);
         this.movedAfterDelay.set(false);
         if (this.dragCursorOverride() === 'move') {
-            this.renderer.setStyle(this.handle(), 'cursor', 'move');
+            this.renderer.setStyle(handle, 'cursor', 'move');
         }
         this.dragStartOffset.set({ x: e.clientX - this.currentAxis().x, y: e.clientY - this.currentAxis().y });
         this.pointerDownPosition.set({ x: e.clientX, y: e.clientY });
-        this.renderer.setStyle(this.handle(), 'userSelect', 'none');
+        this.renderer.setStyle(handle, 'userSelect', 'none');
         this.activePointerId.set(e.pointerId);
         this.addDocumentListeners();
         this.dragStartTime.set(Date.now());
@@ -783,16 +864,25 @@ class AXDragDirective {
         this.activePointerId.set(null);
         this.removeDocumentListeners();
         this.renderer.removeStyle(this.handle(), 'userSelect');
-        if (this.dragCursorOverride() === 'grab') {
+        this.resetHandleCursorAfterDrag();
+        this.clearActiveDragCursor();
+        this.activeHandleElement.set(null);
+    }
+    resetHandleCursorAfterDrag() {
+        const cursorMode = this.dragCursorOverride();
+        if (cursorMode === 'grab') {
             this.renderer.setStyle(this.handle(), 'cursor', 'grab');
         }
-        this.clearActiveDragCursor();
+        else if (cursorMode === 'grab-on-drag') {
+            this.renderer.removeStyle(this.handle(), 'cursor');
+        }
     }
     startDrag(e) {
-        if (this.dragCursorOverride() === 'grab') {
+        if (this.usesGrabDragCursor()) {
             this.renderer.setStyle(this.handle(), 'cursor', 'grabbing');
             this.setActiveDragCursor('grabbing');
         }
+        this.renderer.setStyle(this.element(), 'z-index', '1');
         // Add CDK-style classes
         this.renderer.addClass(this.element(), 'ax-dragging');
         this.renderer.addClass(this.element(), 'ax-drag-placeholder');
@@ -821,9 +911,7 @@ class AXDragDirective {
             return;
         }
         this.clearHoldDelayTimer();
-        if (this.dragCursorOverride() === 'grab') {
-            this.renderer.setStyle(this.handle(), 'cursor', 'grab');
-        }
+        this.resetHandleCursorAfterDrag();
         this.clearActiveDragCursor();
         const wasMoving = this.isMoving();
         this.isMoving.set(false);
@@ -836,8 +924,10 @@ class AXDragDirective {
             this.removeDocumentListeners();
             this._currentDropList.set(null);
             this.renderer.removeStyle(this.handle(), 'userSelect');
+            this.activeHandleElement.set(null);
             return;
         }
+        this.renderer.removeStyle(this.element(), 'z-index');
         this.preventClicking();
         const transform = this.element().style.transform;
         let x = 0;
@@ -866,6 +956,7 @@ class AXDragDirective {
         this.removeDocumentListeners();
         this._currentDropList.set(null);
         this.renderer.removeStyle(this.handle(), 'userSelect');
+        this.activeHandleElement.set(null);
         if (this.createCloneElement()) {
             const listUnderPointer = this.getDropListFromPoint(e.clientX, e.clientY);
             this.removeCloneElementWithAnimation(x || 0, y || 0, listUnderPointer);
@@ -893,7 +984,7 @@ class AXDragDirective {
         if (listUnderPointer) {
             const cloneEl = this.clonedElement();
             const cursor = this.resolveDropCursor(!!canDrop);
-            if (this.dragCursorOverride() === 'grab') {
+            if (this.usesGrabDragCursor()) {
                 this.setActiveDragCursor(cursor);
             }
             else if (cloneEl) {
@@ -1317,15 +1408,16 @@ class AXDragDirective {
             this.document.removeEventListener('pointercancel', this.boundHandlePointerUp);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.8", type: AXDragDirective, isStandalone: true, selector: "[axDrag]", inputs: { axDrag: { classPropertyName: "axDrag", publicName: "axDrag", isSignal: true, isRequired: false, transformFunction: null }, dragData: { classPropertyName: "dragData", publicName: "dragData", isSignal: true, isRequired: false, transformFunction: null }, dragDisabled: { classPropertyName: "dragDisabled", publicName: "dragDisabled", isSignal: true, isRequired: false, transformFunction: null }, dragTransition: { classPropertyName: "dragTransition", publicName: "dragTransition", isSignal: true, isRequired: false, transformFunction: null }, dragElementClone: { classPropertyName: "dragElementClone", publicName: "dragElementClone", isSignal: true, isRequired: false, transformFunction: null }, dropZoneGroup: { classPropertyName: "dropZoneGroup", publicName: "dropZoneGroup", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, dragResetOnDblClick: { classPropertyName: "dragResetOnDblClick", publicName: "dragResetOnDblClick", isSignal: true, isRequired: false, transformFunction: null }, dragLockAxis: { classPropertyName: "dragLockAxis", publicName: "dragLockAxis", isSignal: true, isRequired: false, transformFunction: null }, dragClonedTemplate: { classPropertyName: "dragClonedTemplate", publicName: "dragClonedTemplate", isSignal: true, isRequired: false, transformFunction: null }, dragCursor: { classPropertyName: "dragCursor", publicName: "dragCursor", isSignal: true, isRequired: false, transformFunction: null }, dragBoundary: { classPropertyName: "dragBoundary", publicName: "dragBoundary", isSignal: true, isRequired: false, transformFunction: null }, dragTransitionDuration: { classPropertyName: "dragTransitionDuration", publicName: "dragTransitionDuration", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragPositionChanged: "dragPositionChanged" }, queries: [{ propertyName: "handleDirective", first: true, predicate: AXDragHandleDirective, descendants: true, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: AXDragDirective, isStandalone: true, selector: "[axDrag]", inputs: { axDrag: { classPropertyName: "axDrag", publicName: "axDrag", isSignal: true, isRequired: false, transformFunction: null }, dragData: { classPropertyName: "dragData", publicName: "dragData", isSignal: true, isRequired: false, transformFunction: null }, dragDisabled: { classPropertyName: "dragDisabled", publicName: "dragDisabled", isSignal: true, isRequired: false, transformFunction: null }, dragTransition: { classPropertyName: "dragTransition", publicName: "dragTransition", isSignal: true, isRequired: false, transformFunction: null }, dragElementClone: { classPropertyName: "dragElementClone", publicName: "dragElementClone", isSignal: true, isRequired: false, transformFunction: null }, dropZoneGroup: { classPropertyName: "dropZoneGroup", publicName: "dropZoneGroup", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, dragResetOnDblClick: { classPropertyName: "dragResetOnDblClick", publicName: "dragResetOnDblClick", isSignal: true, isRequired: false, transformFunction: null }, dragLockAxis: { classPropertyName: "dragLockAxis", publicName: "dragLockAxis", isSignal: true, isRequired: false, transformFunction: null }, dragClonedTemplate: { classPropertyName: "dragClonedTemplate", publicName: "dragClonedTemplate", isSignal: true, isRequired: false, transformFunction: null }, dragCursor: { classPropertyName: "dragCursor", publicName: "dragCursor", isSignal: true, isRequired: false, transformFunction: null }, dragBoundary: { classPropertyName: "dragBoundary", publicName: "dragBoundary", isSignal: true, isRequired: false, transformFunction: null }, dragTransitionDuration: { classPropertyName: "dragTransitionDuration", publicName: "dragTransitionDuration", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragPositionChanged: "dragPositionChanged" }, providers: [{ provide: AX_DRAG_PARENT, useExisting: AXDragDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDragDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDrag]',
+                    providers: [{ provide: AX_DRAG_PARENT, useExisting: AXDragDirective }],
                 }]
-        }], propDecorators: { handleDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AXDragHandleDirective), { isSignal: true }] }], axDrag: [{ type: i0.Input, args: [{ isSignal: true, alias: "axDrag", required: false }] }], dragData: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragData", required: false }] }], dragDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragDisabled", required: false }] }], dragTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragTransition", required: false }] }], dragElementClone: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragElementClone", required: false }] }], dropZoneGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropZoneGroup", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], dragResetOnDblClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragResetOnDblClick", required: false }] }], dragLockAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragLockAxis", required: false }] }], dragClonedTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragClonedTemplate", required: false }] }], dragCursor: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragCursor", required: false }] }], dragBoundary: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragBoundary", required: false }] }], dragTransitionDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragTransitionDuration", required: false }] }], dragPositionChanged: [{ type: i0.Output, args: ["dragPositionChanged"] }] } });
+        }], propDecorators: { axDrag: [{ type: i0.Input, args: [{ isSignal: true, alias: "axDrag", required: false }] }], dragData: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragData", required: false }] }], dragDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragDisabled", required: false }] }], dragTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragTransition", required: false }] }], dragElementClone: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragElementClone", required: false }] }], dropZoneGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropZoneGroup", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], dragResetOnDblClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragResetOnDblClick", required: false }] }], dragLockAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragLockAxis", required: false }] }], dragClonedTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragClonedTemplate", required: false }] }], dragCursor: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragCursor", required: false }] }], dragBoundary: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragBoundary", required: false }] }], dragTransitionDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragTransitionDuration", required: false }] }], dragPositionChanged: [{ type: i0.Output, args: ["dragPositionChanged"] }] } });
 
 class AXDropZoneDirective extends NXComponent {
     constructor() {
@@ -1342,10 +1434,10 @@ class AXDropZoneDirective extends NXComponent {
     ngOnInit() {
         this.element().dataset['axDropZone'] = 'true';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDropZoneDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AXDropZoneDirective, isStandalone: true, selector: "[axDropZone]", inputs: { dropZoneGroup: { classPropertyName: "dropZoneGroup", publicName: "dropZoneGroup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onElementDrop: "onElementDrop", onElementHover: "onElementHover" }, exportAs: ["axDropZone"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDropZoneDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: AXDropZoneDirective, isStandalone: true, selector: "[axDropZone]", inputs: { dropZoneGroup: { classPropertyName: "dropZoneGroup", publicName: "dropZoneGroup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onElementDrop: "onElementDrop", onElementHover: "onElementHover" }, exportAs: ["axDropZone"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDropZoneDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDropZoneDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDropZone]',
@@ -1355,11 +1447,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 
 const COMPONENT = [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective];
 class AXDragDropModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXDragDropModule, imports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective], exports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDragDropModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXDragDropModule, imports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective], exports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDropModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDragDropModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDropModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENT],
@@ -1406,5 +1498,5 @@ function transferArrayItem(currentArray, targetArray, currentIndex, targetIndex)
  * Generated bundle index. Do not edit.
  */
 
-export { AXDragDirective, AXDragDropModule, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective, moveItemInArray, transferArrayItem };
+export { AXDragDirective, AXDragDropModule, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective, AX_DRAG_PARENT, moveItemInArray, transferArrayItem };
 //# sourceMappingURL=acorex-cdk-drag-drop.mjs.map