@eagami/ui 5.59.0 → 5.60.0

package/package.json

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

@@ -2191,8 +2191,8 @@ export declare class CheckboxComponent implements ControlValueAccessor {
  *            canonical slug and design.
  * `eagami`:  Eagami UI additions beyond the Feather set: the brand mark, the
  *            basic shape set and household icons, brand-filled variants of
- *            Feather outlines, the coloured brand marks (`isBrand`), and line
- *            icons adapted from Lucide (ISC).
+ *            Feather outlines, the coloured brand marks (`isBrand`), and
+ *            original line icons.
  */
 export type IconCategory = 'feather' | 'eagami';
 /**
@@ -3433,6 +3433,8 @@ export declare class CodeInputComponent implements ControlValueAccessor {
   readonly digitEls: import("@angular/core").Signal<readonly ElementRef<HTMLInputElement>[]>;
   protected readonly i18n: EagamiI18nService;
   readonly label: import("@angular/core").InputSignal<string | undefined>;
+  /** Space-separated ids of the elements whose text names the group of digit fields, such as a label outside the component. */
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
   /** Optional icon component rendered before the label text. */
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
@@ -3487,6 +3489,11 @@ export declare class CodeInputComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
     "labelIcon": {
       "alias": "labelIcon";
       "required": false;
@@ -3605,6 +3612,8 @@ export declare class DatePickerComponent implements ControlValueAccessor {
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
   /** Placeholder shown in the field when no date is selected. */
   readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+  /** Space-separated ids of the elements whose text names the field, such as a label outside the component. */
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
   readonly size: import("@angular/core").InputSignal<EaSize>;
   readonly disabled: import("@angular/core").InputSignal<boolean>;
   readonly readonly: import("@angular/core").InputSignal<boolean>;
@@ -3655,7 +3664,7 @@ export declare class DatePickerComponent implements ControlValueAccessor {
   private readonly intlLocalizesEffectiveLocale;
   /** Placeholder text, empty unless a `placeholder` is given. */
   readonly resolvedPlaceholder: import("@angular/core").Signal<string>;
-  /** Accessible name when no `label` is given. */
+  /** Accessible name when neither `label` nor `aria-labelledby` is given. */
   protected readonly fallbackLabel: import("@angular/core").Signal<string>;
   readonly dialogId: import("@angular/core").Signal<string>;
   readonly fieldClasses: import("@angular/core").Signal<{
@@ -3740,6 +3749,11 @@ export declare class DatePickerComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
     "size": {
       "alias": "size";
       "required": false;
@@ -5779,6 +5793,8 @@ export declare class MultiSelectComponent implements ControlValueAccessor {
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
   /** Accessible name for the combobox when no visible `label` is set. */
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Space-separated ids of the elements whose text names the combobox, such as a label outside the component. */
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
   readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
   readonly searchPlaceholder: import("@angular/core").InputSignal<string | undefined>;
   /** Selectable options, either flat or split into groups. */
@@ -5975,6 +5991,11 @@ export declare class MultiSelectComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
     "placeholder": {
       "alias": "placeholder";
       "required": false;
@@ -6680,6 +6701,8 @@ export declare class RadioGroupComponent implements ControlValueAccessor {
   /** Per-validator-key message overrides for a bound form control (e.g. `{ required: '...' }`). */
   readonly errorMessages: import("@angular/core").InputSignal<Partial<Record<string, string>> | undefined>;
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Space-separated ids of the elements whose text names the group, such as a label outside the component. */
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
   readonly value: import("@angular/core").ModelSignal<string>;
   /** Fires with the new value when an option is selected. */
   readonly changed: import("@angular/core").OutputEmitterRef<string>;
@@ -6765,6 +6788,11 @@ export declare class RadioGroupComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
     "value": {
       "alias": "value";
       "required": false;
@@ -6865,6 +6893,8 @@ export declare class RangeSliderComponent implements ControlValueAccessor {
   readonly ariaLabelLow: import("@angular/core").InputSignal<string | undefined>;
   /** Accessible label for the high (end) thumb. Falls back to a localized default when omitted. */
   readonly ariaLabelHigh: import("@angular/core").InputSignal<string | undefined>;
+  /** Space-separated ids of the elements whose text names the slider, ahead of each thumb's own label, such as a label outside the component. */
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
   readonly id: import("@angular/core").InputSignal<string>;
   readonly value: import("@angular/core").ModelSignal<RangeSliderValue>;
   /** Fires with the new `[low, high]` tuple whenever either thumb moves. */
@@ -7001,6 +7031,11 @@ export declare class RangeSliderComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
     "id": {
       "alias": "id";
       "required": false;
@@ -7040,6 +7075,8 @@ export declare class RatingComponent implements ControlValueAccessor {
   private readonly starsEl;
   protected readonly i18n: EagamiI18nService;
   readonly label: import("@angular/core").InputSignal<string | undefined>;
+  /** Space-separated ids of the elements whose text names the rating, such as a label outside the component. */
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
   /** Optional icon component rendered before the label text. */
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
@@ -7119,6 +7156,11 @@ export declare class RatingComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
     "labelIcon": {
       "alias": "labelIcon";
       "required": false;
@@ -7234,6 +7276,8 @@ export declare class SegmentedComponent implements ControlValueAccessor {
   readonly required: import("@angular/core").InputSignal<boolean>;
   readonly fullWidth: import("@angular/core").InputSignal<boolean>;
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Space-separated ids of the elements whose text names the group, such as a label outside the component. */
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
   readonly id: import("@angular/core").InputSignal<string>;
   readonly value: import("@angular/core").ModelSignal<string>;
   /** Fires with the new value when the user selects a different option. */
@@ -7327,6 +7371,11 @@ export declare class SegmentedComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
     "id": {
       "alias": "id";
       "required": false;
@@ -7419,6 +7468,8 @@ export declare class SliderComponent implements ControlValueAccessor {
   /** Group thousands with commas in displayed values (ignored when a custom `formatValue` is set). */
   readonly groupThousands: import("@angular/core").InputSignal<boolean>;
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Space-separated ids of the elements whose text names the slider, such as a label outside the component. */
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
   readonly id: import("@angular/core").InputSignal<string>;
   readonly value: import("@angular/core").ModelSignal<number>;
   /** Fires with the new (snapped, clamped) numeric value whenever the slider moves. */
@@ -7555,6 +7606,11 @@ export declare class SliderComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
     "id": {
       "alias": "id";
       "required": false;