@tedi-design-system/angular 7.1.0-rc.18 → 7.1.0-rc.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "7.1.0-rc.18",
+  "version": "7.1.0-rc.19",
   "type": "module",
   "main": "community.mjs",
   "module": "fesm2022/tedi-design-system-angular.mjs",

package/tedi/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, OnInit, OnDestroy, ElementRef, TemplateRef, Injector, InjectionToken, WritableSignal, AfterViewChecked, AfterContentInit, QueryList, EnvironmentProviders } from '@angular/core';
+import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, OnInit, OnDestroy, TemplateRef, ElementRef, Injector, InjectionToken, WritableSignal, AfterViewChecked, AfterContentInit, QueryList, EnvironmentProviders } from '@angular/core';
 import { _IdGenerator } from '@angular/cdk/a11y';
 import * as _tedi_design_system_angular_tedi from '@tedi-design-system/angular/tedi';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
@@ -819,6 +819,34 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "table.select-column": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "table.expand-column": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "table.reorder-column": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "table.scroll-region": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "table.expand-row": {
         description: string;
         components: string[];
@@ -917,6 +945,13 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "scroll-fade.label": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "pagination.title": {
         description: string;
         components: string[];
@@ -1519,6 +1554,13 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "time-picker.times": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "time-field.clear": {
         description: string;
         components: string[];
@@ -2578,12 +2620,10 @@ type TextGroupInputs = {
      */
     labelWidth: string | undefined;
 };
-declare class TextGroupComponent implements BreakpointInputs<TextGroupInputs>, AfterContentChecked {
+declare class TextGroupComponent implements BreakpointInputs<TextGroupInputs> {
     type: _angular_core.InputSignal<TextGroupType>;
     labelWidth: _angular_core.InputSignal<string | undefined>;
     breakpointService: BreakpointService;
-    readonly textGroupLabel: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly labelText: _angular_core.WritableSignal<string | null>;
     xs: _angular_core.InputSignal<TextGroupInputs | undefined>;
     sm: _angular_core.InputSignal<TextGroupInputs | undefined>;
     md: _angular_core.InputSignal<TextGroupInputs | undefined>;
@@ -2592,9 +2632,8 @@ declare class TextGroupComponent implements BreakpointInputs<TextGroupInputs>, A
     xxl: _angular_core.InputSignal<TextGroupInputs | undefined>;
     breakpointInputs: _angular_core.Signal<TextGroupInputs>;
     classes: _angular_core.Signal<string>;
-    ngAfterContentChecked(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextGroupComponent, "tedi-text-group", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, ["textGroupLabel"], ["tedi-text-group-label", "tedi-text-group-value"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextGroupComponent, "tedi-text-group", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, never, ["tedi-text-group-label", "tedi-text-group-value"], true, never>;
 }
 
 declare class TextGroupLabelComponent {
@@ -2622,6 +2661,8 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
     readonly fade: _angular_core.InputSignal<boolean>;
     /** Transition duration in ms */
     readonly transitionMs: _angular_core.InputSignal<number>;
+    /** Accessible label for the carousel region. Falls back to the `carousel` translation. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly translationService: TediTranslationService;
     private readonly breakpointService;
     private readonly host;
@@ -2629,6 +2670,7 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
     readonly track: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     readonly slideElements: _angular_core.Signal<readonly ElementRef<HTMLDivElement>[]>;
     readonly slides: _angular_core.Signal<readonly CarouselSlideDirective[]>;
+    readonly resolvedAriaLabel: _angular_core.Signal<string>;
     readonly trackIndex: _angular_core.WritableSignal<number>;
     readonly animate: _angular_core.WritableSignal<boolean>;
     readonly viewportWidth: _angular_core.WritableSignal<number>;
@@ -2685,7 +2727,7 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
      */
     announceSlideChange(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselContentComponent, "tedi-carousel-content", never, { "slidesPerView": { "alias": "slidesPerView"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; "transitionMs": { "alias": "transitionMs"; "required": false; "isSignal": true; }; }, {}, ["slides"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselContentComponent, "tedi-carousel-content", never, { "slidesPerView": { "alias": "slidesPerView"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; "transitionMs": { "alias": "transitionMs"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, ["slides"], never, true, never>;
 }
 
 declare class CarouselComponent {
@@ -3252,12 +3294,20 @@ declare class PopoverTriggerDirective {
      * @default false
      */
     readonly underline: _angular_core.InputSignal<boolean>;
+    /**
+     * When `false`, the trigger drops its `button` role and dialog ARIA
+     * (`aria-haspopup`, `aria-expanded`, `aria-controls`). Use this when the element
+     * is only a positioning anchor and an inner control is the real, labelled trigger
+     * — e.g. a field wrapper whose icon button opens the popover.
+     * @default true
+     */
+    readonly interactive: _angular_core.InputSignal<boolean>;
     readonly host: ElementRef<HTMLElement>;
     readonly popover: PopoverComponent;
     readonly overlayOrigin: CdkOverlayOrigin;
     onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[tedi-popover-trigger]", never, { "underline": { "alias": "underline"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[tedi-popover-trigger]", never, { "underline": { "alias": "underline"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }
 
 type PopoverPosition = OverlayPosition;
@@ -3951,6 +4001,16 @@ declare class TediTableComponent<TData> {
      * @default undefined
      */
     readonly getSubRows: _angular_core.InputSignal<((row: TData) => TData[] | undefined) | undefined>;
+    /**
+     * Accessor returning a stable, unique id for a row, passed straight through
+     * to TanStack's `getRowId`. By default rows are keyed by their index, so
+     * selection / expansion state breaks as soon as the data changes (filtering,
+     * adding, removing, reordering rows). Key by an entity id instead — e.g.
+     * `getRowId: (row) => row.id` — to keep `rowSelection` / `expanded` stable
+     * across data updates and controllable from the outside by that id.
+     * @default undefined
+     */
+    readonly getRowId: _angular_core.InputSignal<((originalRow: TData, index: number, parent?: Row<TData>) => string) | undefined>;
     /**
      * Table-level row grouping key. When set, consecutive rendered rows with an
      * equal key form a group, and:
@@ -4127,6 +4187,10 @@ declare class TediTableComponent<TData> {
     protected readonly rowDetailsLabel: Signal<string>;
     protected readonly dragColumnLabel: Signal<string>;
     protected readonly dragRowLabel: Signal<string>;
+    protected readonly selectColumnLabel: Signal<string>;
+    protected readonly expandColumnLabel: Signal<string>;
+    protected readonly reorderColumnLabel: Signal<string>;
+    protected readonly scrollRegionLabel: Signal<string>;
     /** Currently picked-up column id (during keyboard reordering), or `null`. */
     private readonly _pickedUpColumnId;
     /** Column order snapshot captured when picking up — restored on cancel. */
@@ -4226,6 +4290,14 @@ declare class TediTableComponent<TData> {
     protected readonly isSomePageRowsSelected: Signal<boolean>;
     constructor();
     private applyPatch;
+    /**
+     * Clears every active column filter in one call, resetting all `filterable`
+     * columns at once. Routes through the same state machinery as the per-column
+     * **Clear** buttons, so it updates internal state, respects a controlled
+     * `state` input, and emits `(stateChange)`. Grab a component reference (e.g.
+     * a template ref `#table` or `viewChild`) to call it from consumer code.
+     */
+    clearFilters(): void;
     protected handleRowClick(event: Event, row: Row<TData>): void;
     /**
      * True when the click originated on an interactive control between the event
@@ -4237,6 +4309,7 @@ declare class TediTableComponent<TData> {
      *  the row is not interactive or no resolver is provided. */
     protected rowAriaLabelFor(row: Row<TData>): string | null;
     protected rowExpandsOnClick(row: Row<TData>): boolean;
+    protected rowHasNestedInteractive(row: Row<TData>): boolean;
     protected handleRowMouseEnter(row: Row<TData>): void;
     protected handleRowMouseLeave(): void;
     /**
@@ -4354,7 +4427,7 @@ declare class TediTableComponent<TData> {
         };
     }): TableColumnMeta | undefined;
     protected getHeaderAriaSort(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): "ascending" | "descending" | "none" | null;
-    protected getHeaderLabel(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): string | null;
+    protected getSrOnlyHeaderLabel(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): string | null;
     protected resolveColumnLabel(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): string;
     protected filterLabel(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): string;
     protected filterPlaceholder(): string;
@@ -4435,6 +4508,7 @@ declare class TediTableComponent<TData> {
      * nothing.
      */
     private readonly filterDrafts;
+    private readonly filterDraftBaselines;
     /**
      * Normalises `filterable: true | TableFilterOptions | undefined | false`
      * into `TableFilterOptions | null`. `null` means the column did not opt in.
@@ -4462,6 +4536,22 @@ declare class TediTableComponent<TData> {
     protected filterApplyLabel(): string;
     protected filterClearLabel(): string;
     private getFilterDraft;
+    /**
+     * Structural equality for filter values (strings, numbers, bigints, arrays,
+     * plain objects). Filter values are consumer-supplied `unknown`, so the
+     * comparison must never throw: reference-equal values (including equal
+     * primitives and bigints) short-circuit, and anything JSON can't serialise
+     * (bigint mismatches, cyclic structures) falls back to "changed".
+     */
+    private filterValuesEqual;
+    /**
+     * Realigns each open/created filter draft with the applied filter state
+     * whenever the latter changes externally (`clearFilters()`, controlled
+     * `state`, a removed filter chip). A draft is only overwritten when its
+     * column's applied value actually moved since the draft last synced — so an
+     * in-progress, unapplied draft (applied value unchanged) is left intact.
+     */
+    private reconcileFilterDrafts;
     /**
      * Called when the filter trigger button is clicked. If `clearOnClose` is
      * set, the draft is reset to the currently-applied value every time the
@@ -4497,7 +4587,7 @@ declare class TediTableComponent<TData> {
         };
     }, cellContext: CellContext<TData, unknown>): number | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TediTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TediTableComponent<any>, "tedi-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "verticalBorders": { "alias": "verticalBorders"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "stickyFirstColumn": { "alias": "stickyFirstColumn"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "fixedLayout": { "alias": "fixedLayout"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "selectedRowHighlight": { "alias": "selectedRowHighlight"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "enableRowSelection": { "alias": "enableRowSelection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "enableColumnFilters": { "alias": "enableColumnFilters"; "required": false; "isSignal": true; }; "renderSubComponent": { "alias": "renderSubComponent"; "required": false; "isSignal": true; }; "getRowCanExpand": { "alias": "getRowCanExpand"; "required": false; "isSignal": true; }; "expandTrigger": { "alias": "expandTrigger"; "required": false; "isSignal": true; }; "expandButtonVariant": { "alias": "expandButtonVariant"; "required": false; "isSignal": true; }; "expandButtonLabel": { "alias": "expandButtonLabel"; "required": false; "isSignal": true; }; "getSubRows": { "alias": "getSubRows"; "required": false; "isSignal": true; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; "isSignal": true; }; "rowGroupDividers": { "alias": "rowGroupDividers"; "required": false; "isSignal": true; }; "controlColumnOrder": { "alias": "controlColumnOrder"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginationTop": { "alias": "paginationTop"; "required": false; "isSignal": true; }; "manualPagination": { "alias": "manualPagination"; "required": false; "isSignal": true; }; "manualSorting": { "alias": "manualSorting"; "required": false; "isSignal": true; }; "manualFiltering": { "alias": "manualFiltering"; "required": false; "isSignal": true; }; "pageCount": { "alias": "pageCount"; "required": false; "isSignal": true; }; "rowCount": { "alias": "rowCount"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "defaultState": { "alias": "defaultState"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderRole": { "alias": "placeholderRole"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "rowAriaLabel": { "alias": "rowAriaLabel"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "rowClick": "rowClick"; "rowDrop": "rowDrop"; }, ["customResultsTemplateRef"], ["tedi-table-toolbar", "tedi-table-columns-menu"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TediTableComponent<any>, "tedi-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "verticalBorders": { "alias": "verticalBorders"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "stickyFirstColumn": { "alias": "stickyFirstColumn"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "fixedLayout": { "alias": "fixedLayout"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "selectedRowHighlight": { "alias": "selectedRowHighlight"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "enableRowSelection": { "alias": "enableRowSelection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "enableColumnFilters": { "alias": "enableColumnFilters"; "required": false; "isSignal": true; }; "renderSubComponent": { "alias": "renderSubComponent"; "required": false; "isSignal": true; }; "getRowCanExpand": { "alias": "getRowCanExpand"; "required": false; "isSignal": true; }; "expandTrigger": { "alias": "expandTrigger"; "required": false; "isSignal": true; }; "expandButtonVariant": { "alias": "expandButtonVariant"; "required": false; "isSignal": true; }; "expandButtonLabel": { "alias": "expandButtonLabel"; "required": false; "isSignal": true; }; "getSubRows": { "alias": "getSubRows"; "required": false; "isSignal": true; }; "getRowId": { "alias": "getRowId"; "required": false; "isSignal": true; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; "isSignal": true; }; "rowGroupDividers": { "alias": "rowGroupDividers"; "required": false; "isSignal": true; }; "controlColumnOrder": { "alias": "controlColumnOrder"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginationTop": { "alias": "paginationTop"; "required": false; "isSignal": true; }; "manualPagination": { "alias": "manualPagination"; "required": false; "isSignal": true; }; "manualSorting": { "alias": "manualSorting"; "required": false; "isSignal": true; }; "manualFiltering": { "alias": "manualFiltering"; "required": false; "isSignal": true; }; "pageCount": { "alias": "pageCount"; "required": false; "isSignal": true; }; "rowCount": { "alias": "rowCount"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "defaultState": { "alias": "defaultState"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderRole": { "alias": "placeholderRole"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "rowAriaLabel": { "alias": "rowAriaLabel"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "rowClick": "rowClick"; "rowDrop": "rowDrop"; }, ["customResultsTemplateRef"], ["tedi-table-toolbar", "tedi-table-columns-menu"], true, never>;
 }
 
 declare const TEDI_TABLE_CONTEXT: InjectionToken<TediTableContextValue<unknown>>;
@@ -6009,6 +6099,11 @@ declare class NumberFieldComponent implements ControlValueAccessor {
      * @default false
      */
     fullWidth: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible label for the input, used when no visible `label` is provided
+     * (e.g. when the field is embedded as a compact addon of another control).
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
     inputRef: ElementRef<HTMLInputElement>;
     private formDisabled;
     private onChange;
@@ -6031,7 +6126,7 @@ declare class NumberFieldComponent implements ControlValueAccessor {
     handleInputChange(event: Event): void;
     handleBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFieldComponent, "tedi-number-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFieldComponent, "tedi-number-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 type InputSize = "small" | "large" | "default";
@@ -6797,6 +6892,11 @@ declare class ToggleComponent implements ControlValueAccessor {
      * @default false
      */
     icon: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible label for the toggle. Provide this when there is no associated
+     * visible `<label>` element, so the switch has an accessible name.
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
     inputRef: ElementRef<HTMLInputElement>;
     private onChange;
     private onTouched;
@@ -6809,7 +6909,7 @@ declare class ToggleComponent implements ControlValueAccessor {
     classes: _angular_core.Signal<string>;
     iconColor: _angular_core.Signal<IconColor>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "tedi-toggle", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "tedi-toggle", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
 }
 
 /**
@@ -7491,12 +7591,16 @@ declare class ScrollFadeComponent implements AfterViewInit, OnDestroy {
     readonly fadePosition: _angular_core.InputSignal<ScrollFadePosition>;
     /** Scrollbar style. */
     readonly scrollBar: _angular_core.InputSignal<ScrollFadeScrollbar>;
+    /** Accessible label for the scrollable region. Falls back to a translated default. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Emitted when scrolled to the top. */
     readonly scrolledToTop: _angular_core.OutputEmitterRef<void>;
     /** Emitted when scrolled to the bottom. */
     readonly scrolledToBottom: _angular_core.OutputEmitterRef<void>;
+    private readonly translationService;
     private readonly innerRef;
     private resizeObserver;
+    readonly _defaultLabel: _angular_core.Signal<string>;
     private readonly fade;
     readonly classes: _angular_core.Signal<string>;
     readonly innerClasses: _angular_core.Signal<string>;
@@ -7505,7 +7609,7 @@ declare class ScrollFadeComponent implements AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     private updateFade;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollFadeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollFadeComponent, "tedi-scroll-fade", never, { "fadeSize": { "alias": "fadeSize"; "required": false; "isSignal": true; }; "fadePosition": { "alias": "fadePosition"; "required": false; "isSignal": true; }; "scrollBar": { "alias": "scrollBar"; "required": false; "isSignal": true; }; }, { "scrolledToTop": "scrolledToTop"; "scrolledToBottom": "scrolledToBottom"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollFadeComponent, "tedi-scroll-fade", never, { "fadeSize": { "alias": "fadeSize"; "required": false; "isSignal": true; }; "fadePosition": { "alias": "fadePosition"; "required": false; "isSignal": true; }; "scrollBar": { "alias": "scrollBar"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "scrolledToTop": "scrolledToTop"; "scrolledToBottom": "scrolledToBottom"; }, never, ["*"], true, never>;
 }
 
 type SeparatorAxis = "horizontal" | "vertical";