@forgeroute/ui 0.4.24 → 0.4.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgeroute/ui",
-  "version": "0.4.24",
+  "version": "0.4.26",
   "peerDependencies": {
     "@angular/common": ">=22.0.0",
     "@angular/core": ">=22.0.0",

package/types/forgeroute-ui-messaging.d.ts

@@ -115,7 +115,7 @@ export declare class TemplatePickerComponent {
   private readonly host;
   private readonly search$;
   /** Filter results to a specific channel: 'email', 'text', or omit for all. */
-  readonly channel: import("@angular/core").InputSignal<"" | "email" | "text">;
+  readonly channel: import("@angular/core").InputSignal<"" | "text" | "email">;
   readonly selectedId: import("@angular/core").InputSignal<string | null>;
   readonly label: import("@angular/core").InputSignal<string>;
   /** Shows the red required asterisk (same as the library inputs) — e.g. when a template must be picked to send. */
@@ -543,7 +543,7 @@ export declare class DocumentSendOptionsComponent implements UiFieldValidity {
   /** API root from FORGEROUTE_CONFIG (e.g. a cross-origin prod API); falls back to same-origin `/api`. */
   private readonly apiBase;
   /** `email` → purpose select + attachment allowed; `text` → link only (purpose fixed to e-signature). */
-  readonly channel: import("@angular/core").InputSignal<"email" | "text">;
+  readonly channel: import("@angular/core").InputSignal<"text" | "email">;
   readonly label: import("@angular/core").InputSignal<string>;
   /** When true, at least one document must be chosen. The message forms leave it false: documents are optional there. */
   readonly required: import("@angular/core").InputSignal<boolean>;
@@ -608,7 +608,7 @@ export declare class DocumentSendOptionsComponent implements UiFieldValidity {
   /** Roles of documents whose row had no `signerRoles` and that the host resolves (`signers().resolveRoles`). */
   readonly roleStates: import("@angular/core").WritableSignal<Record<string, RoleState>>;
   /** The envelope's documents: `loading` / `error` while the panel reads them (`loadDocuments`), `ready` once known. */
-  readonly envelopeStatus: import("@angular/core").WritableSignal<"idle" | "loading" | "ready" | "error">;
+  readonly envelopeStatus: import("@angular/core").WritableSignal<"error" | "loading" | "ready" | "idle">;
   private envelopeSub;
   private readonly roleSubs;
   /** The sender opened the collapsed "Signing options" line. */
@@ -1813,7 +1813,7 @@ export declare class SendMessagePanelComponent {
   readonly activeContact: import("@angular/core").WritableSignal<MessageContact | null>;
   /** What the sender should know about the picked contact before sending (why a channel is missing, what to add). */
   readonly contactNotices: import("@angular/core").Signal<string[]>;
-  readonly channel: import("@angular/core").WritableSignal<"email" | "text">;
+  readonly channel: import("@angular/core").WritableSignal<"text" | "email">;
   readonly valid: import("@angular/core").WritableSignal<boolean>;
   /** Bumped on every fresh open / new contact — re-creates the email and text forms so no draft carries over. */
   readonly formEpoch: import("@angular/core").WritableSignal<number>;

package/types/forgeroute-ui.d.ts

@@ -489,6 +489,8 @@ export declare class PaginationComponent {
   readonly detached: import("@angular/core").InputSignal<boolean>;
   /** Embedded look for a container that already has its own background and edge (a `ui-detail-card` footer, a panel): transparent, no border, no radius, no padding. Default false: unchanged. Wins over `detached`. */
   readonly embedded: import("@angular/core").InputSignal<boolean>;
+  /** Accessible name of the pager's navigation landmark (default `Pagination`). Give each pager of a page its own name (`Contacts pages`) so assistive tech can tell them apart; empty or blank falls back to the default. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
   readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
   readonly totalPages: import("@angular/core").Signal<number>;
   readonly startItem: import("@angular/core").Signal<number>;
@@ -522,6 +524,11 @@ export declare class PaginationComponent {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "pageChange": "pageChange";
   }, never, never, true, never>;
@@ -1320,6 +1327,12 @@ export declare class DataTableComponent<T extends Record<string, any>> implement
    * tabs are all off, the header row is not rendered at all.
    */
   readonly showQuickTabs: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Keep the Actions column (the row "⋮" menu) pinned to the right edge while the table scrolls sideways, so a wide table never hides it
+   * off-screen. Default false: every existing table is unchanged. Only matters when the table is wider than its container (columns scroll);
+   * phones use the card list, which has no sideways scroll.
+   */
+  readonly stickyActions: import("@angular/core").InputSignal<boolean>;
   /**
    * Optional heading shown at the start of the header row, on the same row as the search box / tabs on the left and the
    * Export / primary buttons on the right (rendered as an `<h3>`, also while the table is loading and when it is empty).
@@ -1859,6 +1872,11 @@ export declare class DataTableComponent<T extends Record<string, any>> implement
       "required": false;
       "isSignal": true;
     };
+    "stickyActions": {
+      "alias": "stickyActions";
+      "required": false;
+      "isSignal": true;
+    };
     "tableTitle": {
       "alias": "tableTitle";
       "required": false;
@@ -6882,6 +6900,18 @@ export interface PanelInfoSection {
     label: string;
     url: string;
   };
+  /**
+   * A small secondary button at the end of the section's header bar (e.g. "Add item" for a list of line items). `action` runs on
+   * click; `ariaLabel` is the accessible name when the visible label is not enough (default: the label). The header bar is shown
+   * for a section with a `headerAction` even when it has no `title`. Not rendered for a section with no visible items unless
+   * `showEmptyState` keeps the section.
+   */
+  headerAction?: {
+    label: string;
+    action: () => void;
+    ariaLabel?: string;
+    disabled?: boolean;
+  };
   items: PanelInfoItem[];
   columns?: 2;
 }
@@ -6954,6 +6984,9 @@ export declare class PanelInfoListComponent {
  * readers announce it as pressed / not pressed. A dismissible chip is a removable tag, not a toggle, so it carries no
  * `aria-pressed` (the ✕ button is named "Remove <label>").
  *
+ * Dismissible chips can be removed from the keyboard: Tab to the ✕ (focusable, named "Remove <label>") and press Enter or
+ * Space, or press Delete / Backspace while the chip itself is focused.
+ *
  * Dismissible (shows an ✕ button — parent removes the chip on dismiss):
  *   <ui-chip label="Austin" size="sm" [dismissible]="true" (dismiss)="removeCity('Austin')" />
  *
@@ -6992,6 +7025,11 @@ export declare class ChipComponent implements ControlValueAccessor {
   protected _onTouched: () => void;
   protected onClick(): void;
   protected onDismiss(event: Event): void;
+  /**
+   * Keyboard removal: Enter / Space on the focused ✕, or Delete / Backspace on the chip itself (dismissible chips only).
+   * Handled here so the key never also toggles the chip.
+   */
+  protected onDismissKey(event: Event): void;
   writeValue(v: boolean): void;
   registerOnChange(fn: (v: boolean) => void): void;
   registerOnTouched(fn: () => void): void;
@@ -7259,7 +7297,7 @@ export declare class AppShellComponent implements OnInit, OnDestroy {
     };
   }, {
     "logoutClick": "logoutClick";
-  }, never, ["[shell-brand]", "[shell-header-end]", "[shell-banners]", "*"], true, never>;
+  }, never, ["[shell-brand]", "[shell-header-start]", "[shell-header-end]", "[shell-banners]", "*"], true, never>;
 }
 export type AlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
 /**
@@ -7277,6 +7315,11 @@ export declare class AlertComponent {
   readonly variant: import("@angular/core").InputSignal<AlertVariant>;
   readonly title: import("@angular/core").InputSignal<string>;
   readonly dismissible: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Accessible name of the dismiss (X) button. Default "Dismiss". In a list of alerts give each its own name
+   * ("Dismiss Significant alert from Sep 20, 2026") so a screen-reader user can tell the buttons apart.
+   */
+  readonly dismissAriaLabel: import("@angular/core").InputSignal<string>;
   /**
    * Quiet: no live-region role, so a screen reader does NOT announce it when it appears. Use it for an alert that is already on
    * the page when the user gets there, or for each item of a long list of alerts (e.g. one per failed import row — 500 danger
@@ -7310,6 +7353,11 @@ export declare class AlertComponent {
       "required": false;
       "isSignal": true;
     };
+    "dismissAriaLabel": {
+      "alias": "dismissAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
     "quiet": {
       "alias": "quiet";
       "required": false;