@eagami/ui 5.12.1 → 5.12.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "5.12.1",
+  "version": "5.12.2",
   "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';
 
@@ -1195,6 +1195,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;
@@ -1663,8 +1668,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 +1688,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 +1748,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 +1795,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 +1892,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>;
@@ -2391,6 +2406,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 +2445,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 +2478,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 +2548,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>;
@@ -3590,6 +3624,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 +3747,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 +3789,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 +3799,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>;
 }
@@ -3993,6 +4055,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>;