@eagami/ui 5.26.1 → 5.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "5.26.1",
+  "version": "5.28.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

@@ -867,7 +867,9 @@ declare class AvatarEditorComponent implements OnDestroy {
     private readonly boundWheel;
     constructor();
     ngOnDestroy(): void;
+    onDragEnter(event: DragEvent): void;
     onDragOver(event: DragEvent): void;
+    private acceptDrag;
     onDragLeave(event: DragEvent): void;
     onDrop(event: DragEvent): void;
     onFileSelected(event: Event): void;
@@ -900,6 +902,7 @@ declare class AvatarEditorComponent implements OnDestroy {
     private loadFromUrl;
     private loadFile;
     private scheduleDrawAfterRender;
+    private drawLoadedImage;
     private centerImage;
     private getScale;
     private getDrawParams;
@@ -1256,6 +1259,7 @@ interface GroupedItems {
 declare class CommandPaletteComponent {
     private readonly i18n;
     private readonly hostEl;
+    private readonly press;
     readonly items: _angular_core.InputSignal<readonly CommandPaletteItem<unknown>[]>;
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly placeholder: _angular_core.InputSignal<string>;
@@ -1826,6 +1830,7 @@ declare class DialogComponent implements AfterContentChecked {
     private previouslyFocused;
     protected readonly i18n: EagamiI18nService;
     private readonly isBrowser;
+    private readonly press;
     readonly width: _angular_core.InputSignal<EaWidth>;
     readonly closeOnBackdrop: _angular_core.InputSignal<boolean>;
     readonly closeOnEscape: _angular_core.InputSignal<boolean>;
@@ -1913,9 +1918,10 @@ declare class DrawerComponent implements AfterContentChecked {
     private pushRaf;
     private leaveTimer;
     private leaveOnEnd;
-    private documentPointerListener;
+    private documentClickListener;
     protected readonly i18n: EagamiI18nService;
     private readonly isBrowser;
+    private readonly press;
     readonly position: _angular_core.InputSignal<DrawerPosition>;
     /**
      * Extent of the panel along its main axis (width for side drawers, height for
@@ -2361,6 +2367,8 @@ declare class InputComponent implements ControlValueAccessor {
     readonly required: _angular_core.InputSignal<boolean>;
     /** Value for the native `autocomplete` attribute. */
     readonly autocomplete: _angular_core.InputSignal<string | undefined>;
+    /** Value for the native `spellcheck` attribute; left to the browser default when unset. */
+    readonly spellcheck: _angular_core.InputSignal<boolean | undefined>;
     /** `id` of a `<datalist>` to associate for native suggestions. */
     readonly list: _angular_core.InputSignal<string | undefined>;
     /** Minimum value for `type="number"`; the value is clamped to it on blur. */
@@ -2431,7 +2439,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; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaExpanded": { "alias": "aria-expanded"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "aria-controls"; "required": false; "isSignal": true; }; "ariaActivedescendant": { "alias": "aria-activedescendant"; "required": false; "isSignal": true; }; "ariaAutocomplete": { "alias": "aria-autocomplete"; "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; }; "keepIcon": { "alias": "keepIcon"; "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; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaExpanded": { "alias": "aria-expanded"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "aria-controls"; "required": false; "isSignal": true; }; "ariaActivedescendant": { "alias": "aria-activedescendant"; "required": false; "isSignal": true; }; "ariaAutocomplete": { "alias": "aria-autocomplete"; "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; }; "keepIcon": { "alias": "keepIcon"; "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; }; "spellcheck": { "alias": "spellcheck"; "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. */
@@ -2634,6 +2642,7 @@ type PopoverMaxWidth = number | 'anchor';
  */
 declare class PopoverComponent {
     private readonly destroyRef;
+    private readonly press;
     private readonly surfaceEl;
     /** Anchor element the popover positions itself against. */
     readonly anchor: _angular_core.InputSignal<HTMLElement | ElementRef<HTMLElement> | undefined>;
@@ -2676,6 +2685,7 @@ declare class PopoverComponent {
     /** Requested close. The parent should mirror this into `[open]`. */
     readonly closeRequested: _angular_core.OutputEmitterRef<void>;
     private readonly position;
+    private latched;
     /** True placement after flip, for class-based styling (e.g. arrow direction). */
     readonly effectivePlacement: _angular_core.Signal<PopoverPlacement>;
     /** Latches true once the post-rAF reposition has run, so the surface is
@@ -2711,6 +2721,7 @@ type MultiSelectSize = EaSize;
  */
 declare class MultiSelectComponent implements ControlValueAccessor {
     protected readonly wrapperEl: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    private readonly popover;
     protected readonly triggerEl: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     protected readonly searchEl: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     private readonly listEl;
@@ -2851,6 +2862,8 @@ declare class MultiSelectComponent implements ControlValueAccessor {
      */
     toggleSelectAll(): void;
     onSearchInput(event: Event): void;
+    private soleOptionRow;
+    private clearSearchForNextValue;
     handleTriggerKeydown(event: KeyboardEvent): void;
     /**
      * Keyboard navigation inside the popover. Bound to both the search input
@@ -2858,7 +2871,6 @@ declare class MultiSelectComponent implements ControlValueAccessor {
      * so users can type spaces in their query.
      */
     handlePopoverKeydown(event: KeyboardEvent): void;
-    private focusSearchWhenReady;
     private moveFocusedRow;
     /** Enter/Space on the focused row: row 0 is Select-all when visible. */
     private activateRow;
@@ -3696,6 +3708,7 @@ declare class TooltipDirective implements OnDestroy {
     private readonly hoverChangeHandler;
     private rafId;
     private readonly repositionHandler;
+    private readonly relayoutHandler;
     private readonly scrollListenerOptions;
     private resizeObserver;
     constructor();