@acorex/components 22.1.0-next.31 → 22.1.0-next.33

package/types/acorex-components-scheduler-picker.d.ts

@@ -909,7 +909,7 @@ declare class AXSchedulerPickerService {
      */
     private getOccurrencePositionText;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerPickerService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXSchedulerPickerService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 /**

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

@@ -1329,7 +1329,7 @@ declare class AXSchedulerService {
      */
     applyDropResult(appointment: AXSchedulerAppointment, dropResult: AXSchedulerAppointmentDropResult): AXSchedulerAppointment;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXSchedulerService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 export { AXSchedulerAgendaViewComponent, AXSchedulerComponent, AXSchedulerDayViewComponent, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerService, AXSchedulerTimelineDayViewComponent, AXSchedulerTimelineMonthViewComponent, AXSchedulerTimelineWeeklyViewComponent, AXSchedulerTimelineYearViewComponent, AXSchedulerWeekViewComponent };

package/types/acorex-components-search-box.d.ts

@@ -12,7 +12,7 @@ import * as i6 from '@acorex/components/button';
 declare const AXSearchBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
     ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * @category

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-side-menu.d.ts

@@ -29,7 +29,7 @@ interface AXSideMenuContextMenuItemData {
 declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     #private;
     text: _angular_core.ModelSignal<string>;
-    active: _angular_core.ModelSignal<boolean>;
+    readonly active: _angular_core.InputSignal<boolean>;
     isLoading: _angular_core.ModelSignal<boolean>;
     isCollapsed: _angular_core.ModelSignal<boolean>;
     onClick: _angular_core.OutputEmitterRef<AXSideMenuItemClickEvent>;
@@ -90,7 +90,7 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     private updateHasChild;
     private updateContentLabel;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, ["childItems"], ["ax-title", "ax-side-menu-item, ng-container, [ngTemplateOutlet]", "ax-divider", "ax-prefix", "*", "ax-suffix"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, ["childItems"], ["ax-title", "ax-side-menu-item, ng-container, [ngTemplateOutlet]", "ax-divider", "ax-prefix", "*", "ax-suffix"], true, never>;
 }
 
 type AXSideMenuLook = 'default' | 'with-line';
@@ -148,15 +148,13 @@ declare class AXSideMenuComponent extends NXComponent implements AXSideMenuBase
 declare class AXOutlineSideMenuDirective {
     #private;
     private router;
+    private host;
     private unsubscriber;
     private sideMenu;
     private container;
-    private updateSideMenu;
-    /**
-     * Creates a string signature that represents the tree structure of the menu.
-     * Example: "href1(href1.1,href1.2),href2,href3"
-     * This will be different for a flat list vs. a nested list.
-     */
+    private handleSideMenuLinkClick;
+    private cloneMenuTree;
+    private getActiveSignature;
     private getStructuralSignature;
     private flattenMenuItems;
     private textReplace;

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

@@ -8,7 +8,7 @@ import * as i3 from '@angular/forms';
 declare const AXSliderComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<number>;
     ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }, typeof MXColorComponent]>;
 /**
  * @deprecated Use `range slider` instead.

package/types/acorex-components-step-wizard.d.ts

@@ -1,13 +1,14 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef, OnInit } from '@angular/core';
-import { MXBaseComponent, AXOrientation } from '@acorex/cdk/common';
+import { AXStyleSizeType, MXBaseComponent, AXOrientation } from '@acorex/cdk/common';
 
 interface AXStepWizardItem {
     id: string;
     title: string;
 }
 type AXStepWizardLook = 'rounded-icon' | 'circular-icon' | 'circular' | 'text-line' | 'rounded-arrow-minimal' | 'rectangular-arrow-minimal' | 'custom';
-type AXStepWizardSize = 'ax-sm' | 'ax-md' | 'ax-lg';
+/** Theme host class for step wizard sizing (`ax-xs` … `ax-xl`). */
+type AXStepWizardSize = AXStyleSizeType;
 type AXStepWizardState = 'pending' | 'success' | 'error' | 'warning' | 'clear';
 
 declare class AXStepWizardItemComponent extends MXBaseComponent {
@@ -49,7 +50,6 @@ declare class AXStepWizardComponent extends MXBaseComponent implements OnInit {
      * Whether to automatically scroll to the active step when it changes
      */
     scrollToStep: _angular_core.InputSignal<boolean>;
-    size: _angular_core.InputSignal<AXStepWizardSize>;
     look: _angular_core.InputSignal<AXStepWizardLook>;
     changeStep: _angular_core.InputSignal<boolean>;
     stepChanged: _angular_core.OutputEmitterRef<AXStepWizardItemComponent>;
@@ -94,7 +94,7 @@ declare class AXStepWizardComponent extends MXBaseComponent implements OnInit {
     /** @ignore */
     private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXStepWizardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXStepWizardComponent, "ax-step-wizard", never, { "connector": { "alias": "connector"; "required": false; "isSignal": true; }; "scrollToStep": { "alias": "scrollToStep"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "changeStep": { "alias": "changeStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, { "stepChanged": "stepChanged"; }, ["steps"], ["ax-step-wizard-item"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXStepWizardComponent, "ax-step-wizard", never, { "connector": { "alias": "connector"; "required": false; "isSignal": true; }; "scrollToStep": { "alias": "scrollToStep"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "changeStep": { "alias": "changeStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, { "stepChanged": "stepChanged"; }, ["steps"], ["ax-step-wizard-item"], true, never>;
 }
 
 declare class AXStepWizardModule {

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

@@ -16,7 +16,7 @@ declare class AXSwitchContentComponent extends MXBaseComponent {
 declare const AXSwitchComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<boolean>;
     ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }, typeof MXColorComponent]>;
 /**
  * @category

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

@@ -1,24 +1,21 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, EventEmitter, AfterViewInit, AfterContentInit, OnDestroy } from '@angular/core';
+import { TemplateRef, EventEmitter, OnDestroy, AfterViewInit, AfterContentInit } 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 {
-    private _viewContainerRef;
-    private _portal;
-    get portal(): TemplateRef<any> | undefined;
-    set portal(v: TemplateRef<any> | undefined);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXTabContentDirective, "[axTabContent]", ["axTabContent"], { "portal": { "alias": "axTabContent"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 /**
  * @category
  *  Represents an individual tab item in a tab component.
  */
 declare class AXTabItemComponent extends MXInteractiveComponent {
+    private readonly _drag;
+    private _reorderEnabled;
+    private _panTouchAction;
+    constructor();
     /**
      * Defines the text content to be displayed within the component.
      */
@@ -27,7 +24,13 @@ declare class AXTabItemComponent extends MXInteractiveComponent {
      * Defines a unique identifier for the component instance.
      */
     key: string;
-    template: TemplateRef<unknown>;
+    private _panel?;
+    private _contentTemplate;
+    /**
+     * Template rendered for this tab's content area.
+     * Prefer `ng-template[axTabPanel]` so `renderMode="default"` can recreate panel state.
+     */
+    get template(): TemplateRef<unknown>;
     /**
      * Defines a custom template for the component's header.
      */
@@ -50,6 +53,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,15 +79,77 @@ 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"; }, ["_panel"], ["ax-prefix", "ax-suffix", "ax-content"], true, [{ directive: typeof i1.AXDragDirective; inputs: { "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';
+type AXTabsRenderMode = 'default' | 'all-tabs' | 'on-demand';
+
+declare class AXTabContentDirective implements OnDestroy {
+    private readonly viewContainerRef;
+    private readonly renderer;
+    private readonly panes;
+    private _portal;
+    private defaultView;
+    get portal(): TemplateRef<unknown> | undefined;
+    set portal(v: TemplateRef<unknown> | undefined);
+    /**
+     * Shows the given tab template using the specified render mode.
+     */
+    activate(template: TemplateRef<unknown> | undefined, mode: AXTabsRenderMode): void;
+    /**
+     * Ensures embedded views exist for every tab template (all-tabs mode).
+     */
+    preload(templates: TemplateRef<unknown>[]): void;
+    /**
+     * Removes panes whose tab templates are no longer present.
+     */
+    sync(templates: TemplateRef<unknown>[]): void;
+    /**
+     * Destroys all cached panes and clears the view container.
+     */
+    reset(): void;
+    ngOnDestroy(): void;
+    private destroyDefaultView;
+    private resetKeepAlivePanes;
+    private ensurePane;
+    private showPane;
+    private destroyPane;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXTabContentDirective, "[axTabContent]", ["axTabContent"], { "portal": { "alias": "axTabContent"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Marks an `ng-template` as tab panel content. Use this instead of projecting
+ * components directly into `ax-content` when you need `renderMode="default"`
+ * to destroy and recreate panel state on each tab switch.
+ *
+ * @example
+ * ```html
+ * <ax-tab-item text="Account">
+ *   <ng-template axTabPanel>
+ *     <my-panel />
+ *   </ng-template>
+ * </ax-tab-item>
+ * ```
+ */
+declare class AXTabPanelDirective {
+    readonly template: TemplateRef<unknown>;
+    constructor(template: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabPanelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXTabPanelDirective, "ng-template[axTabPanel]", never, {}, {}, never, never, true, never>;
+}
 
 /**
  * @category
@@ -87,6 +158,9 @@ type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';
 declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit, AfterContentInit, OnDestroy {
     #private;
     private readonly renderer;
+    private readonly destroyRef;
+    private readonly _dropList;
+    private readonly _scroll;
     /**
      * @ignore
      */
@@ -101,6 +175,36 @@ 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 grab while the pointer is still held. Moving before
+     * the delay ends cancels reorder and allows swipe or pan scrolling instead.
+     * @defaultValue 250
+     */
+    reorderDelay: i0.InputSignal<number>;
+    /**
+     * Controls how tab content is rendered in the DOM.
+     *
+     * - `default` — Only the active tab's content is in the DOM. Switching tabs replaces content and does not preserve state.
+     * - `all-tabs` — All tab contents are rendered and kept in the DOM. State is preserved; higher memory use.
+     * - `on-demand` — Only the active tab is rendered initially. Other tabs are rendered on first visit and then kept; state is preserved.
+     *
+     * @defaultValue 'default'
+     */
+    renderMode: i0.InputSignal<AXTabsRenderMode>;
+    /**
+     * When true, stacks prefix, title, and suffix vertically inside each tab header
+     * instead of arranging them in a horizontal row.
+     * @defaultValue false
+     */
+    stacked: i0.InputSignalWithTransform<boolean, unknown>;
     /**
      * @defaultValue 'false'
      * Specifies whether the component should resize to fit its parent container.
@@ -114,12 +218,18 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
     /**
      * The `AXTabContentDirective` associated with the tab.
      */
-    content: AXTabContentDirective;
+    set content(value: AXTabContentDirective);
+    get content(): AXTabContentDirective;
+    private _content;
     private indicator;
     private zone;
     private platformId;
     /** @ignore */
     private _isUserInteraction;
+    /** @ignore */
+    private _clickSubscriptions;
+    /** @ignore */
+    private _activeSubscriptions;
     get items(): AXTabItemComponent[];
     /** @ignore */
     private _selectedItem;
@@ -129,12 +239,21 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
     get selectedItem(): AXTabItemComponent;
     private changes;
     private activeTab;
+    private viewReady;
+    private lastRenderMode;
     /**
      * @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,22 +261,34 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
     ngOnDestroy(): void;
     /** @ignore */
     private _bindOnClickEvent;
+    /** @ignore */
+    private _syncDragState;
+    /** @ignore */
+    private _applyReorder;
+    /** @ignore */
+    private _observeActiveTabForResize;
+    /** @ignore */
+    private scheduleIndicatorUpdate;
     /**
      * Activates the specified tab and updates the content.
      *
      * @param tab - The tab to select, either by index (number) or by component instance
      */
     select(tab: number | AXTabItemComponent): void;
+    /** @ignore */
+    private _renderContent;
+    /** @ignore */
+    private getTabIndicatorStats;
     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; }; "renderMode": { "alias": "renderMode"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "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 AXTabPanelDirective], [typeof AXTabsComponent, typeof AXTabItemComponent, typeof AXTabContentDirective, typeof AXTabPanelDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXTabsModule>;
 }
 
-export { AXTabContentDirective, AXTabItemComponent, AXTabStripChangedEvent, AXTabsComponent, AXTabsModule };
-export type { AXTabLocation, AXTabLook };
+export { AXTabContentDirective, AXTabItemComponent, AXTabPanelDirective, AXTabStripChangedEvent, AXTabsComponent, AXTabsModule, AXTabsReorderedEvent };
+export type { AXTabLocation, AXTabLook, AXTabsRenderMode };

package/types/acorex-components-tag-box.d.ts

@@ -7,10 +7,10 @@ import { AXUnsubscriber } from '@acorex/core/utils';
 declare const AXTagBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<unknown[]>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent, (abstract new () => AXAutocompleteParentComponent<unknown[]>) & {
     ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAutocompleteParentComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<AXAutocompleteParentComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }]>;
 declare class AXTagBoxComponent extends AXTagBoxComponent_base implements OnInit {
     unsubscriber: AXUnsubscriber;

package/types/acorex-components-text-area.d.ts

@@ -8,7 +8,7 @@ import * as i2 from '@angular/forms';
 declare const AXTextAreaComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
     ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * A component that provides a multi-line text input field with support for resizing, validation, and custom styling.

package/types/acorex-components-text-box.d.ts

@@ -12,7 +12,7 @@ import * as i5 from '@acorex/components/decorators';
 declare const AXTextBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * The Textbox is a component which detects user interaction and triggers a corresponding event

package/types/acorex-components-time-duration.d.ts

@@ -8,7 +8,7 @@ type AXTimeDurationUnit = 'YEAR' | 'MONTH' | 'WEEK' | 'DAY' | 'HOUR' | 'MINUTE'
 declare const AXTimeDurationComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<number>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 declare class AXTimeDurationComponent extends AXTimeDurationComponent_base {
     #private;

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

@@ -123,7 +123,7 @@ declare class AXToastService {
     private applyRepositionPosition;
     private getPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXToastService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXToastService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**

package/types/acorex-components-tree-view.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef, EventEmitter } from '@angular/core';
 import { AXEvent, AXHtmlEvent, AXValueChangedEvent } from '@acorex/cdk/common';
+import { AXGestureEvent } from '@acorex/cdk/gesture';
 import { AXDropListDroppedEvent } from '@acorex/cdk/drag-drop';
 
 /**
@@ -150,6 +151,11 @@ interface AXTreeViewItemTemplateContext {
     dragArea: AXTreeViewDragArea;
     /** Whether the drag handle should be shown (dragArea === 'handler' && dragBehavior !== 'none') */
     showDragHandle: boolean;
+    /**
+     * The active search query. The default node label highlights it automatically;
+     * custom templates must render it themselves (e.g. with `ax-highlight-text`).
+     */
+    highlightText: string;
 }
 type AXTreeViewViewLook = 'default' | 'card' | 'with-line';
 type AXTreeViewDragArea = 'handler' | 'item';
@@ -241,12 +247,19 @@ declare class AXTreeViewComponent {
      * including expanded children). Default: `false`.
      */
     readonly alternate: _angular_core.InputSignal<boolean>;
-    /** Custom template for tree items. Default: `undefined` */
+    /**
+     * Custom template for tree items. Default: `undefined`
+     *
+     * Context includes `highlightText`; the default node label is replaced by the template,
+     * so search highlighting must be rendered by the template itself.
+     */
     readonly nodeTemplate: _angular_core.InputSignal<TemplateRef<AXTreeViewItemTemplateContext>>;
     /** Field name for node ID. Default: `'id'` */
     readonly idField: _angular_core.InputSignal<string>;
     /** Field name for node title. Default: `'title'` */
     readonly titleField: _angular_core.InputSignal<string>;
+    /** When set, matching characters in the default node label are highlighted. */
+    readonly highlightText: _angular_core.InputSignal<string>;
     /** Field name for node tooltip. Default: `'tooltip'` */
     readonly tooltipField: _angular_core.InputSignal<string>;
     /** Field name for node icon. Default: `'icon'` */
@@ -712,6 +725,22 @@ declare class AXTreeViewComponent {
      * Handle node double click
      */
     onNodeDoubleClickHandle(node: AXTreeViewNode, event: Event): Promise<void>;
+    /**
+     * Handle tap gesture on a node (single click).
+     */
+    onNodeGestureTap(node: AXTreeViewNode, event: AXGestureEvent): void;
+    /**
+     * Handle double-tap gesture on a node.
+     */
+    onNodeGestureDoubleTap(node: AXTreeViewNode, event: AXGestureEvent): void;
+    /**
+     * Handle native click when gesture recognition is disabled for the node.
+     */
+    onNodeNativeClick(node: AXTreeViewNode, event: Event): void;
+    /**
+     * Handle native double-click when gesture recognition is disabled for the node.
+     */
+    onNodeNativeDoubleClick(node: AXTreeViewNode, event: Event): void;
     /**
      * Handle node click handle
      */
@@ -846,7 +875,7 @@ declare class AXTreeViewComponent {
      */
     private handleError;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "datasource": { "alias": "datasource"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "dragArea": { "alias": "dragArea"; "required": false; "isSignal": true; }; "dragBehavior": { "alias": "dragBehavior"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "showChildrenBadge": { "alias": "showChildrenBadge"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "collapsedIcon": { "alias": "collapsedIcon"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "alternate": { "alias": "alternate"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "idField": { "alias": "idField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "tooltipField": { "alias": "tooltipField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandedField": { "alias": "expandedField"; "required": false; "isSignal": true; }; "selectedField": { "alias": "selectedField"; "required": false; "isSignal": true; }; "indeterminateField": { "alias": "indeterminateField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "hiddenField": { "alias": "hiddenField"; "required": false; "isSignal": true; }; "childrenField": { "alias": "childrenField"; "required": false; "isSignal": true; }; "childrenCountField": { "alias": "childrenCountField"; "required": false; "isSignal": true; }; "dataField": { "alias": "dataField"; "required": false; "isSignal": true; }; "inheritDisabled": { "alias": "inheritDisabled"; "required": false; "isSignal": true; }; "expandOnDoubleClick": { "alias": "expandOnDoubleClick"; "required": false; "isSignal": true; }; "doubleClickDuration": { "alias": "doubleClickDuration"; "required": false; "isSignal": true; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; "isSignal": true; }; "controlledSelection": { "alias": "controlledSelection"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; }, { "datasource": "datasourceChange"; "selectedIds": "selectedIdsChange"; "onBeforeDrop": "onBeforeDrop"; "onNodeToggle": "onNodeToggle"; "onNodeSelect": "onNodeSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeClick": "onNodeClick"; "onSelectionChange": "onSelectionChange"; "onOrderChange": "onOrderChange"; "onMoveChange": "onMoveChange"; "onItemsChange": "onItemsChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "datasource": { "alias": "datasource"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "dragArea": { "alias": "dragArea"; "required": false; "isSignal": true; }; "dragBehavior": { "alias": "dragBehavior"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "showChildrenBadge": { "alias": "showChildrenBadge"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "collapsedIcon": { "alias": "collapsedIcon"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "alternate": { "alias": "alternate"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "idField": { "alias": "idField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "highlightText": { "alias": "highlightText"; "required": false; "isSignal": true; }; "tooltipField": { "alias": "tooltipField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandedField": { "alias": "expandedField"; "required": false; "isSignal": true; }; "selectedField": { "alias": "selectedField"; "required": false; "isSignal": true; }; "indeterminateField": { "alias": "indeterminateField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "hiddenField": { "alias": "hiddenField"; "required": false; "isSignal": true; }; "childrenField": { "alias": "childrenField"; "required": false; "isSignal": true; }; "childrenCountField": { "alias": "childrenCountField"; "required": false; "isSignal": true; }; "dataField": { "alias": "dataField"; "required": false; "isSignal": true; }; "inheritDisabled": { "alias": "inheritDisabled"; "required": false; "isSignal": true; }; "expandOnDoubleClick": { "alias": "expandOnDoubleClick"; "required": false; "isSignal": true; }; "doubleClickDuration": { "alias": "doubleClickDuration"; "required": false; "isSignal": true; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; "isSignal": true; }; "controlledSelection": { "alias": "controlledSelection"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; }, { "datasource": "datasourceChange"; "selectedIds": "selectedIdsChange"; "onBeforeDrop": "onBeforeDrop"; "onNodeToggle": "onNodeToggle"; "onNodeSelect": "onNodeSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeClick": "onNodeClick"; "onSelectionChange": "onSelectionChange"; "onOrderChange": "onOrderChange"; "onMoveChange": "onMoveChange"; "onItemsChange": "onItemsChange"; }, never, never, true, never>;
 }
 
 declare class AXTreeViewModule {
@@ -1038,7 +1067,7 @@ declare class AXTreeViewService {
         errors: string[];
     };
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTreeViewService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXTreeViewService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 export { AXTreeViewComponent, AXTreeViewModule, AXTreeViewService };

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

@@ -13,7 +13,7 @@ import * as i7 from '@acorex/components/text-box';
 declare const AXWysiwygContainerComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
     ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * A container component for WYSIWYG (What You See Is What You Get) editor functionality.
@@ -79,6 +79,19 @@ declare class AXWysiwygContainerComponent extends AXWysiwygContainerComponent_ba
  */
 declare class AXWysiwygToolbarComponent {
     toolbar: i0.Signal<ElementRef<HTMLDivElement>>;
+    private readonly host;
+    private readonly renderer;
+    private readonly platformId;
+    private readonly destroyRef;
+    private readonly zIndexService;
+    private observer;
+    private overlayState;
+    constructor();
+    private setupPickerOverlay;
+    private syncPickerOverlay;
+    private openPickerOverlay;
+    private closePickerOverlay;
+    private teardownPickerOverlay;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygToolbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygToolbarComponent, "ax-wysiwyg-toolbar", never, {}, {}, never, ["ax-prefix", "ax-suffix"], true, never>;
 }
@@ -96,7 +109,7 @@ declare class WysiwygService {
     selectedColor: i0.WritableSignal<string>;
     selectedBackgroundColor: i0.WritableSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WysiwygService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<WysiwygService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**