@acorex/components 22.1.0-next.30 → 22.1.0-next.32

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>;
 }
 
 /**

package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs

@@ -1,50 +0,0 @@
-import { AXComponentCloseEvent, AXClosableComponent } from '@acorex/cdk/common';
-import { AXTranslationService } from '@acorex/core/translation';
-import * as i0 from '@angular/core';
-import { inject, input, computed, EventEmitter, ViewEncapsulation, Component } from '@angular/core';
-
-class AXConversationComposerActionChoiceDialogComponent {
-    constructor() {
-        this.translation = inject(AXTranslationService);
-        this.actions = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
-        this.fileCount = input(1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileCount" }] : /* istanbul ignore next */ []));
-        this.composerActionRegistry = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "composerActionRegistry" }] : /* istanbul ignore next */ []));
-        this.__popup__ = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "__popup__" }] : /* istanbul ignore next */ []));
-        this.hintText = computed(() => {
-            const count = this.fileCount();
-            if (count === 1) {
-                return this.translation.translateSync('@acorex:chat.dialog.choose-send-option.hint-single');
-            }
-            return this.translation.translateSync('@acorex:chat.dialog.choose-send-option.hint-multiple', {
-                params: { count },
-            });
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hintText" }] : /* istanbul ignore next */ []));
-        this.onClosed = new EventEmitter();
-    }
-    getActionLabel(action) {
-        return this.composerActionRegistry().getActionLabel(action);
-    }
-    getActionTooltip(action) {
-        return this.composerActionRegistry().getActionTooltip(action);
-    }
-    choose(action) {
-        const event = new AXComponentCloseEvent();
-        event.component = this;
-        event.data = action;
-        this.onClosed.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationComposerActionChoiceDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationComposerActionChoiceDialogComponent, isStandalone: true, selector: "ax-conversation-composer-action-choice-dialog", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: true, transformFunction: null }, fileCount: { classPropertyName: "fileCount", publicName: "fileCount", isSignal: true, isRequired: false, transformFunction: null }, composerActionRegistry: { classPropertyName: "composerActionRegistry", publicName: "composerActionRegistry", isSignal: true, isRequired: true, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXClosableComponent, useExisting: AXConversationComposerActionChoiceDialogComponent }], ngImport: i0, template: "    <div class=\"composer-action-choice\" role=\"dialog\" aria-modal=\"true\">\n      <p class=\"composer-action-choice__hint\">{{ hintText() }}</p>\n      <ul class=\"composer-action-choice__list\" role=\"listbox\">\n        @for (action of actions(); track action.id) {\n          <li role=\"presentation\">\n            <button\n              type=\"button\"\n              class=\"composer-action-choice__option\"\n              role=\"option\"\n              (click)=\"choose(action)\"\n              [attr.aria-label]=\"getActionLabel(action)\"\n            >\n              <span class=\"composer-action-choice__icon\" aria-hidden=\"true\">\n                <i [class]=\"action.icon\"></i>\n              </span>\n              <span class=\"composer-action-choice__text\">\n                <span class=\"composer-action-choice__title\">{{ getActionLabel(action) }}</span>\n                @if (getActionTooltip(action); as tip) {\n                  <span class=\"composer-action-choice__subtitle\">{{ tip }}</span>\n                }\n              </span>\n              <i class=\"fa-light fa-chevron-right composer-action-choice__chevron\" aria-hidden=\"true\"></i>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n", styles: ["@layer properties;@layer components{ax-conversation-composer-action-choice-dialog{display:block}ax-conversation-composer-action-choice-dialog .composer-action-choice{display:flex;min-width:calc(var(--spacing, .25rem) * 64);flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer-action-choice-dialog .composer-action-choice__hint{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.7)}ax-conversation-composer-action-choice-dialog .composer-action-choice__list{margin:calc(var(--spacing, .25rem) * 0);display:flex;list-style-type:none;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer-action-choice-dialog .composer-action-choice__option{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}ax-conversation-composer-action-choice-dialog .composer-action-choice__option:hover,ax-conversation-composer-action-choice-dialog .composer-action-choice__option:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface));--tw-outline-style: none;outline-style:none;background:rgba(var(--ax-sys-color-primary-500),.06);box-shadow:0 0 0 1px rgba(var(--ax-sys-color-primary-500),.25)}ax-conversation-composer-action-choice-dialog .composer-action-choice__icon{display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer-action-choice-dialog .composer-action-choice__text{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer-action-choice-dialog .composer-action-choice__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer-action-choice-dialog .composer-action-choice__subtitle{overflow:hidden;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface),.6)}ax-conversation-composer-action-choice-dialog .composer-action-choice__chevron{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.45)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationComposerActionChoiceDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-composer-action-choice-dialog', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosableComponent, useExisting: AXConversationComposerActionChoiceDialogComponent }], template: "    <div class=\"composer-action-choice\" role=\"dialog\" aria-modal=\"true\">\n      <p class=\"composer-action-choice__hint\">{{ hintText() }}</p>\n      <ul class=\"composer-action-choice__list\" role=\"listbox\">\n        @for (action of actions(); track action.id) {\n          <li role=\"presentation\">\n            <button\n              type=\"button\"\n              class=\"composer-action-choice__option\"\n              role=\"option\"\n              (click)=\"choose(action)\"\n              [attr.aria-label]=\"getActionLabel(action)\"\n            >\n              <span class=\"composer-action-choice__icon\" aria-hidden=\"true\">\n                <i [class]=\"action.icon\"></i>\n              </span>\n              <span class=\"composer-action-choice__text\">\n                <span class=\"composer-action-choice__title\">{{ getActionLabel(action) }}</span>\n                @if (getActionTooltip(action); as tip) {\n                  <span class=\"composer-action-choice__subtitle\">{{ tip }}</span>\n                }\n              </span>\n              <i class=\"fa-light fa-chevron-right composer-action-choice__chevron\" aria-hidden=\"true\"></i>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n", styles: ["@layer properties;@layer components{ax-conversation-composer-action-choice-dialog{display:block}ax-conversation-composer-action-choice-dialog .composer-action-choice{display:flex;min-width:calc(var(--spacing, .25rem) * 64);flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer-action-choice-dialog .composer-action-choice__hint{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.7)}ax-conversation-composer-action-choice-dialog .composer-action-choice__list{margin:calc(var(--spacing, .25rem) * 0);display:flex;list-style-type:none;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer-action-choice-dialog .composer-action-choice__option{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}ax-conversation-composer-action-choice-dialog .composer-action-choice__option:hover,ax-conversation-composer-action-choice-dialog .composer-action-choice__option:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface));--tw-outline-style: none;outline-style:none;background:rgba(var(--ax-sys-color-primary-500),.06);box-shadow:0 0 0 1px rgba(var(--ax-sys-color-primary-500),.25)}ax-conversation-composer-action-choice-dialog .composer-action-choice__icon{display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer-action-choice-dialog .composer-action-choice__text{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer-action-choice-dialog .composer-action-choice__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer-action-choice-dialog .composer-action-choice__subtitle{overflow:hidden;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface),.6)}ax-conversation-composer-action-choice-dialog .composer-action-choice__chevron{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.45)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: true }] }], fileCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileCount", required: false }] }], composerActionRegistry: [{ type: i0.Input, args: [{ isSignal: true, alias: "composerActionRegistry", required: true }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }] } });
-
-export { AXConversationComposerActionChoiceDialogComponent };
-//# sourceMappingURL=acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs.map

