@truenas/ui-components 0.7.7 → 0.7.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenas/ui-components",
-  "version": "0.7.7",
+  "version": "0.7.9",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/types/truenas-ui-components.d.ts

@@ -54,8 +54,8 @@ declare function kebabTestSegment(part: string | number): string;
  * re-implemented at each call site.
  *
  * Note this is *base-first*: the suffix trails the base. Fixed chrome whose role
- * should lead (e.g. `tn-dialog-shell`'s `button-close-<base>`) prepends the role
- * manually instead of calling this.
+ * should lead (e.g. `tn-dialog-shell`'s `button-close-<base>` and
+ * `dialog-title-<base>`) prepends the role manually instead of calling this.
  *
  * Falsy segments are preserved here (not filtered) so `composeTestId` can apply
  * its own drop/scoping rules — `scopeTestId(undefined, 'edit')` yields
@@ -1840,6 +1840,16 @@ declare class TnBannerComponent {
     message: _angular_core.InputSignal<string | undefined>;
     type: _angular_core.InputSignal<TnBannerType>;
     bordered: _angular_core.InputSignal<boolean>;
+    /**
+     * Semantic base for the banner's test id, rendered onto the banner root as
+     * `banner-<testId>` through {@link TnTestIdDirective} — so the value follows
+     * the library's own naming and honours `TN_TEST_ATTR`.
+     *
+     * The root, rather than the host element, because that is what carries the
+     * live-region role: the element a test asserts a warning on is the same one
+     * assistive tech announces.
+     */
+    testId: _angular_core.InputSignal<TnTestIdValue>;
     constructor();
     /**
      * Register all MDI icons used by the banner component
@@ -1865,7 +1875,7 @@ declare class TnBannerComponent {
      */
     classes: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnBannerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnBannerComponent, "tn-banner", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, {}, ["actionContent"], ["*", "[tnBannerAction]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnBannerComponent, "tn-banner", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, {}, ["actionContent"], ["*", "[tnBannerAction]"], true, never>;
 }
 
 /**
@@ -8819,6 +8829,14 @@ declare class TnListComponent {
  * The primary-text slot is the deliberate exception — it has no gate, so
  * `[tnListItemTitle]` and `[tnListItemPrimary]` render either way. See the
  * comment in `list-item.component.html` for why the asymmetry is there.
+ *
+ * `[testId]` names the row for automation. It lands on the host, which is both
+ * the click target (`(click)` is a host binding) and the `listitem` — so one id
+ * addresses the row whether a suite clicks it or reads what it renders. The
+ * value is written verbatim, with no element-type prefix, matching the other
+ * components whose host *is* the target (`tn-tree-node`, `tn-table`): a row of
+ * a list is not a control whose type the library can name, and its meaning
+ * comes from the list it sits in, which only the consumer knows.
  */
 declare class TnListItemComponent {
     disabled: _angular_core.InputSignal<boolean>;
@@ -8843,7 +8861,7 @@ declare class TnListItemComponent {
     hasThirdText: _angular_core.Signal<boolean>;
     onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnListItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnListItemComponent, "tn-list-item", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, ["leadingIcons", "leadingAvatars", "secondaryLines", "secondaryTexts", "trailing"], ["[tnListIcon], [tnListAvatar]", "[tnListItemTitle], [tnListItemPrimary]", "*", "[tnListItemLine], [tnListItemSecondary]", "[tnListItemTrailing]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnListItemComponent, "tn-list-item", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, ["leadingIcons", "leadingAvatars", "secondaryLines", "secondaryTexts", "trailing"], ["[tnListIcon], [tnListAvatar]", "[tnListItemTitle], [tnListItemPrimary]", "*", "[tnListItemLine], [tnListItemSecondary]", "[tnListItemTrailing]"], true, [{ directive: typeof TnTestIdDirective; inputs: { "tnTestId": "testId"; }; outputs: {}; }]>;
 }
 
 /**
@@ -14432,9 +14450,10 @@ declare class TnDialogShellComponent implements OnInit {
     /** Hide the actions footer. Same wrapper-case rationale as {@link hideContent}. */
     hideActions: _angular_core.InputSignal<boolean>;
     /**
-     * Optional semantic base that scopes the shell's chrome buttons. The close
-     * and fullscreen buttons emit `button-close` / `button-fullscreen` by default,
-     * or `button-close-<testId>` / `button-fullscreen-<testId>` when a base is
+     * Optional semantic base that scopes the shell's chrome. The close and
+     * fullscreen buttons emit `button-close` / `button-fullscreen` by default, and
+     * the title heading `dialog-title`, or `button-close-<testId>` /
+     * `button-fullscreen-<testId>` / `dialog-title-<testId>` when a base is
      * provided (useful when more than one dialog can be open).
      */
     testId: _angular_core.InputSignal<TnTestIdValue>;
@@ -14473,6 +14492,19 @@ declare class TnDialogShellComponent implements OnInit {
     protected closeTestId: Signal<(string | number | null | undefined)[]>;
     /** Role-first test-id segments for the fullscreen button: `button-fullscreen[-<base>]`. */
     protected fullscreenTestId: Signal<(string | number | null | undefined)[]>;
+    /**
+     * Role-first test-id segments for the title heading: `dialog-title[-<base>]`.
+     *
+     * The heading is fixed chrome like the two buttons, so it follows the same
+     * role-first shape — and a test that knows a dialog's base knows its title's
+     * id without being told separately, which is the point: dialogs raised
+     * through one generic error path are otherwise indistinguishable by id, and
+     * the only remaining handle is a match on their prose.
+     *
+     * There is no id when there is no title: the heading is not rendered at all
+     * (see the template), so nothing is left behind to select.
+     */
+    protected titleTestId: Signal<(string | number | null | undefined)[]>;
     /** Stable id for the title heading, referenced by the dialog's aria-labelledby. */
     readonly titleId: string;
     isFullscreen: _angular_core.WritableSignal<boolean>;