@acorex/cdk 21.0.2-next.4 → 21.0.2-next.40

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: "21.1.3", ngImport: i0, type: AXDomChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: AXDomChangeDirective, isStandalone: true, selector: "[axDomChange]", outputs: { axMutationObserver: "axMutationObserver", axResizeObserver: "axResizeObserver" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDomChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXDomChangeDirective, isStandalone: true, selector: "[axDomChange]", outputs: { axMutationObserver: "axMutationObserver", axResizeObserver: "axResizeObserver" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDomChangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDomChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDomChange]',

package/fesm2022/acorex-cdk-double-click.mjs

@@ -24,14 +24,14 @@ class AXDoubleClickDirective {
          * Defaults to 250ms.
          * Two clicks/taps within this duration are considered a double-click.
          */
-        this.duration = input(250, ...(ngDevMode ? [{ debugName: "duration" }] : []));
+        this.duration = input(250, ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
         /**
          * Input to disable the directive's custom click handling.
          * When true, native click and dblclick events will fire normally (DOM default behavior).
          * When false (default), the directive prevents default and emits custom single/double-click events.
          * Defaults to false.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
         /**
          * Output event emitted when a single-click is detected.
          * Emits after the configured duration milliseconds if no second click occurs.
@@ -154,10 +154,10 @@ class AXDoubleClickDirective {
             this.clickTimeout = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDoubleClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: AXDoubleClickDirective, isStandalone: true, selector: "[axDoubleClick]", inputs: { duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onDblClick: "onDblClick" }, host: { listeners: { "click": "handleClick($event)", "touchend": "onTouchEnd($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDoubleClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: AXDoubleClickDirective, isStandalone: true, selector: "[axDoubleClick]", inputs: { duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onDblClick: "onDblClick" }, host: { listeners: { "click": "handleClick($event)", "touchend": "onTouchEnd($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDoubleClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDoubleClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDoubleClick]',

package/fesm2022/acorex-cdk-double-click.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-double-click.mjs","sources":["../../../../packages/cdk/double-click/src/lib/double-click.directive.ts","../../../../packages/cdk/double-click/src/acorex-cdk-double-click.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input, OnDestroy, output } from '@angular/core';\n\n/**\n * Directive to detect single-click and double-click events on the host element.\n * Supports both desktop (click-based detection) and mobile (touchend) events.\n * Prevents native click event propagation and emits separate single-click and double-click events.\n * Can be disabled to allow native DOM behavior (click and dblclick events).\n *\n * Usage:\n * <button\n *   axDoubleClick\n *   [duration]=\"300\"\n *   [disabled]=\"false\"\n *   (onClick)=\"onSingleClick($event)\"\n *   (onDblClick)=\"onDoubleClick($event)\"\n * >Click me</button>\n */\n@Directive({\n  selector: '[axDoubleClick]',\n  host: {\n    '(click)': 'handleClick($event)',\n    '(touchend)': 'onTouchEnd($event)',\n  },\n})\nexport class AXDoubleClickDirective implements OnDestroy {\n  private elementRef = inject(ElementRef);\n\n  /**\n   * Input to configure the duration in milliseconds for detecting double-clicks.\n   * Defaults to 250ms.\n   * Two clicks/taps within this duration are considered a double-click.\n   */\n  public duration = input<number>(250);\n\n  /**\n   * Input to disable the directive's custom click handling.\n   * When true, native click and dblclick events will fire normally (DOM default behavior).\n   * When false (default), the directive prevents default and emits custom single/double-click events.\n   * Defaults to false.\n   */\n  public disabled = input<boolean>(false);\n\n  /**\n   * Output event emitted when a single-click is detected.\n   * Emits after the configured duration milliseconds if no second click occurs.\n   * Emits the MouseEvent.\n   */\n  public onClick = output<MouseEvent>();\n\n  /**\n   * Output event emitted when a double-click is detected.\n   * Emits when two clicks occur within the configured duration milliseconds.\n   * Emits the Event (MouseEvent for desktop, TouchEvent for mobile).\n   */\n  public onDblClick = output<Event>();\n\n  private lastClick = 0;\n  private lastTap = 0;\n  private clickTimeout: ReturnType<typeof setTimeout> | null = null;\n  private pendingClickEvent: MouseEvent | null = null;\n\n  /**\n   * Handles click events and detects both single-clicks and double-clicks.\n   * Prevents native click propagation and emits appropriate events.\n   * When disabled is true, emits click immediately, still detects double-clicks, and allows native DOM behavior (no preventDefault).\n   */\n  handleClick(event: MouseEvent): void {\n    const duration = this.duration();\n    const currentTime = new Date().getTime();\n    const clickGap = currentTime - this.lastClick;\n\n    // If disabled, emit click immediately and still track for double-click, but don't prevent default\n    if (this.disabled()) {\n      // Emit single click immediately\n      this.onClick.emit(event);\n\n      // Still track for double-click detection\n      if (clickGap > 0 && clickGap < duration) {\n        // Double-click detected - emit double-click\n        if (this.clickTimeout) {\n          clearTimeout(this.clickTimeout);\n          this.clickTimeout = null;\n        }\n        if (this.pendingClickEvent) {\n          this.pendingClickEvent = null;\n        }\n        this.onDblClick.emit(event);\n        this.lastClick = 0;\n      } else {\n        // First click - store it and wait to see if a second click comes\n        this.lastClick = currentTime;\n        this.pendingClickEvent = event;\n\n        if (this.clickTimeout) {\n          clearTimeout(this.clickTimeout);\n        }\n\n        // Set timeout to emit double-click if second click occurs within duration\n        // Note: We already emitted single-click, so we just track for double-click here\n        this.clickTimeout = setTimeout(() => {\n          // No double-click detected within duration, reset state\n          this.pendingClickEvent = null;\n          this.lastClick = 0;\n          this.clickTimeout = null;\n        }, duration);\n      }\n\n      // Don't prevent default - allow native click and dblclick to fire\n      return;\n    }\n\n    // When enabled, prevent the native click event from propagating\n    event.preventDefault();\n    event.stopPropagation();\n    event.stopImmediatePropagation();\n\n    if (clickGap > 0 && clickGap < duration) {\n      // Double-click detected - clear pending single click and emit double-click\n      if (this.clickTimeout) {\n        clearTimeout(this.clickTimeout);\n        this.clickTimeout = null;\n      }\n      if (this.pendingClickEvent) {\n        this.pendingClickEvent = null;\n      }\n      this.onDblClick.emit(event);\n      this.lastClick = 0;\n    } else {\n      // First click - store it and wait to see if a second click comes\n      this.lastClick = currentTime;\n      this.pendingClickEvent = event;\n\n      if (this.clickTimeout) {\n        clearTimeout(this.clickTimeout);\n      }\n\n      // Set timeout to emit single-click if no second click occurs\n      this.clickTimeout = setTimeout(() => {\n        // No double-click detected, emit single-click\n        if (this.pendingClickEvent) {\n          this.onClick.emit(this.pendingClickEvent);\n          this.pendingClickEvent = null;\n        }\n        this.lastClick = 0;\n        this.clickTimeout = null;\n      }, duration);\n    }\n  }\n\n  /**\n   * Handles touchend events (mobile) to detect double-tap.\n   * When disabled is true, allows native touch behavior.\n   */\n  onTouchEnd(event: TouchEvent): void {\n    // If disabled, let native events fire normally\n    if (this.disabled()) {\n      return;\n    }\n\n    const duration = this.duration();\n    const currentTime = new Date().getTime();\n    const tapGap = currentTime - this.lastTap;\n\n    if (tapGap > 0 && tapGap < duration) {\n      // Detected a double-tap\n      this.onDblClick.emit(event);\n      event.preventDefault(); // Prevent further default actions\n    }\n    this.lastTap = currentTime;\n  }\n\n  ngOnDestroy(): void {\n    if (this.clickTimeout) {\n      clearTimeout(this.clickTimeout);\n      this.clickTimeout = null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-cdk-double-click.mjs","sources":["../../../../packages/cdk/double-click/src/lib/double-click.directive.ts","../../../../packages/cdk/double-click/src/acorex-cdk-double-click.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input, OnDestroy, output } from '@angular/core';\n\n/**\n * Directive to detect single-click and double-click events on the host element.\n * Supports both desktop (click-based detection) and mobile (touchend) events.\n * Prevents native click event propagation and emits separate single-click and double-click events.\n * Can be disabled to allow native DOM behavior (click and dblclick events).\n *\n * Usage:\n * <button\n *   axDoubleClick\n *   [duration]=\"300\"\n *   [disabled]=\"false\"\n *   (onClick)=\"onSingleClick($event)\"\n *   (onDblClick)=\"onDoubleClick($event)\"\n * >Click me</button>\n */\n@Directive({\n  selector: '[axDoubleClick]',\n  host: {\n    '(click)': 'handleClick($event)',\n    '(touchend)': 'onTouchEnd($event)',\n  },\n})\nexport class AXDoubleClickDirective implements OnDestroy {\n  private elementRef = inject(ElementRef);\n\n  /**\n   * Input to configure the duration in milliseconds for detecting double-clicks.\n   * Defaults to 250ms.\n   * Two clicks/taps within this duration are considered a double-click.\n   */\n  public duration = input<number>(250);\n\n  /**\n   * Input to disable the directive's custom click handling.\n   * When true, native click and dblclick events will fire normally (DOM default behavior).\n   * When false (default), the directive prevents default and emits custom single/double-click events.\n   * Defaults to false.\n   */\n  public disabled = input<boolean>(false);\n\n  /**\n   * Output event emitted when a single-click is detected.\n   * Emits after the configured duration milliseconds if no second click occurs.\n   * Emits the MouseEvent.\n   */\n  public onClick = output<MouseEvent>();\n\n  /**\n   * Output event emitted when a double-click is detected.\n   * Emits when two clicks occur within the configured duration milliseconds.\n   * Emits the Event (MouseEvent for desktop, TouchEvent for mobile).\n   */\n  public onDblClick = output<Event>();\n\n  private lastClick = 0;\n  private lastTap = 0;\n  private clickTimeout: ReturnType<typeof setTimeout> | null = null;\n  private pendingClickEvent: MouseEvent | null = null;\n\n  /**\n   * Handles click events and detects both single-clicks and double-clicks.\n   * Prevents native click propagation and emits appropriate events.\n   * When disabled is true, emits click immediately, still detects double-clicks, and allows native DOM behavior (no preventDefault).\n   */\n  handleClick(event: MouseEvent): void {\n    const duration = this.duration();\n    const currentTime = new Date().getTime();\n    const clickGap = currentTime - this.lastClick;\n\n    // If disabled, emit click immediately and still track for double-click, but don't prevent default\n    if (this.disabled()) {\n      // Emit single click immediately\n      this.onClick.emit(event);\n\n      // Still track for double-click detection\n      if (clickGap > 0 && clickGap < duration) {\n        // Double-click detected - emit double-click\n        if (this.clickTimeout) {\n          clearTimeout(this.clickTimeout);\n          this.clickTimeout = null;\n        }\n        if (this.pendingClickEvent) {\n          this.pendingClickEvent = null;\n        }\n        this.onDblClick.emit(event);\n        this.lastClick = 0;\n      } else {\n        // First click - store it and wait to see if a second click comes\n        this.lastClick = currentTime;\n        this.pendingClickEvent = event;\n\n        if (this.clickTimeout) {\n          clearTimeout(this.clickTimeout);\n        }\n\n        // Set timeout to emit double-click if second click occurs within duration\n        // Note: We already emitted single-click, so we just track for double-click here\n        this.clickTimeout = setTimeout(() => {\n          // No double-click detected within duration, reset state\n          this.pendingClickEvent = null;\n          this.lastClick = 0;\n          this.clickTimeout = null;\n        }, duration);\n      }\n\n      // Don't prevent default - allow native click and dblclick to fire\n      return;\n    }\n\n    // When enabled, prevent the native click event from propagating\n    event.preventDefault();\n    event.stopPropagation();\n    event.stopImmediatePropagation();\n\n    if (clickGap > 0 && clickGap < duration) {\n      // Double-click detected - clear pending single click and emit double-click\n      if (this.clickTimeout) {\n        clearTimeout(this.clickTimeout);\n        this.clickTimeout = null;\n      }\n      if (this.pendingClickEvent) {\n        this.pendingClickEvent = null;\n      }\n      this.onDblClick.emit(event);\n      this.lastClick = 0;\n    } else {\n      // First click - store it and wait to see if a second click comes\n      this.lastClick = currentTime;\n      this.pendingClickEvent = event;\n\n      if (this.clickTimeout) {\n        clearTimeout(this.clickTimeout);\n      }\n\n      // Set timeout to emit single-click if no second click occurs\n      this.clickTimeout = setTimeout(() => {\n        // No double-click detected, emit single-click\n        if (this.pendingClickEvent) {\n          this.onClick.emit(this.pendingClickEvent);\n          this.pendingClickEvent = null;\n        }\n        this.lastClick = 0;\n        this.clickTimeout = null;\n      }, duration);\n    }\n  }\n\n  /**\n   * Handles touchend events (mobile) to detect double-tap.\n   * When disabled is true, allows native touch behavior.\n   */\n  onTouchEnd(event: TouchEvent): void {\n    // If disabled, let native events fire normally\n    if (this.disabled()) {\n      return;\n    }\n\n    const duration = this.duration();\n    const currentTime = new Date().getTime();\n    const tapGap = currentTime - this.lastTap;\n\n    if (tapGap > 0 && tapGap < duration) {\n      // Detected a double-tap\n      this.onDblClick.emit(event);\n      event.preventDefault(); // Prevent further default actions\n    }\n    this.lastTap = currentTime;\n  }\n\n  ngOnDestroy(): void {\n    if (this.clickTimeout) {\n      clearTimeout(this.clickTimeout);\n      this.clickTimeout = null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -7,12 +7,12 @@ import { NXComponent } from '@acorex/cdk/common';
 class AXDragHandleDirective {
     constructor() {
         this.el = inject(ElementRef);
-        this.element = signal(this.el.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
+        this.element = signal(this.el.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: AXDragHandleDirective, isStandalone: true, selector: "[axDragHandle]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXDragHandleDirective, isStandalone: true, selector: "[axDragHandle]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDragHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDragHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDragHandle]',
@@ -39,30 +39,30 @@ class AXDropListDirective extends NXComponent {
         this._hostEl = inject(ElementRef);
         // --- Public API: Inputs and Outputs ---
         /** Boolean input matching the directive selector name for conditional application. */
-        this.axDropList = input(true, { ...(ngDevMode ? { debugName: "axDropList" } : {}), transform: (value) => value === '' || value === true });
+        this.axDropList = input(true, { ...(ngDevMode ? { debugName: "axDropList" } : /* istanbul ignore next */ {}), transform: (value) => value === '' || value === true });
         /** Whether sorting within this list is disabled. */
-        this.sortingDisabled = input(false, ...(ngDevMode ? [{ debugName: "sortingDisabled" }] : []));
+        this.sortingDisabled = input(false, ...(ngDevMode ? [{ debugName: "sortingDisabled" }] : /* istanbul ignore next */ []));
         /** The group this drop list belongs to. Dragging is only allowed between lists of the same group. */
-        this.dropListGroup = input(...(ngDevMode ? [undefined, { debugName: "dropListGroup" }] : []));
+        this.dropListGroup = input(...(ngDevMode ? [undefined, { debugName: "dropListGroup" }] : /* istanbul ignore next */ []));
         /** The layout orientation of the list. */
-        this.dropListOrientation = input('vertical', ...(ngDevMode ? [{ debugName: "dropListOrientation" }] : []));
+        this.dropListOrientation = input('vertical', ...(ngDevMode ? [{ debugName: "dropListOrientation" }] : /* istanbul ignore next */ []));
         /** Emits when an item is dropped into the list. */
         this.dropListDropped = output();
         /** The `axDrag` directives that are direct children of this list. */
-        this._draggableItems = contentChildren(AXDragDirective, { ...(ngDevMode ? { debugName: "_draggableItems" } : {}), descendants: false });
+        this._draggableItems = contentChildren(AXDragDirective, { ...(ngDevMode ? { debugName: "_draggableItems" } : /* istanbul ignore next */ {}), descendants: false });
         // --- Internal State Management ---
         /** The native element of the drop list. */
         this.element = this._hostEl.nativeElement;
         /** The draggable item currently being moved over this list. */
-        this._activeDragItem = signal(null, ...(ngDevMode ? [{ debugName: "_activeDragItem" }] : []));
+        this._activeDragItem = signal(null, ...(ngDevMode ? [{ debugName: "_activeDragItem" }] : /* istanbul ignore next */ []));
         /** The calculated index where the placeholder/item should be. */
-        this._placeholderIndex = signal(-1, ...(ngDevMode ? [{ debugName: "_placeholderIndex" }] : []));
+        this._placeholderIndex = signal(-1, ...(ngDevMode ? [{ debugName: "_placeholderIndex" }] : /* istanbul ignore next */ []));
         /** A snapshot of the items' data and geometry at the start of the drag. */
-        this._cachedItems = signal([], ...(ngDevMode ? [{ debugName: "_cachedItems" }] : []));
+        this._cachedItems = signal([], ...(ngDevMode ? [{ debugName: "_cachedItems" }] : /* istanbul ignore next */ []));
         /** The list's initial bounding box, used to calculate scroll delta. */
-        this._listInitialRect = signal(null, ...(ngDevMode ? [{ debugName: "_listInitialRect" }] : []));
+        this._listInitialRect = signal(null, ...(ngDevMode ? [{ debugName: "_listInitialRect" }] : /* istanbul ignore next */ []));
         /** The detected `gap` of the list for the current orientation. */
-        this._listGap = signal(0, ...(ngDevMode ? [{ debugName: "_listGap" }] : []));
+        this._listGap = signal(0, ...(ngDevMode ? [{ debugName: "_listGap" }] : /* istanbul ignore next */ []));
         /** A signal-based alias for the orientation input for internal use. */
         this._orientation = this.dropListOrientation;
         /** DOM placeholder element for inter-list drags */
@@ -424,10 +424,10 @@ class AXDropListDirective extends NXComponent {
         this._listInitialRect.set(null);
         this._listGap.set(0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDropListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.3", 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: "21.2.9", ngImport: i0, type: AXDropListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.9", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDropListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDropListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDropList]',
@@ -448,41 +448,41 @@ class AXDragDirective {
         this.platformId = inject(PLATFORM_ID);
         this.viewContainerRef = inject(ViewContainerRef);
         this.el = inject(ElementRef);
-        this.handleDirective = contentChild(AXDragHandleDirective, ...(ngDevMode ? [{ debugName: "handleDirective" }] : []));
-        this.axDrag = input(true, { ...(ngDevMode ? { debugName: "axDrag" } : {}), transform: (value) => value === '' || value === true });
-        this.dragData = input(...(ngDevMode ? [undefined, { debugName: "dragData" }] : []));
-        this.dragDisabled = input(false, ...(ngDevMode ? [{ debugName: "dragDisabled" }] : []));
-        this.dragTransition = input(true, ...(ngDevMode ? [{ debugName: "dragTransition" }] : []));
-        this.dragElementClone = input(false, ...(ngDevMode ? [{ debugName: "dragElementClone" }] : []));
-        this.dropZoneGroup = input(...(ngDevMode ? [undefined, { debugName: "dropZoneGroup" }] : []));
-        this.dragStartDelay = input(...(ngDevMode ? [undefined, { debugName: "dragStartDelay" }] : []));
-        this.dragResetOnDblClick = input(true, ...(ngDevMode ? [{ debugName: "dragResetOnDblClick" }] : []));
-        this.dragLockAxis = input(null, ...(ngDevMode ? [{ debugName: "dragLockAxis" }] : []));
-        this.dragClonedTemplate = input(...(ngDevMode ? [undefined, { debugName: "dragClonedTemplate" }] : []));
-        this.dragCursor = input('move', ...(ngDevMode ? [{ debugName: "dragCursor" }] : []));
-        this.dragBoundary = input(...(ngDevMode ? [undefined, { debugName: "dragBoundary" }] : []));
-        this.dragTransitionDuration = input(150, ...(ngDevMode ? [{ debugName: "dragTransitionDuration" }] : []));
+        this.handleDirective = contentChild(AXDragHandleDirective, ...(ngDevMode ? [{ debugName: "handleDirective" }] : /* istanbul ignore next */ []));
+        this.axDrag = input(true, { ...(ngDevMode ? { debugName: "axDrag" } : /* istanbul ignore next */ {}), transform: (value) => value === '' || value === true });
+        this.dragData = input(...(ngDevMode ? [undefined, { debugName: "dragData" }] : /* istanbul ignore next */ []));
+        this.dragDisabled = input(false, ...(ngDevMode ? [{ debugName: "dragDisabled" }] : /* istanbul ignore next */ []));
+        this.dragTransition = input(true, ...(ngDevMode ? [{ debugName: "dragTransition" }] : /* istanbul ignore next */ []));
+        this.dragElementClone = input(false, ...(ngDevMode ? [{ debugName: "dragElementClone" }] : /* istanbul ignore next */ []));
+        this.dropZoneGroup = input(...(ngDevMode ? [undefined, { debugName: "dropZoneGroup" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(...(ngDevMode ? [undefined, { debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.dragResetOnDblClick = input(true, ...(ngDevMode ? [{ debugName: "dragResetOnDblClick" }] : /* istanbul ignore next */ []));
+        this.dragLockAxis = input(null, ...(ngDevMode ? [{ debugName: "dragLockAxis" }] : /* istanbul ignore next */ []));
+        this.dragClonedTemplate = input(...(ngDevMode ? [undefined, { debugName: "dragClonedTemplate" }] : /* istanbul ignore next */ []));
+        this.dragCursor = input('move', ...(ngDevMode ? [{ debugName: "dragCursor" }] : /* istanbul ignore next */ []));
+        this.dragBoundary = input(...(ngDevMode ? [undefined, { debugName: "dragBoundary" }] : /* istanbul ignore next */ []));
+        this.dragTransitionDuration = input(150, ...(ngDevMode ? [{ debugName: "dragTransitionDuration" }] : /* istanbul ignore next */ []));
         this.dragPositionChanged = output();
-        this.isMoving = signal(false, ...(ngDevMode ? [{ debugName: "isMoving" }] : []));
-        this.clonedElement = signal(null, ...(ngDevMode ? [{ debugName: "clonedElement" }] : []));
-        this.currentAxis = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "currentAxis" }] : []));
-        this.currentCloneAxis = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "currentCloneAxis" }] : []));
-        this.transitionDuration = linkedSignal(() => this.dragTransitionDuration(), ...(ngDevMode ? [{ debugName: "transitionDuration" }] : []));
-        this.element = signal(this.el.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
-        this.dragStartTime = signal(0, ...(ngDevMode ? [{ debugName: "dragStartTime" }] : []));
-        this.isDragging = signal(false, ...(ngDevMode ? [{ debugName: "isDragging" }] : []));
-        this.elementOpacity = signal('1', ...(ngDevMode ? [{ debugName: "elementOpacity" }] : []));
-        this.movedAfterDelay = signal(false, ...(ngDevMode ? [{ debugName: "movedAfterDelay" }] : []));
-        this.activePointerId = signal(null, ...(ngDevMode ? [{ debugName: "activePointerId" }] : []));
-        this.prevDropZone = signal(null, ...(ngDevMode ? [{ debugName: "prevDropZone" }] : []));
-        this.dragStartOffset = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "dragStartOffset" }] : []));
-        this.clonePointerOffset = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "clonePointerOffset" }] : []));
-        this.clonedElementViewRef = signal(null, ...(ngDevMode ? [{ debugName: "clonedElementViewRef" }] : []));
+        this.isMoving = signal(false, ...(ngDevMode ? [{ debugName: "isMoving" }] : /* istanbul ignore next */ []));
+        this.clonedElement = signal(null, ...(ngDevMode ? [{ debugName: "clonedElement" }] : /* istanbul ignore next */ []));
+        this.currentAxis = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "currentAxis" }] : /* istanbul ignore next */ []));
+        this.currentCloneAxis = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "currentCloneAxis" }] : /* istanbul ignore next */ []));
+        this.transitionDuration = linkedSignal(() => this.dragTransitionDuration(), ...(ngDevMode ? [{ debugName: "transitionDuration" }] : /* istanbul ignore next */ []));
+        this.element = signal(this.el.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
+        this.dragStartTime = signal(0, ...(ngDevMode ? [{ debugName: "dragStartTime" }] : /* istanbul ignore next */ []));
+        this.isDragging = signal(false, ...(ngDevMode ? [{ debugName: "isDragging" }] : /* istanbul ignore next */ []));
+        this.elementOpacity = signal('1', ...(ngDevMode ? [{ debugName: "elementOpacity" }] : /* istanbul ignore next */ []));
+        this.movedAfterDelay = signal(false, ...(ngDevMode ? [{ debugName: "movedAfterDelay" }] : /* istanbul ignore next */ []));
+        this.activePointerId = signal(null, ...(ngDevMode ? [{ debugName: "activePointerId" }] : /* istanbul ignore next */ []));
+        this.prevDropZone = signal(null, ...(ngDevMode ? [{ debugName: "prevDropZone" }] : /* istanbul ignore next */ []));
+        this.dragStartOffset = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "dragStartOffset" }] : /* istanbul ignore next */ []));
+        this.clonePointerOffset = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "clonePointerOffset" }] : /* istanbul ignore next */ []));
+        this.clonedElementViewRef = signal(null, ...(ngDevMode ? [{ debugName: "clonedElementViewRef" }] : /* istanbul ignore next */ []));
         this.rafId = null;
         this.pendingPointerEvent = null;
         this._parentDropList = inject(AXDropListDirective, { optional: true, skipSelf: true, host: false });