package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs","sources":["../../../../packages/components/conversation/src/lib/components/message-list/composer-action-choice-dialog.component.ts","../../../../packages/components/conversation/src/lib/components/message-list/composer-action-choice-dialog.component.html"],"sourcesContent":["import { AXClosableComponent, AXComponentCloseEvent } from '@acorex/cdk/common';\nimport type { AXPopupRef } from '@acorex/components/popup';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { Component, EventEmitter, ViewEncapsulation, computed, inject, input } from '@angular/core';\nimport type {\n  AXConversationComposerAction,\n  AXConversationComposerActionRegistry,\n} from '../../registries/composer-action.registry';\n\n@Component({\n  selector: 'ax-conversation-composer-action-choice-dialog',\n  encapsulation: ViewEncapsulation.None,\n\n  templateUrl: './composer-action-choice-dialog.component.html',\n  styleUrl: './composer-action-choice-dialog.component.css',\n  providers: [{ provide: AXClosableComponent, useExisting: AXConversationComposerActionChoiceDialogComponent }],\n})\nexport class AXConversationComposerActionChoiceDialogComponent {\n  private readonly translation = inject(AXTranslationService);\n\n  readonly actions = input.required<AXConversationComposerAction[]>();\n  readonly fileCount = input(1);\n  readonly composerActionRegistry = input.required<AXConversationComposerActionRegistry>();\n  readonly __popup__ = input<AXPopupRef | undefined>();\n\n  readonly hintText = computed(() => {\n    const count = this.fileCount();\n    if (count === 1) {\n      return this.translation.translateSync('@acorex:chat.dialog.choose-send-option.hint-single');\n    }\n    return this.translation.translateSync('@acorex:chat.dialog.choose-send-option.hint-multiple', {\n      params: { count },\n    });\n  });\n\n  readonly onClosed = new EventEmitter<AXComponentCloseEvent>();\n\n  getActionLabel(action: AXConversationComposerAction): string {\n    return this.composerActionRegistry().getActionLabel(action);\n  }\n\n  getActionTooltip(action: AXConversationComposerAction): string | undefined {\n    return this.composerActionRegistry().getActionTooltip(action);\n  }\n\n  choose(action: AXConversationComposerAction): void {\n    const event = new AXComponentCloseEvent();\n    event.component = this;\n    event.data = action;\n    this.onClosed.emit(event);\n  }\n}\n","    <div class=\"composer-action-choice\" role=\"dialog\" aria-modal=\"true\">\n      <p class=\"composer-action-choice__hint\">{{ hintText() }}</p>\n      <ul class=\"composer-action-choice__list\" role=\"listbox\">\n        @for (action of actions(); track action.id) {\n          <li role=\"presentation\">\n            <button\n              type=\"button\"\n              class=\"composer-action-choice__option\"\n              role=\"option\"\n              (click)=\"choose(action)\"\n              [attr.aria-label]=\"getActionLabel(action)\"\n            >\n              <span class=\"composer-action-choice__icon\" aria-hidden=\"true\">\n                <i [class]=\"action.icon\"></i>\n              </span>\n              <span class=\"composer-action-choice__text\">\n                <span class=\"composer-action-choice__title\">{{ getActionLabel(action) }}</span>\n                @if (getActionTooltip(action); as tip) {\n                  <span class=\"composer-action-choice__subtitle\">{{ tip }}</span>\n                }\n              </span>\n              <i class=\"fa-light fa-chevron-right composer-action-choice__chevron\" aria-hidden=\"true\"></i>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n"],"names":[],"mappings":"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"}