@acorex/components 22.4.18 → 22.4.21

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "22.4.18",
+  "version": "22.4.21",
   "peerDependencies": {
-    "@acorex/core": "22.4.18",
-    "@acorex/cdk": "22.4.18",
+    "@acorex/core": "22.4.21",
+    "@acorex/cdk": "22.4.21",
     "@angular/aria": ">=22.1.0",
     "polytype": ">=0.17.0",
     "hammerjs": ">=2.0.8",

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

@@ -246,6 +246,11 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
     protected onSheetSearchKeydown(e: AXHtmlEvent<KeyboardEvent>): void;
     /** Blocks typing when the trigger is not editable (keeps Tab / keyboard open working). */
     protected onBeforeInput(event: Event): void;
+    /**
+     * On pointer down, select the committed label so the next keystroke replaces it
+     * instead of editing character-by-character (single-select searchable trigger).
+     */
+    protected onTriggerPointerDown(event: PointerEvent): void;
     /**
      * Combobox `expanded` two-way binding. On actionsheet with in-sheet search, ignore collapse
      * so focusing the search field (Aria combobox blur) does not close the popup. Dismiss is owned

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

@@ -140,8 +140,12 @@ declare class AXCommentItemComponent {
     /** Data item used by `ax-comment-view`. When set, the default layout is rendered internally. */
     readonly item: _angular_core.InputSignal<AXCommentItem>;
     readonly replyCount: _angular_core.InputSignal<number>;
-    /** Two-way bindable state controlling whether nested replies are visible. */
-    readonly repliesExpanded: _angular_core.ModelSignal<boolean>;
+    /** Whether nested replies are visible. A later parent value replaces a local toggle. */
+    readonly repliesExpanded: _angular_core.InputSignal<boolean>;
+    readonly repliesExpandedChange: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly expanded: _angular_core.WritableSignal<boolean>;
+    private seenExpanded;
+    private hasSeenExpanded;
     /** Whether replies for this item are currently being loaded. */
     readonly loading: _angular_core.InputSignal<boolean>;
     /**
@@ -160,7 +164,13 @@ declare class AXCommentItemComponent {
     protected readonly itemActions: _angular_core.Signal<AXMenuItem[]>;
     protected readonly showOverflowMenu: _angular_core.Signal<boolean>;
     protected readonly overflowItems: _angular_core.Signal<AXButtonItemListItem[]>;
+    protected readonly templateContexts: _angular_core.Signal<AXCommentItemTemplateContext[]>;
     constructor();
+    /**
+     * Recreates the custom item template when the rendered snapshot changes.
+     * The outlet otherwise keeps the first context on screen.
+     */
+    protected templateContextKey(ctx: AXCommentItemTemplateContext): string;
     protected getColor(data: AXCommentItem): AXStyleColorType;
     protected showEdited(data: AXCommentItem): boolean;
     protected getInitials(data: AXCommentItem): string;
@@ -181,8 +191,9 @@ declare class AXCommentItemComponent {
      * Collapses the nested replies section.
      */
     hideReplies(): void;
+    private setExpanded;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCommentItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommentItemComponent, "ax-comment-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "replyCount": { "alias": "replyCount"; "required": false; "isSignal": true; }; "repliesExpanded": { "alias": "repliesExpanded"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "itemContext": { "alias": "itemContext"; "required": false; "isSignal": true; }; }, { "repliesExpanded": "repliesExpandedChange"; "likeChange": "likeChange"; "replyClick": "replyClick"; "actionClick": "actionClick"; }, ["projectedAvatar"], ["ax-avatar", "ax-title", "ax-subtitle", "ax-badge", "ax-comment-edited", "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: _angular_core.ɵɵComponentDeclaration<AXCommentItemComponent, "ax-comment-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "replyCount": { "alias": "replyCount"; "required": false; "isSignal": true; }; "repliesExpanded": { "alias": "repliesExpanded"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "itemContext": { "alias": "itemContext"; "required": false; "isSignal": true; }; }, { "repliesExpandedChange": "repliesExpandedChange"; "likeChange": "likeChange"; "replyClick": "replyClick"; "actionClick": "actionClick"; }, ["projectedAvatar"], ["ax-avatar", "ax-title", "ax-subtitle", "ax-badge", "ax-comment-edited", "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>;
 }
 
 /**
@@ -213,10 +224,18 @@ declare class AXCommentEditedComponent {
  * @category Components
  */
 declare class AXCommentLikeComponent {
-    like: _angular_core.ModelSignal<boolean>;
+    /** Current like state from the parent. Later parent values replace a local toggle. */
+    readonly like: _angular_core.InputSignal<boolean>;
+    readonly likeChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly optimistic;
+    private seenLike;
+    private hasSeenLike;
+    /** Parent value, unless the user just toggled and the parent has not caught up. */
+    protected readonly pressed: _angular_core.Signal<boolean>;
+    constructor();
     protected toggleLike(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCommentLikeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommentLikeComponent, "ax-comment-like", never, { "like": { "alias": "like"; "required": true; "isSignal": true; }; }, { "like": "likeChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommentLikeComponent, "ax-comment-like", never, { "like": { "alias": "like"; "required": true; "isSignal": true; }; }, { "likeChange": "likeChange"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -276,6 +295,24 @@ declare class AXCommentReplyTextComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommentReplyTextComponent, "ax-comment-reply-text", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * Callbacks the recursive thread uses from `ax-comment-view`.
+ * Kept as a token so the thread component does not import the view class.
+ */
+interface AXCommentThreadHost {
+    trackItem(item: AXCommentItem): string;
+    getId(item: AXCommentItem): string;
+    getReplies(item: AXCommentItem): AXCommentItem[];
+    getReplyCount(item: AXCommentItem): number;
+    isExpanded(item: AXCommentItem): boolean;
+    isItemLoading(item: AXCommentItem): boolean;
+    getTemplateContext(item: AXCommentItem, level: number): AXCommentItemTemplateContext;
+    onRepliesExpandedChange(item: AXCommentItem, expanded: boolean): Promise<void>;
+    toggleLike(item: AXCommentItem, liked?: boolean): void;
+    replyTo(item: AXCommentItem, event?: Event): void;
+    emitAction(item: AXCommentItem, action: AXMenuItem): void;
+}
+
 /**
  * Renders a comment thread from a datasource (array or lazy callback).
  * Provide `itemTemplate` or `<ng-template axCommentItem>` to customize item UI;
@@ -283,7 +320,7 @@ declare class AXCommentReplyTextComponent {
  *
  * @category Components
  */
-declare class AXCommentViewComponent {
+declare class AXCommentViewComponent implements AXCommentThreadHost {
     /** Comment data — a static array or a lazy-loading function. */
     readonly datasource: _angular_core.ModelSignal<AXCommentDataSource>;
     /**
@@ -301,7 +338,7 @@ declare class AXCommentViewComponent {
     private readonly _isLoading;
     readonly isLoading: _angular_core.Signal<boolean>;
     private loadGeneration;
-    private syncingFromDatasource;
+    private readonly emptyReplies;
     private readonly isLazyDataSource;
     protected readonly hasDatasource: _angular_core.Signal<boolean>;
     protected readonly resolvedTemplate: _angular_core.Signal<TemplateRef<AXCommentItemTemplateContext>>;
@@ -357,16 +394,21 @@ declare class AXCommentViewComponent {
      * @returns Promise that resolves when expansion and any lazy load are complete.
      */
     setExpanded(id: string, expanded: boolean): Promise<void>;
-    protected getId(item: AXCommentItem): string;
-    protected getReplies(item: AXCommentItem): AXCommentItem[];
-    protected getReplyCount(item: AXCommentItem): number;
-    protected isExpanded(item: AXCommentItem): boolean;
-    protected isItemLoading(item: AXCommentItem): boolean;
-    protected getTemplateContext(item: AXCommentItem, level: number): AXCommentItemTemplateContext;
-    protected onRepliesExpandedChange(item: AXCommentItem, expanded: boolean): Promise<void>;
-    protected toggleLike(item: AXCommentItem, liked?: boolean): void;
-    protected replyTo(item: AXCommentItem, event?: Event): void;
-    protected emitAction(item: AXCommentItem, action: AXMenuItem): void;
+    getId(item: AXCommentItem): string;
+    /**
+     * Identity includes the fields the row renders. A same-id edit, like, or reply
+     * must refresh the row instead of leaving the previous snapshot on screen.
+     */
+    trackItem(item: AXCommentItem): string;
+    getReplies(item: AXCommentItem): AXCommentItem[];
+    getReplyCount(item: AXCommentItem): number;
+    isExpanded(item: AXCommentItem): boolean;
+    isItemLoading(item: AXCommentItem): boolean;
+    getTemplateContext(item: AXCommentItem, level: number): AXCommentItemTemplateContext;
+    onRepliesExpandedChange(item: AXCommentItem, expanded: boolean): Promise<void>;
+    toggleLike(item: AXCommentItem, liked?: boolean): void;
+    replyTo(item: AXCommentItem, event?: Event): void;
+    emitAction(item: AXCommentItem, action: AXMenuItem): void;
     private applyDatasource;
     private loadRootItems;
     private hydrateExpanded;

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

@@ -769,6 +769,7 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
      * @defaultValue `false`
      */
     advanceSelect: i0.InputSignal<boolean>;
+    private readonly syncAdvanceSelectColumnWidth;
     /**
      *  @ignore
      */
@@ -1440,6 +1441,10 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      */
     private measureColumnContentWidth;
     private isCommandColumn;
+    /**
+     * Select-column header chevron is absolutely positioned, so DOM auto-fit under-reports width.
+     */
+    private measureSelectColumnWidth;
     /**
      * Command buttons are a fixed icon size inside the table. Cloning them outside
      * `ax-data-table` drops that size and measures default button padding instead.

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

@@ -568,6 +568,11 @@ declare class AXLookupComponent<T = AXLookupItem> extends NXValueComponent imple
     protected onSelectAllHeaderMouseDown(event: Event): void;
     /** Blocks typing when the trigger is not editable (keeps Tab / keyboard open working). */
     protected onBeforeInput(event: Event): void;
+    /**
+     * On pointer down, select the committed label so the next keystroke replaces it
+     * instead of editing character-by-character (single-select searchable trigger).
+     */
+    protected onTriggerPointerDown(event: PointerEvent): void;
     /**
      * Returns focus to the search field when list navigation requests it.
      */

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

@@ -30,6 +30,12 @@ declare class AXTooltipDirective {
     axTooltipDisabled: i0.InputSignal<boolean>;
     content: i0.InputSignal<string | TemplateRef<unknown>>;
     context: i0.InputSignal<unknown>;
+    /**
+     * When true, the tooltip opens on hover only if the host or a descendant is horizontally truncated.
+     *
+     * @defaultValue false
+     */
+    axTooltipOverflowOnly: i0.InputSignal<boolean>;
     private _placement;
     get placement(): AXPlacementType;
     set placement(v: AXPlacementType);
@@ -48,8 +54,12 @@ declare class AXTooltipDirective {
     private popoverRef;
     private ensurePopover;
     close(): void;
+    /** @ignore */
+    protected onHostMouseEnter(): void;
+    private isOverflowing;
+    private elementOverflows;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXTooltipDirective, "[axTooltip]", never, { "axTooltipDisabled": { "alias": "axTooltipDisabled"; "required": false; "isSignal": true; }; "content": { "alias": "axTooltip"; "required": false; "isSignal": true; }; "context": { "alias": "axTooltipContext"; "required": false; "isSignal": true; }; "placement": { "alias": "axTooltipPlacement"; "required": false; }; "offsetX": { "alias": "axTooltipOffsetX"; "required": false; }; "offsetY": { "alias": "axTooltipOffsetY"; "required": false; }; "openAfter": { "alias": "axTooltipOpenAfter"; "required": false; }; "closeAfter": { "alias": "axTooltipCloseAfter"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXTooltipDirective, "[axTooltip]", never, { "axTooltipDisabled": { "alias": "axTooltipDisabled"; "required": false; "isSignal": true; }; "content": { "alias": "axTooltip"; "required": false; "isSignal": true; }; "context": { "alias": "axTooltipContext"; "required": false; "isSignal": true; }; "axTooltipOverflowOnly": { "alias": "axTooltipOverflowOnly"; "required": false; "isSignal": true; }; "placement": { "alias": "axTooltipPlacement"; "required": false; }; "offsetX": { "alias": "axTooltipOffsetX"; "required": false; }; "offsetY": { "alias": "axTooltipOffsetY"; "required": false; }; "openAfter": { "alias": "axTooltipOpenAfter"; "required": false; }; "closeAfter": { "alias": "axTooltipCloseAfter"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class AXTooltipModule {