@forgeroute/ui 0.4.23 → 0.4.25

package/package.json

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

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;
@@ -6865,6 +6883,9 @@ export interface PanelInfoItem {
   /** Renders a small edit (pencil) `ui-icon` button after the value; `editTooltip` is its tooltip and accessible name (default "Edit"). */
   editAction?: () => void;
   editTooltip?: string;
+  /** Renders a small delete (bin) `ui-icon` button after the edit pencil; the host asks for confirmation and does the deleting. `deleteTooltip` is its tooltip and accessible name (default "Delete"). */
+  deleteAction?: () => void;
+  deleteTooltip?: string;
   muted?: boolean;
   danger?: boolean;
   hidden?: boolean;
@@ -6879,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;
 }
@@ -6951,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')" />
  *
@@ -6989,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;
@@ -7256,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';
 /**
@@ -7274,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
@@ -7307,6 +7353,11 @@ export declare class AlertComponent {
       "required": false;
       "isSignal": true;
     };
+    "dismissAriaLabel": {
+      "alias": "dismissAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
     "quiet": {
       "alias": "quiet";
       "required": false;