-        this._currentDropList = signal(null, ...(ngDevMode ? [{ debugName: "_currentDropList" }] : []));
-        this.createCloneElement = computed(() => this.dragElementClone() || !!this._parentDropList, ...(ngDevMode ? [{ debugName: "createCloneElement" }] : []));
+        this._currentDropList = signal(null, ...(ngDevMode ? [{ debugName: "_currentDropList" }] : /* istanbul ignore next */ []));
+        this.createCloneElement = computed(() => this.dragElementClone() || !!this._parentDropList, ...(ngDevMode ? [{ debugName: "createCloneElement" }] : /* istanbul ignore next */ []));
         this.boundaryElement = computed(() => {
             const boundary = this.dragBoundary();
             if (!boundary) {
@@ -492,25 +492,25 @@ class AXDragDirective {
                 return this.document.querySelector(boundary);
             }
             return boundary instanceof ElementRef ? boundary.nativeElement : boundary;
-        }, ...(ngDevMode ? [{ debugName: "boundaryElement" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "boundaryElement" }] : /* istanbul ignore next */ []));
         this.elementRect = computed(() => {
             if (!isPlatformBrowser(this.platformId)) {
                 return null;
             }
             return this.element().getBoundingClientRect();
-        }, ...(ngDevMode ? [{ debugName: "elementRect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "elementRect" }] : /* istanbul ignore next */ []));
         this.boundaryRect = computed(() => {
             if (!isPlatformBrowser(this.platformId)) {
                 return null;
             }
             return this.boundaryElement()?.getBoundingClientRect();
-        }, ...(ngDevMode ? [{ debugName: "boundaryRect" }] : []));
-        this.handle = computed(() => this.handleDirective()?.element() ?? this.element(), ...(ngDevMode ? [{ debugName: "handle" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "boundaryRect" }] : /* istanbul ignore next */ []));
+        this.handle = computed(() => this.handleDirective()?.element() ?? this.element(), ...(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, ...(ngDevMode ? [{ debugName: "listenersAttached" }] : []));
+        this.listenersAttached = signal(null, ...(ngDevMode ? [{ debugName: "listenersAttached" }] : /* istanbul ignore next */ []));
         this.#dragDisabledEffect = effect(() => {
             if (this.dragCursor() === 'none') {
                 return;
@@ -523,7 +523,7 @@ class AXDragDirective {
                 this.renderer.removeStyle(this.handle(), 'cursor');
                 this.renderer.removeStyle(this.handle(), 'touch-action');
             }
-        }, ...(ngDevMode ? [{ debugName: "#dragDisabledEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#dragDisabledEffect" }] : /* istanbul ignore next */ []));
         this.#handleChangeEffect = effect(() => {
             if (!isPlatformBrowser(this.platformId))
                 return;
@@ -542,7 +542,7 @@ class AXDragDirective {
                 });
                 this.listenersAttached.set(currentHandle);
             }
-        }, ...(ngDevMode ? [{ debugName: "#handleChangeEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#handleChangeEffect" }] : /* istanbul ignore next */ []));
     }
     #dragDisabledEffect;
     #handleChangeEffect;
