@acorex/components 21.0.1-next.47 → 21.0.1-next.49

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

@@ -5,28 +5,39 @@ import { AXEvent, MXInputBaseValueComponent, MXLookComponent, AXHtmlEvent, AXFoc
 import { AXListNavigationDirective, AXListNavigationItemDirective } from '@acorex/cdk/list-navigation';
 import { AXSearchBoxComponent } from '@acorex/components/search-box';
 
-type CommandItem = {
+type AXCommandItem = {
     id: string | number;
     text: string;
     icon?: string;
     href?: string;
-    children?: CommandItem[];
+    children?: AXCommandItem[];
     index?: number;
     data?: any;
 };
-type CommandMenuItem = {
+type forceId = {
+    id: string | number;
+};
+type AXCommandMenuItem<T extends forceId = AXCommandItem> = {
     pinned?: {
-        title: string;
-        items: CommandItem[];
+        title?: string;
+        items: T[];
+    };
+    list: {
+        title?: string;
+        items: T[];
     };
-    items: CommandItem[];
 };
 declare class AXCommandComponentEvent extends AXEvent {
-    data: CommandItem;
+    data: AXCommandItem;
 }
+type AXCommandFooter = {
+    navigation: boolean;
+    select: boolean;
+    close: boolean;
+};
 
 declare const AXCommandComponent_base: polytype.Polytype.ClusteredConstructor<[{
-    new (): MXInputBaseValueComponent<CommandMenuItem>;
+    new (): MXInputBaseValueComponent<AXCommandMenuItem>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
     ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }, typeof MXLookComponent]>;
@@ -45,17 +56,19 @@ declare class AXCommandComponent extends AXCommandComponent_base {
      * @param {TemplateRef<any>} customTemplate
      */
     customTemplate: _angular_core.InputSignal<TemplateRef<any>>;
-    protected displayItems: _angular_core.Signal<CommandItem[]>;
+    searchBar: _angular_core.InputSignal<boolean>;
+    footerButtons: _angular_core.InputSignal<AXCommandFooter>;
+    protected displayItems: _angular_core.Signal<AXCommandItem[]>;
     protected focusHandler(e: AXFocusEvent): void;
     protected blurHandler(e: AXFocusEvent): void;
     private filterRecursive;
-    protected onItemClick(item: CommandItem): void;
-    protected keyPress(e: AXHtmlEvent<KeyboardEvent>, item: CommandItem): void;
+    protected onItemClick(item: AXCommandItem): void;
+    protected keyPress(e: AXHtmlEvent<KeyboardEvent>, item: AXCommandItem): void;
     protected searchEscapeHandler(e: AXHtmlEvent<KeyboardEvent>): void;
     protected closeHandler(e: AXHtmlEvent<KeyboardEvent>): void;
     protected activeHandler(l: AXListNavigationDirective, i: AXListNavigationItemDirective): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCommandComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommandComponent, "ax-command", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onEscape": "onEscape"; "onSearchBoxFocus": "onSearchBoxFocus"; "onSearchBoxBlur": "onSearchBoxBlur"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommandComponent, "ax-command", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "searchBar": { "alias": "searchBar"; "required": false; "isSignal": true; }; "footerButtons": { "alias": "footerButtons"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onEscape": "onEscape"; "onSearchBoxFocus": "onSearchBoxFocus"; "onSearchBoxBlur": "onSearchBoxBlur"; }, never, never, true, never>;
 }
 
 declare class AXCommandModule {
@@ -65,4 +78,4 @@ declare class AXCommandModule {
 }
 
 export { AXCommandComponent, AXCommandComponentEvent, AXCommandModule };
-export type { CommandItem, CommandMenuItem };
+export type { AXCommandFooter, AXCommandItem, AXCommandMenuItem };

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

@@ -1,13 +1,10 @@
 import * as i0 from '@angular/core';
 import { AXAvatarComponent } from '@acorex/components/avatar';
-import * as i3 from '@acorex/components/collapse';
-import { AXCollapseComponent } from '@acorex/components/collapse';
 import * as i1 from '@acorex/components/decorators';
 import * as i2 from '@acorex/components/wysiwyg';
-import * as i4 from '@acorex/components/button';
-import * as i5 from '@acorex/components/text-area';
-import * as i6 from '@acorex/core/translation';
-import * as i7 from '@angular/common';
+import * as i3 from '@acorex/components/button';
+import * as i4 from '@acorex/components/text-area';
+import * as i5 from '@acorex/core/translation';
 
 /**
  * A container component for displaying and managing comments.
@@ -21,7 +18,6 @@ declare class AXCommentContainerComponent {
      * Scrolls to a specific comment reply by its ID and highlights it temporarily.
      *
      * @param id - The ID of the comment reply to scroll to
-     * @returns void
      */
     scrollToReply(id: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentContainerComponent, never>;
@@ -34,23 +30,20 @@ declare class AXCommentContainerComponent {
  * @category Components
  */
 declare class AXCommentItemComponent {
-    /**
-     *  @ignore
-     */
     protected avatar: i0.Signal<AXAvatarComponent>;
-    protected collapse: i0.Signal<AXCollapseComponent>;
     readonly replyCount: i0.InputSignal<number>;
-    /**
-     *  @ignore
-     */
+    /** Two-way bindable state controlling whether nested replies are visible. */
+    readonly repliesExpanded: i0.ModelSignal<boolean>;
     constructor();
-    toggleCollapse(): void;
+    toggleReplies(): void;
+    showReplies(): void;
+    hideReplies(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentItemComponent, "ax-comment-item", never, { "replyCount": { "alias": "replyCount"; "required": false; "isSignal": true; }; }, {}, ["avatar"], ["ax-avatar", "ax-title", "ax-comment-date", "ax-comment-menu-options", "ax-content", "ax-comment-like", "ax-comment-reply-text", "ax-comment-item", "ax-comment-reply-more"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentItemComponent, "ax-comment-item", never, { "replyCount": { "alias": "replyCount"; "required": false; "isSignal": true; }; "repliesExpanded": { "alias": "repliesExpanded"; "required": false; "isSignal": true; }; }, { "repliesExpanded": "repliesExpandedChange"; }, ["avatar"], ["ax-avatar", "ax-title", "ax-comment-date", "ax-comment-menu-options", "ax-content", "ax-comment-like", "ax-comment-reply-text", "ax-comment-item", "ax-comment-reply-more"], true, never>;
 }
 
 /**
- * A component for displaying and managing date on a comment.
+ * A component for displaying date on a comment.
  *
  * @category Components
  */
@@ -65,11 +58,8 @@ declare class AXCommentDateComponent {
  * @category Components
  */
 declare class AXCommentLikeComponent {
-    /**
-     * Indicates whether the comment is liked.
-     */
     like: i0.ModelSignal<boolean>;
-    protected changeState(): void;
+    protected toggleLike(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentLikeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentLikeComponent, "ax-comment-like", never, { "like": { "alias": "like"; "required": true; "isSignal": true; }; }, { "like": "likeChange"; }, never, ["*"], true, never>;
 }
@@ -84,11 +74,21 @@ declare class AXMenuOptionsComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuOptionsComponent, "ax-comment-menu-options", never, {}, {}, never, ["*"], true, never>;
 }
 
+/**
+ * A component for displaying "show more replies" action on a comment.
+ *
+ * @category Components
+ */
 declare class AXCommentReplyMoreComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentReplyMoreComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentReplyMoreComponent, "ax-comment-reply-more", never, {}, {}, never, ["*"], true, never>;
 }
 
+/**
+ * A component for displaying the reply action text on a comment.
+ *
+ * @category Components
+ */
 declare class AXCommentReplyTextComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentReplyTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentReplyTextComponent, "ax-comment-reply-text", never, {}, {}, never, never, true, never>;
@@ -96,6 +96,7 @@ declare class AXCommentReplyTextComponent {
 
 /**
  * A component for viewing comments with their details.
+ *
  * @category Components
  */
 declare class AXCommentViewComponent {
@@ -105,7 +106,7 @@ declare class AXCommentViewComponent {
 
 declare class AXCommentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommentModule, never, [typeof i1.AXDecoratorModule, typeof i2.AXWysiwygModule, typeof i3.AXCollapseModule, typeof i4.AXButtonModule, typeof i5.AXTextAreaModule, typeof i6.AXTranslationModule, typeof i7.CommonModule, typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent], [typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommentModule, never, [typeof i1.AXDecoratorModule, typeof i2.AXWysiwygModule, typeof i3.AXButtonModule, typeof i4.AXTextAreaModule, typeof i5.AXTranslationModule, typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent], [typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCommentModule>;
 }
 

package/types/acorex-components-data-table.d.ts

@@ -240,6 +240,10 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      * Generates a unique name based on the `dataField` value.
      */
     get name(): string;
+    /**
+     * Returns the display text for a row cell. Used for cell tooltip when title is enabled on the table.
+     */
+    getCellDisplayText(rowData: unknown): string;
     /**
      *  @ignore
      */
@@ -611,6 +615,10 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     customDataPager: AXDataPagerComponent;
+    /**
+     * When true, shows the cell content as tooltip (title attribute) on hover.
+     */
+    title: boolean;
     /**
      *  @ignore
      */
@@ -827,6 +835,10 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     ngAfterViewInit(): void;
+    /**
+     * Returns the display text for a cell. Used for the native title (tooltip) on each cell.
+     */
+    protected getCellTooltipText(column: AXDataTableColumnComponent, rowData: unknown): string;
     /**
      * Toggles the expanded state of a row without managing children.
      * Used for row details template without nested hierarchy.
@@ -953,7 +965,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
         maxWidth?: number;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "title": { "alias": "title"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
 }
 
 declare class AXDataTableModule {

package/types/acorex-components-grid-layout-builder.d.ts

@@ -138,6 +138,14 @@ declare class AXGridLayoutWidgetComponent {
      * @returns AXGridLayoutNode - The current widget options.
      */
     getOptions(): AXGridLayoutNode;
+    /**
+     * Returns the widget options from the Angular input binding (stored/desired positions),
+     * bypassing the live gridstackNode which may have been auto-reflowed.
+     * Used by the container to load correct per-breakpoint layouts after column changes.
+     *
+     * @returns AXGridLayoutNode - The widget options from the input signal.
+     */
+    getInputOptions(): AXGridLayoutNode;
     /**
      * Returns the native DOM element of the widget.
      *
@@ -170,6 +178,13 @@ declare class AXGridLayoutContainerComponent extends NXComponent implements OnDe
     protected _sub: Subscription | undefined;
     private isInitialized;
     ngOnDestroy(): void;
+    /**
+     * Synchronizes the grid layout with the current widget list.
+     *
+     * @param useInputValues - When true, reads positions from Angular input bindings
+     * (stored per-breakpoint positions). When false, reads from live gridstackNode
+     * (preserving user drag/resize state). Use true after column/breakpoint changes.
+     */
     private updateAll;
     private checkEmpty;
     private hookEvents;

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

@@ -3,7 +3,7 @@ import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 import * as i2 from '@acorex/cdk/common';
 import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
-import { AXMaskTokens } from '@acorex/cdk/input-mask';
+import { AXMaskTokens, AXInputMaskEvent } from '@acorex/cdk/input-mask';
 import * as i1 from '@angular/common';
 import * as i3 from '@angular/forms';
 import * as i4 from '@acorex/components/button';
@@ -44,6 +44,7 @@ declare class AXTextBoxComponent extends AXTextBoxComponent_base {
      * @example { 'P': { pattern: /[1-9]/, transform: (c) => c.toUpperCase() } }
      */
     customTokens: _angular_core.InputSignal<AXMaskTokens>;
+    onMaskChanged: _angular_core.OutputEmitterRef<AXInputMaskEvent>;
     /**
      * This property defines the maximum number of characters that the input field can accept. It can be dynamically bound from a parent component template to enforce input length constraints.
      */
@@ -64,7 +65,7 @@ declare class AXTextBoxComponent extends AXTextBoxComponent_base {
     protected _handleModelChange(value: string | null): void;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "maskPattern": { "alias": "maskPattern"; "required": false; "isSignal": true; }; "customTokens": { "alias": "customTokens"; "required": false; "isSignal": true; }; "classNames": { "alias": "class"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "maskPattern": { "alias": "maskPattern"; "required": false; "isSignal": true; }; "customTokens": { "alias": "customTokens"; "required": false; "isSignal": true; }; "classNames": { "alias": "class"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "onMaskChanged": "onMaskChanged"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
 }
 
 declare class AXTextBoxModule {

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

@@ -1,6 +1,7 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { MXInputBaseValueComponent, MXLookComponent, AXValueChangedEvent, AXFocusEvent } from '@acorex/cdk/common';
+import { AXInputMaskEvent } from '@acorex/cdk/input-mask';
 
 type AXTimeDurationUnit = 'YEAR' | 'MONTH' | 'WEEK' | 'DAY' | 'HOUR' | 'MINUTE' | 'SECOND' | 'MILLISECOND';
 
@@ -34,6 +35,7 @@ declare class AXTimeDurationComponent extends AXTimeDurationComponent_base {
     private MILLISECOND;
     private isTranslationInit;
     initTranslation(): Promise<void>;
+    protected maskChange(e: AXInputMaskEvent): void;
     protected onInput(event: AXValueChangedEvent<any>): Promise<void>;
     protected internalValueChanged(value: number): Promise<void>;
     private replacePersianLabels;