@acorex/components 22.1.7 → 22.2.0-next.0

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

@@ -15,7 +15,7 @@ type AXRangeSliderHandler = 'first' | 'second';
 declare const AXRangeSliderComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<AXRangeSliderValue>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }]>;
 /**
  * @description

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

@@ -0,0 +1,85 @@
+import * as _angular_core from '@angular/core';
+import { AXEmoji } from '@acorex/core/constants';
+
+/**
+ * A single aggregated reaction shown by {@link AXReactionComponent}.
+ */
+interface AXReactionItem {
+    /** Emoji metadata rendered with {@link AXEmojiComponent}. */
+    emoji: AXEmoji;
+    /** Number of users who reacted with this emoji. */
+    count: number;
+    /** Whether the current user has selected this reaction. */
+    selected?: boolean;
+}
+
+/**
+ * Telegram-style reaction chips for chat messages.
+ * Renders emojis with {@link AXEmojiComponent} and opens {@link AXEmojiPickerComponent}
+ * inside {@link AXPopoverComponent} when editable.
+ *
+ * @category Components
+ */
+declare class AXReactionComponent {
+    /**
+     * Aggregated reactions to display.
+     *
+     * @defaultValue []
+     */
+    readonly items: _angular_core.InputSignal<readonly AXReactionItem[]>;
+    /**
+     * Rendered emoji size in pixels.
+     *
+     * @defaultValue 18
+     */
+    readonly size: _angular_core.InputSignal<number>;
+    /**
+     * When true, reactions are interactive and an add button opens the emoji picker popover.
+     *
+     * @defaultValue false
+     */
+    readonly editable: _angular_core.InputSignal<boolean>;
+    /**
+     * When true, the emoji picker popover is opened.
+     *
+     * @defaultValue false
+     */
+    readonly showPicker: _angular_core.InputSignal<boolean>;
+    /**
+     * Emits when the user selects a new reaction or an unselected existing one.
+     */
+    readonly add: _angular_core.OutputEmitterRef<AXEmoji>;
+    /**
+     * Emits when the user removes their own reaction.
+     */
+    readonly remove: _angular_core.OutputEmitterRef<AXEmoji>;
+    private readonly pickerPopover;
+    /** Whether the emoji picker popover is currently open. */
+    protected readonly pickerOpen: _angular_core.WritableSignal<boolean>;
+    /** Whether the add button should appear pressed while the picker is open. */
+    protected readonly isPickerVisible: _angular_core.Signal<boolean>;
+    constructor();
+    /** Toggles a reaction without mutating counts; parent owns state. */
+    protected onItemClick(item: AXReactionItem): void;
+    /** Opens or closes the emoji picker popover. */
+    protected togglePicker(event?: Event): void;
+    /** Forwards a picker selection as `add` and closes the popover. */
+    protected onPickerSelected(emoji: AXEmoji): void;
+    /** Syncs the add-button pressed state when the popover opens. */
+    protected onPickerOpened(): void;
+    /** Syncs the add-button pressed state when the popover closes. */
+    protected onPickerClosed(): void;
+    /** Accessible name for an existing reaction chip. */
+    protected itemAriaLabel(item: AXReactionItem): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXReactionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXReactionComponent, "ax-reaction", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "showPicker": { "alias": "showPicker"; "required": false; "isSignal": true; }; }, { "add": "add"; "remove": "remove"; }, never, never, true, never>;
+}
+
+declare class AXReactionModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXReactionModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXReactionModule, never, [typeof AXReactionComponent], [typeof AXReactionComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXReactionModule>;
+}
+
+export { AXReactionComponent, AXReactionModule };
+export type { AXReactionItem };

package/types/acorex-components-rest-api-generator.d.ts

@@ -33,7 +33,7 @@ type AXRestApiOutput = {
 declare class AXRestApiGeneratorService {
     outPutJSON: i0.WritableSignal<AXRestApiOutput>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRestApiGeneratorService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXRestApiGeneratorService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class AXQueryParamsComponent {

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

@@ -96,7 +96,7 @@ declare class AXRruleService {
      */
     rruleGetAfter(rule: AXRRuleType, date: Date, inclusive?: boolean): Date | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRruleService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXRruleService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare class AXRrulePreviewComponent implements OnInit {

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,5 +1,5 @@
 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 '@acorex/cdk/drag-drop';
 import * as i2 from '@acorex/cdk/horizontal-scroll';
@@ -7,15 +7,6 @@ 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.
@@ -23,6 +14,8 @@ declare class AXTabContentDirective {
 declare class AXTabItemComponent extends MXInteractiveComponent {
     private readonly _drag;
     private _reorderEnabled;
+    private _panTouchAction;
+    constructor();
     /**
      * Defines the text content to be displayed within the component.
      */
@@ -31,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.
      */
@@ -58,6 +57,8 @@ declare class AXTabItemComponent extends MXInteractiveComponent {
     setReorderEnabled(enabled: boolean, delay?: number, touchAction?: 'none' | 'pan-x' | 'pan-y'): void;
     /** @ignore */
     private updateDragState;
+    /** @ignore */
+    private applyScrollTouchAction;
     /**
      * @ignore
      */
@@ -78,7 +79,7 @@ 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, [{ directive: typeof i1.AXDragDirective; inputs: { "dragCursor": "dragCursor"; "dragStartDelay": "dragStartDelay"; "dragClonedTemplate": "dragClonedTemplate"; }; outputs: {}; }]>;
+    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 {
@@ -93,6 +94,62 @@ declare class AXTabsReorderedEvent extends AXEvent {
 }
 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
@@ -101,6 +158,7 @@ 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;
     /**
@@ -126,11 +184,27 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
     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.
+     * 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.
@@ -144,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;
@@ -159,6 +239,8 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
     get selectedItem(): AXTabItemComponent;
     private changes;
     private activeTab;
+    private viewReady;
+    private lastRenderMode;
     /**
      * @event
      */
@@ -183,22 +265,30 @@ declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit,
     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; }; "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: {}; }]>;
+    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$1.CommonModule, typeof i2$1.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, AXTabsReorderedEvent };
-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';
 
 /**
@@ -724,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
      */
@@ -732,6 +749,11 @@ declare class AXTreeViewComponent {
      * Toggle node expansion state with lazy loading support
      * Note: Disabled nodes can still be toggled (expanded/collapsed) for better UX
      */
+    /**
+     * Keeps expand/collapse from selecting the node or moving focus out of a parent editor
+     * (for example a lookup trigger, which would close the popup).
+     */
+    onExpandTogglePointerDown(event: Event): void;
     toggleNode(node: AXTreeViewNode, event: Event): Promise<void>;
     /**
      * Toggle node selection state with indeterminate support (for multiple mode)
@@ -1050,7 +1072,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 };