@acorex/components 22.1.6 → 22.1.8

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

@@ -385,6 +385,7 @@ declare class AXLookupComponent<T = AXLookupItem> extends NXValueComponent imple
     adaptivityEnabled: _angular_core.InputSignal<boolean>;
     /**
      * Title shown in the actionsheet header on small screens. Falls back to `placeholder`.
+     * Supports i18n expressions (e.g. `@acorex:selectbox.popover.title`).
      */
     caption: _angular_core.InputSignal<string>;
     /**
@@ -396,12 +397,18 @@ declare class AXLookupComponent<T = AXLookupItem> extends NXValueComponent imple
      * Placeholder for the trigger search input when items are already selected
      * (mainly useful in `multi-select` / `multi-select-tree`), and for the in-sheet search field on small screens.
      * Falls back to `placeholder` when the selection is empty on desktop.
+     * Supports i18n expressions (e.g. `@acorex:common.actions.search`).
      */
     searchPlaceholder: _angular_core.InputSignal<string>;
     /**
      * The placeholder text shown when no value is selected.
+     * Supports i18n expressions (e.g. `@acorex:chat.placeholders.select-conversation`).
      */
     placeholder: _angular_core.InputSignal<string>;
+    /** Resolved `placeholder` (i18n-aware). */
+    protected translatedPlaceholder: _angular_core.Signal<string>;
+    /** Resolved `searchPlaceholder` (i18n-aware). */
+    protected translatedSearchPlaceholder: _angular_core.Signal<string>;
     /**
      * Whether the lookup is disabled.
      */
@@ -523,6 +530,12 @@ declare class AXLookupComponent<T = AXLookupItem> extends NXValueComponent imple
     protected selectedItems: _angular_core.WritableSignal<AXLookupItem[]>;
     /** Display text shown in the trigger for single modes. */
     protected displayText: _angular_core.Signal<string>;
+    /** Resolved display text for the trigger input (i18n-aware). */
+    protected translatedDisplayText: _angular_core.Signal<string>;
+    /** Actionsheet header title with i18n fallback chain. */
+    protected actionsheetTitleSource: _angular_core.Signal<string>;
+    /** Resolved actionsheet title (i18n-aware). */
+    protected actionsheetTitle: _angular_core.Signal<string>;
     /**
      * Text typed in the editable trigger input.
      * Multi-select starts empty; single modes sync from the selected display text.

package/types/acorex-components-selection-list.d.ts

@@ -80,7 +80,7 @@ declare class AXSelectionListComponent extends MXSelectionValueComponent {
     /** @ignore */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class AXSelectionListModule {

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,9 @@ declare class AXTabContentDirective {
  *  Represents an individual tab item in a tab component.
  */
 declare class AXTabItemComponent extends MXInteractiveComponent {
+    private readonly _drag;
+    private _reorderEnabled;
+    private _panTouchAction;
     /**
      * Defines the text content to be displayed within the component.
      */
@@ -50,6 +55,12 @@ 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 */
+    private applyScrollTouchAction;
     /**
      * @ignore
      */
@@ -70,13 +81,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 +104,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 +120,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 +166,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 +182,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 +194,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 };