@eagami/ui 5.12.1 → 5.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "5.12.1",
+  "version": "5.13.0",
   "description": "Lightweight, accessible, themeable Angular UI component library and icon set built on CSS custom properties",
   "author": "Michal Wiraszka <michal@eagami.com>",
   "license": "MIT",

package/types/eagami-ui.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, EnvironmentProviders, Signal, Type, OnDestroy, ElementRef, TemplateRef, OnInit } from '@angular/core';
+import { InjectionToken, EnvironmentProviders, Signal, Type, OnDestroy, ElementRef, TemplateRef, AfterContentChecked, OnInit } from '@angular/core';
 import * as _eagami_ui from '@eagami/ui';
 import { ControlValueAccessor } from '@angular/forms';
 
@@ -168,6 +168,7 @@ interface EagamiMessages {
         range: (start: string, end: string, total: string) => string;
         previousPage: string;
         nextPage: string;
+        page: (page: string) => string;
     };
     progressBar: {
         label: string;
@@ -220,6 +221,7 @@ interface EagamiMessages {
         moveSelectedToSource: string;
         moveAllToSource: string;
         empty: string;
+        moved: (count: string, listLabel: string) => string;
     };
     validation: {
         required: string;
@@ -1195,6 +1197,11 @@ declare class CommandPaletteComponent {
     protected onQueryInput(event: Event): void;
     protected clearQuery(): void;
     protected onSearchKeydown(event: KeyboardEvent): void;
+    /** Wrapping arrow-key move that skips disabled items. */
+    private moveActive;
+    /** Home/End move to the first enabled item from the given end. */
+    private edgeActive;
+    private setActiveByKeyboard;
     protected onItemClick(item: CommandPaletteItem): void;
     protected onItemMouseEnter(flatIndex: number): void;
     protected onListMouseLeave(): void;
@@ -1424,6 +1431,10 @@ declare class DataTableComponent<T = Record<string, unknown>> {
     private static readonly PAGE_JUMP;
     readonly columns: _angular_core.InputSignal<DataTableColumn<T>[]>;
     readonly data: _angular_core.InputSignal<T[]>;
+    /** Accessible name for the table, announced when it takes focus as a grid. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Visible caption rendered above the table; also names it for assistive technology. */
+    readonly caption: _angular_core.InputSignal<string | undefined>;
     readonly trackBy: _angular_core.InputSignal<keyof T | undefined>;
     readonly density: _angular_core.InputSignal<DataTableDensity>;
     /** Visual size of the table; density paddings and icons scale with it. */
@@ -1468,7 +1479,7 @@ declare class DataTableComponent<T = Record<string, unknown>> {
     onGridKeydown(event: KeyboardEvent): void;
     private focusCell;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent<any>, "ea-data-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "navigable": { "alias": "navigable"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "sorted": "sorted"; "rowActivate": "rowActivate"; }, ["noDataTemplate"], ["ea-paginator"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent<any>, "ea-data-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "navigable": { "alias": "navigable"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "sorted": "sorted"; "rowActivate": "rowActivate"; }, ["noDataTemplate"], ["ea-paginator"], true, never>;
 }
 
 /** Visual size of each digit cell. */
@@ -1663,8 +1674,9 @@ type DialogWidth = EaWidth;
  * and exposes `header`, default, and `footer` content slots. The `open` state
  * is a two-way `model()` binding.
  */
-declare class DialogComponent {
+declare class DialogComponent implements AfterContentChecked {
     private readonly dialogEl;
+    private readonly headerEl;
     private previouslyFocused;
     protected readonly i18n: EagamiI18nService;
     private readonly isBrowser;
@@ -1682,6 +1694,9 @@ declare class DialogComponent {
     readonly panelClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
+    /** Whether the header slot received content, so labelledby never points at an empty node. */
+    protected readonly hasHeader: _angular_core.WritableSignal<boolean>;
+    ngAfterContentChecked(): void;
     constructor();
     handleClose(): void;
     handleBackdropClick(event: MouseEvent): void;
@@ -1739,9 +1754,10 @@ type DrawerAnimation = 'none' | 'linear' | 'eased';
  * slots. The `open` state is a two-way `model()` binding. In `push` mode it
  * opens non-modally and reflows the page content aside instead of overlaying it.
  */
-declare class DrawerComponent {
+declare class DrawerComponent implements AfterContentChecked {
     private readonly drawerEl;
     private readonly panelEl;
+    private readonly headerEl;
     private previouslyFocused;
     private pushedTarget;
     private pushCleanupTimer;
@@ -1785,6 +1801,9 @@ declare class DrawerComponent {
     readonly panelClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
+    /** Whether the header slot received content, so labelledby never points at an empty node. */
+    protected readonly hasHeader: _angular_core.WritableSignal<boolean>;
+    ngAfterContentChecked(): void;
     constructor();
     private showDialog;
     private enter;
@@ -1879,6 +1898,8 @@ declare class DropdownComponent implements ControlValueAccessor {
     handleKeydown(event: KeyboardEvent): void;
     private selectFocusedOrOpen;
     private focusEdge;
+    /** Keeps the keyboard-focused option visible inside the scrolling listbox. */
+    private setFocusedIndex;
     private handleTypeahead;
     private moveFocus;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
@@ -2135,6 +2156,8 @@ declare class InputComponent implements ControlValueAccessor {
     protected readonly i18n: EagamiI18nService;
     /** Text label rendered above the field. */
     readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Accessible name for the control when no visible `label` is set. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Native input type; `password` adds a built-in show/hide toggle. */
     readonly type: _angular_core.InputSignal<InputType>;
     /** Placeholder shown while the field is empty. */
@@ -2227,7 +2250,7 @@ declare class InputComponent implements ControlValueAccessor {
     /** Moves keyboard focus to the underlying native input element. */
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "ea-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "list": { "alias": "list"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "showPasswordToggle": { "alias": "showPasswordToggle"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "ea-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "list": { "alias": "list"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "showPasswordToggle": { "alias": "showPasswordToggle"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
 }
 
 /** Placement of the menu list relative to its trigger. */
@@ -2323,7 +2346,9 @@ declare class MenuItemComponent {
  */
 declare class MenuTriggerDirective {
     private readonly el;
+    private readonly renderer;
     readonly menu: _angular_core.InputSignal<MenuComponent>;
+    constructor();
     handleClick(): void;
     handleKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTriggerDirective, never>;
@@ -2391,6 +2416,12 @@ declare class MultiSelectComponent implements ControlValueAccessor {
     readonly selectedOptions: _angular_core.Signal<readonly SelectOption[]>;
     readonly hasValue: _angular_core.Signal<boolean>;
     readonly listboxId: _angular_core.Signal<string>;
+    /** Whether the Select-all row renders as the first option in the listbox. */
+    protected readonly selectAllVisible: _angular_core.Signal<boolean>;
+    /** Row-index offset the Select-all row adds ahead of the filtered options. */
+    protected readonly selectAllOffset: _angular_core.Signal<1 | 0>;
+    private readonly rowCount;
+    protected readonly selectAllAriaChecked: _angular_core.Signal<"true" | "mixed" | "false">;
     /** Id of the keyboard-focused option, for `aria-activedescendant`. */
     readonly activeOptionId: _angular_core.Signal<string | null>;
     /** Chips visible inside the trigger, capped by `maxVisibleChips`. */
@@ -2424,7 +2455,16 @@ declare class MultiSelectComponent implements ControlValueAccessor {
     onPopoverCloseRequested(): void;
     /** Toggle one option's membership in the selection. */
     toggleOption(opt: SelectOption): void;
+    /**
+     * Clicks on the bordered box (trigger, padding, chevron) all toggle; the
+     * clear button and chip remove buttons stop propagation before reaching
+     * here. The combobox element only takes focus natively when clicked
+     * directly, so focus is restored explicitly for the activedescendant model.
+     */
+    protected onTriggerAreaClick(): void;
     protected onOptionClick(opt: SelectOption, index: number): void;
+    protected onSelectAllClick(): void;
+    private restoreTypingFocus;
     /**
      * Remove a single chip from the trigger. `<ea-tag>` already stops the
      * click from bubbling to the trigger's `(click)`, so no event handling
@@ -2448,6 +2488,9 @@ declare class MultiSelectComponent implements ControlValueAccessor {
      */
     handlePopoverKeydown(event: KeyboardEvent): void;
     private focusSearchWhenReady;
+    private moveFocusedRow;
+    /** Enter/Space on the focused row: row 0 is Select-all when visible. */
+    private activateRow;
     /** Reorder a value-set against the input `options` array. */
     private orderedValues;
     private resetEditState;
@@ -2515,6 +2558,7 @@ declare class NumberInputComponent implements ControlValueAccessor {
     private readonly errorState;
     readonly errorText: _angular_core.Signal<string | null>;
     readonly hasError: _angular_core.Signal<boolean>;
+    readonly showError: _angular_core.Signal<boolean>;
     readonly showHint: _angular_core.Signal<boolean>;
     readonly canIncrement: _angular_core.Signal<boolean>;
     readonly canDecrement: _angular_core.Signal<boolean>;
@@ -3386,6 +3430,12 @@ declare class TagComponent {
     readonly removable: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly removeLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether the remove button is a tab stop. Set `false` inside a composite
+     * widget (a combobox trigger, a grid cell) whose own keyboard model owns
+     * navigation, since roles like `combobox` forbid focusable descendants.
+     */
+    readonly removeTabbable: _angular_core.InputSignal<boolean>;
     /** Fires when the user activates the remove button on a `removable` tag. */
     readonly removed: _angular_core.OutputEmitterRef<void>;
     /** Accessible label for the remove button, falling back to the active locale. */
@@ -3396,7 +3446,7 @@ declare class TagComponent {
     }>;
     onRemove(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ea-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ea-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "removeTabbable": { "alias": "removeTabbable"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
 }
 
 /** Visual size of the textarea. */
@@ -3411,6 +3461,8 @@ type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
 declare class TextareaComponent implements ControlValueAccessor {
     readonly textareaEl: _angular_core.Signal<ElementRef<HTMLTextAreaElement> | undefined>;
     readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Accessible name for the control when no visible `label` is set. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly size: _angular_core.InputSignal<EaSize>;
     readonly hint: _angular_core.InputSignal<string | undefined>;
@@ -3462,7 +3514,7 @@ declare class TextareaComponent implements ControlValueAccessor {
     /** Moves keyboard focus to the underlying native textarea element. */
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "ea-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "ea-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
 }
 
 /** Visual size of the time picker trigger. */
@@ -3590,6 +3642,13 @@ declare class TimePickerComponent implements ControlValueAccessor {
     handleTriggerKeydown(event: KeyboardEvent): void;
     /** Stepper button or keyboard arrow nudges one column up or down. */
     step(unit: Unit, direction: 1 | -1): void;
+    /**
+     * Keyboard activation of a stepper button dispatches only a click, never the
+     * pointer events that drive the hold repeat. `detail` is 0 for those
+     * synthetic clicks, so pointer presses (already handled by startHold) are
+     * ignored here.
+     */
+    onStepClick(unit: Unit, direction: 1 | -1, event: MouseEvent): void;
     /**
      * Begin a long-press repeat on a chevron button. Fires once immediately,
      * then after a `HOLD_INITIAL_DELAY` pause repeats at `HOLD_INTERVAL_MS`,
@@ -3706,9 +3765,20 @@ interface ToastOptions {
  */
 declare class ToastService {
     private nextId;
+    private readonly timers;
+    private paused;
     readonly toasts: _angular_core.WritableSignal<Toast[]>;
     /** Shows a toast and returns its id; pass `duration: 0` to disable auto-dismiss. */
     show(message: string, options?: ToastOptions): number;
+    /**
+     * Suspends every auto-dismiss countdown, keeping the time each toast has
+     * left. The `<ea-toast />` outlet calls this while the pointer or keyboard
+     * focus is on the stack so users get time to read or reach the dismiss
+     * button.
+     */
+    pause(): void;
+    /** Resumes auto-dismiss countdowns suspended by {@link pause}. */
+    resume(): void;
     /** Shows a `success` toast and returns its id. */
     success(message: string, duration?: number): number;
     /** Shows an `error` toast and returns its id. */
@@ -3737,6 +3807,9 @@ type ToastSize = EaSize;
 declare class ToastComponent {
     protected readonly toastService: ToastService;
     protected readonly i18n: EagamiI18nService;
+    private readonly containerEl;
+    private hovered;
+    private focused;
     /** Viewport corner or edge the toast stack is pinned to. */
     readonly position: _angular_core.InputSignal<ToastPosition>;
     /** Visual size applied to every toast in the stack. */
@@ -3744,6 +3817,13 @@ declare class ToastComponent {
     /** Show a dismiss button on each toast. */
     readonly clearable: _angular_core.InputSignal<boolean>;
     protected readonly containerClass: _angular_core.Signal<string>;
+    /** Errors and warnings interrupt like `ea-alert`; the rest wait politely. */
+    protected toastRole(variant: string): 'alert' | 'status';
+    protected onMouseEnter(): void;
+    protected onMouseLeave(): void;
+    protected onFocusIn(): void;
+    protected onFocusOut(event: FocusEvent): void;
+    private syncPause;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "ea-toast", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -3854,6 +3934,7 @@ declare class TransferListComponent {
     protected readonly canMoveAllLeft: _angular_core.Signal<boolean>;
     protected readonly resolvedSourceLabel: _angular_core.Signal<string>;
     protected readonly resolvedTargetLabel: _angular_core.Signal<string>;
+    protected readonly announcement: _angular_core.WritableSignal<string>;
     protected readonly hostClasses: _angular_core.Signal<string[]>;
     protected isHighlighted(pane: 'source' | 'target', id: string): boolean;
     protected itemTabindex(pane: 'source' | 'target', index: number, item: TransferListItem): number;
@@ -3869,6 +3950,7 @@ declare class TransferListComponent {
     protected moveAllRight(): void;
     protected moveSelectedLeft(): void;
     protected moveAllLeft(): void;
+    private announceMove;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TransferListComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TransferListComponent, "ea-transfer-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "sourceLabel": { "alias": "sourceLabel"; "required": false; "isSignal": true; }; "targetLabel": { "alias": "targetLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectedIds": "selectedIdsChange"; }, never, never, true, never>;
 }
@@ -3993,6 +4075,8 @@ interface VirtualListItemContext<T = unknown> {
  * `aria-posinset` using the projected `index` if needed.
  */
 declare class VirtualListComponent {
+    private readonly hostRole;
+    protected readonly viewportTabindex: number | null;
     readonly items: _angular_core.InputSignal<readonly unknown[]>;
     /** Pixel height of each item. Must be > 0. */
     readonly itemHeight: _angular_core.InputSignal<number>;