@@ -1168,10 +1168,10 @@ class AXDragDirective {
             this.document.removeEventListener('pointercancel', this.boundHandlePointerUp);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.3", 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: "21.2.9", ngImport: i0, type: AXDragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.9", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDragDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDragDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDrag]',
@@ -1181,19 +1181,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 class AXDropZoneDirective extends NXComponent {
     constructor() {
         super(...arguments);
-        this.dropZoneGroup = input(...(ngDevMode ? [undefined, { debugName: "dropZoneGroup" }] : []));
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
-        this.element = signal(this.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
+        this.dropZoneGroup = input(...(ngDevMode ? [undefined, { debugName: "dropZoneGroup" }] : /* istanbul ignore next */ []));
+        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : /* istanbul ignore next */ []));
+        this.element = signal(this.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
         this.onElementDrop = output();
         this.onElementHover = output();
     }
     ngOnInit() {
         this.element().dataset['axDropZone'] = 'true';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDropZoneDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", 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: "21.2.9", ngImport: i0, type: AXDropZoneDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", 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: "21.1.3", ngImport: i0, type: AXDropZoneDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDropZoneDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDropZone]',
@@ -1203,11 +1203,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 const COMPONENT = [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective];
 class AXDragDropModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AXDragDropModule, imports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective], exports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDragDropModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXDragDropModule, imports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective], exports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDragDropModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDragDropModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXDragDropModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENT],