@acorex/components 22.1.6 → 22.1.7

package/types/acorex-components-tabs.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, EventEmitter, AfterViewInit, AfterContentInit, OnDestroy } from '@angular/core';
 import { MXInteractiveComponent, AXClickEvent, MXComponentOptionChanged, AXEvent, MXBaseComponent } from '@acorex/cdk/common';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/cdk/portal';
+import * as i1 from '@acorex/cdk/drag-drop';
+import * as i2 from '@acorex/cdk/horizontal-scroll';
+import * as i1$1 from '@angular/common';
+import * as i2$1 from '@angular/cdk/portal';
 import * as i3 from '@acorex/components/decorators';
 
 declare class AXTabContentDirective {
@@ -19,6 +21,8 @@ declare class AXTabContentDirective {
  *  Represents an individual tab item in a tab component.
  */
 declare class AXTabItemComponent extends MXInteractiveComponent {
+    private readonly _drag;
+    private _reorderEnabled;
     /**
      * Defines the text content to be displayed within the component.
      */
@@ -50,6 +54,10 @@ declare class AXTabItemComponent extends MXInteractiveComponent {
      */
     get active(): boolean;
     set active(value: boolean);
+    /** @ignore */
+    setReorderEnabled(enabled: boolean, delay?: number, touchAction?: 'none' | 'pan-x' | 'pan-y'): void;
+    /** @ignore */
+    private updateDragState;
     /**
      * @ignore
      */
@@ -70,13 +78,19 @@ declare class AXTabItemComponent extends MXInteractiveComponent {
         top: number;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabItemComponent, "ax-tab-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "key": { "alias": "key"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "disabledChange": "disabledChange"; "onClick": "onClick"; "onBlur": "onBlur"; "onFocus": "onFocus"; "activeChange": "activeChange"; }, never, ["ax-prefix", "ax-suffix", "ax-content"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabItemComponent, "ax-tab-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "key": { "alias": "key"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "disabledChange": "disabledChange"; "onClick": "onClick"; "onBlur": "onBlur"; "onFocus": "onFocus"; "activeChange": "activeChange"; }, never, ["ax-prefix", "ax-suffix", "ax-content"], true, [{ directive: typeof i1.AXDragDirective; inputs: { "dragCursor": "dragCursor"; "dragStartDelay": "dragStartDelay"; "dragClonedTemplate": "dragClonedTemplate"; }; outputs: {}; }]>;
 }
 
 declare class AXTabStripChangedEvent extends AXEvent {
     tab: AXTabItemComponent;
     index: number;
 }
+/** Event emitted when tab items are reordered via drag and drop. */
+declare class AXTabsReorderedEvent extends AXEvent {
+    tab: AXTabItemComponent;
+    previousIndex: number;
+    currentIndex: number;
+}
 type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color' | 'classic' | 'custom';
 type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';
 
@@ -87,6 +101,8 @@ type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';
 declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit, AfterContentInit, OnDestroy {
     #private;
     private readonly renderer;
+    private readonly _dropList;
+    private readonly _scroll;
     /**
      * @ignore
      */
@@ -101,6 +117,20 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
      * @defaultValue 'bottom'
      */
     location: i0.InputSignal<AXTabLocation>;
+    /**
+     * Enables drag-and-drop reordering of tab items. Reordering starts only after the user
+     * presses and holds a tab for {@link reorderDelay} milliseconds; a quick swipe without
+     * holding scrolls the strip instead.
+     * @defaultValue false
+     */
+    reorderable: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Press-and-hold duration in milliseconds before a tab can be dragged to reorder.
+     * After this delay the cursor changes to indicate reorder mode. Moving before the
+     * delay ends cancels reorder and allows swipe or pan scrolling instead.
+     * @defaultValue 250
+     */
+    reorderDelay: i0.InputSignal<number>;
     /**
      * @defaultValue 'false'
      * Specifies whether the component should resize to fit its parent container.
@@ -133,8 +163,15 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
      * @event
      */
     onActiveTabChanged: EventEmitter<AXTabStripChangedEvent>;
+    /**
+     * Emitted when tab items are reordered via drag and drop after the press-and-hold
+     * delay has elapsed and the user drags a tab to a new position.
+     * @event
+     */
+    onTabsReordered: EventEmitter<AXTabsReorderedEvent>;
     /** @ignore */
     private get __hostClass();
+    constructor();
     /** @ignore */
     ngAfterContentInit(): void;
     /** @ignore */
@@ -142,6 +179,10 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
     ngOnDestroy(): void;
     /** @ignore */
     private _bindOnClickEvent;
+    /** @ignore */
+    private _syncDragState;
+    /** @ignore */
+    private _applyReorder;
     /**
      * Activates the specified tab and updates the content.
      *
@@ -150,14 +191,14 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
     select(tab: number | AXTabItemComponent): void;
     private setIndicatorPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabsComponent, "ax-tabs", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; "fitParent": { "alias": "fitParent"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, { "onActiveTabChanged": "onActiveTabChanged"; }, ["_contentTabs"], ["ax-tab-item"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabsComponent, "ax-tabs", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "reorderDelay": { "alias": "reorderDelay"; "required": false; "isSignal": true; }; "fitParent": { "alias": "fitParent"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, { "onActiveTabChanged": "onActiveTabChanged"; "onTabsReordered": "onTabsReordered"; }, ["_contentTabs"], ["ax-tab-item"], true, [{ directive: typeof i1.AXDropListDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.AXHorizontalScrollDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class AXTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTabsModule, never, [typeof i1.CommonModule, typeof i2.PortalModule, typeof i3.AXDecoratorModule, typeof AXTabsComponent, typeof AXTabItemComponent, typeof AXTabContentDirective], [typeof AXTabsComponent, typeof AXTabItemComponent, typeof AXTabContentDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTabsModule, never, [typeof i1$1.CommonModule, typeof i2$1.PortalModule, typeof i3.AXDecoratorModule, typeof AXTabsComponent, typeof AXTabItemComponent, typeof AXTabContentDirective], [typeof AXTabsComponent, typeof AXTabItemComponent, typeof AXTabContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXTabsModule>;
 }
 
-export { AXTabContentDirective, AXTabItemComponent, AXTabStripChangedEvent, AXTabsComponent, AXTabsModule };
+export { AXTabContentDirective, AXTabItemComponent, AXTabStripChangedEvent, AXTabsComponent, AXTabsModule, AXTabsReorderedEvent };
 export type { AXTabLocation, AXTabLook };