@tedi-design-system/angular 8.1.0-rc.7 → 8.1.0-rc.9

package/package.json

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

package/tedi/index.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, OnInit, OnDestroy, TemplateRef, ElementRef, Injector, WritableSignal, InjectionToken, AfterViewChecked, AfterContentInit, QueryList, EnvironmentProviders } from '@angular/core';
-import { _IdGenerator } from '@angular/cdk/a11y';
+import { _IdGenerator, Highlightable } from '@angular/cdk/a11y';
 import * as _tedi_design_system_angular_tedi from '@tedi-design-system/angular/tedi';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _tanstack_table_core from '@tanstack/table-core';
@@ -65,7 +65,9 @@ declare class IconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "tedi-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type TextModifiers = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "normal" | "small" | "extra-small" | "bold" | "thin" | "italic" | "center" | "left" | "right" | "nowrap" | "break-all" | "break-word" | "break-spaces" | "uppercase" | "lowercase" | "capitalize" | "capitalize-first" | "inline-block" | "inline" | "line-normal" | "line-condensed" | "subtitle";
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type HeadingModifiers = `h${HeadingLevel}`;
+type TextModifiers = HeadingModifiers | "normal" | "small" | "extra-small" | "bold" | "thin" | "italic" | "center" | "left" | "right" | "nowrap" | "break-all" | "break-word" | "break-spaces" | "uppercase" | "lowercase" | "capitalize" | "capitalize-first" | "inline-block" | "inline" | "line-normal" | "line-condensed" | "subtitle";
 type TextColor = "primary" | "secondary" | "tertiary" | "white" | "disabled" | "brand" | "success" | "warning" | "danger" | "info" | "neutral" | "inherit";
 declare class TextComponent {
     /**
@@ -352,6 +354,27 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "search.no-results": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "search.loading": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "search.results-count": {
+        description: string;
+        components: string[];
+        et: (count: number) => string;
+        en: (count: number) => string;
+        ru: (count: number) => string;
+    };
     required: {
         description: string;
         components: string[];
@@ -2455,7 +2478,7 @@ declare class AccordionItemHeaderComponent {
      * `display: contents` so it doesn't affect the visual layout — it only adds
      * semantic information for assistive technologies and TOC tools.
      */
-    headingLevel: _angular_core.InputSignal<1 | 3 | 5 | 4 | 2 | 6 | undefined>;
+    headingLevel: _angular_core.InputSignal<1 | 2 | 3 | 4 | 5 | 6 | undefined>;
     /**
      * Chevron style of the default expand action.
      * Only effective when `headerClickable` is `false` (otherwise the
@@ -2737,6 +2760,53 @@ declare class CardHeaderComponent extends CardContentComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeaderComponent, "tedi-card-header", never, {}, {}, never, ["*"], true, never>;
 }
 
+declare class HeadingWithIconComponent {
+    /**
+     * Name of the Material Icon
+     * https://fonts.google.com/icons
+     *
+     * Rendered as decorative and hidden from assistive technology — the
+     * projected text is the accessible heading name.
+     */
+    icon: _angular_core.InputSignal<string>;
+    /**
+     * Semantic heading tag. Also sets the typography unless a heading modifier
+     * overrides it, so pick the tag that fits the surrounding document outline.
+     * @default h4
+     */
+    element: _angular_core.InputSignal<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+    /**
+     * Single or multiple modifiers to change the heading behavior. A heading
+     * modifier here styles the heading as that level while `element` keeps the
+     * semantics — e.g. an `h2` that looks like an `h4`.
+     */
+    modifiers: _angular_core.InputSignal<TextModifiers | TextModifiers[] | undefined>;
+    /**
+     * Heading text color.
+     * @default primary
+     */
+    headingColor: _angular_core.InputSignal<TextColor>;
+    /**
+     * Color of the icon.
+     * @default primary
+     */
+    iconColor: _angular_core.InputSignal<IconColor>;
+    /**
+     * Size of the icon in pixels.
+     * @default 24
+     */
+    iconSize: _angular_core.InputSignal<IconSize>;
+    /**
+     * Whether the icon should be filled or outlined.
+     * @default outlined
+     */
+    iconVariant: _angular_core.InputSignal<IconVariant>;
+    private readonly visualLevel;
+    lineHeightVar: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeadingWithIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeadingWithIconComponent, "tedi-heading-with-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "element": { "alias": "element"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; "headingColor": { "alias": "headingColor"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconVariant": { "alias": "iconVariant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 type BulletColor = "primary" | "secondary" | "tertiary" | "brand" | "brand-dark" | "success" | "warning" | "warning-dark" | "danger" | "white";
 declare class ListComponent {
     /**
@@ -6721,7 +6791,78 @@ declare class FormFieldComponent implements FieldContext {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "characterLimit": { "alias": "characterLimit"; "required": false; "isSignal": true; }; }, {}, ["control", "feedback"], ["label[tedi-label], tedi-label-row", "*", "tedi-feedback-text", "[tediFormFieldExtra]"], true, never>;
 }
 
+/**
+ * Context passed to a custom suggestion row template.
+ */
+interface SearchSuggestionContext<T = unknown> {
+    /** The suggestion, so `let-item` works without naming a context key. */
+    $implicit: T;
+    /** The same suggestion under a name, for `let-item="item"`. */
+    item: T;
+    /** Position in the rendered list, matching the row's `aria-activedescendant` id. */
+    index: number;
+    /** Resolved display label, via `bindLabel`. */
+    label: string;
+    /** Resolved secondary line, via `bindDescription`. Empty when unbound. */
+    description: string;
+    /** Whether the row is unselectable, via `bindDisabled`. */
+    disabled: boolean;
+    /** Current trimmed field value, for custom match highlighting. */
+    query: string;
+}
+/**
+ * Renders each suggestion row. Without it, rows show the resolved label with the
+ * matched substring bolded.
+ *
+ * @example
+ * ```html
+ * <tedi-search [suggestions]="people" bindLabel="name">
+ *   <ng-template tediSearchSuggestion let-item>
+ *     <span tedi-text modifiers="bold">{{ item.name }}</span>
+ *     <span tedi-text color="tertiary">{{ item.code }}</span>
+ *   </ng-template>
+ * </tedi-search>
+ * ```
+ */
+declare class SearchSuggestionTemplateDirective<T = unknown> {
+    template: TemplateRef<SearchSuggestionContext<T>>;
+    static ngTemplateContextGuard<T>(_dir: SearchSuggestionTemplateDirective<T>, _ctx: unknown): _ctx is SearchSuggestionContext<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchSuggestionTemplateDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SearchSuggestionTemplateDirective<any>, "[tediSearchSuggestion]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Extra content pinned below the suggestions — fallback actions and a hint, for
+ * example. It shows whenever the panel is open, including the no-results state,
+ * which is what makes it useful for "nothing matched, try this instead".
+ *
+ * Suggestions keep behaving exactly as they do without it: filtering, arrow-key
+ * navigation and Enter to select are unchanged. Tab moves from the field into the
+ * footer's controls.
+ *
+ * @example
+ * ```html
+ * <tedi-search [suggestions]="matches()">
+ *   <ng-template tediSearchFooter>
+ *     <tedi-search-footer-actions>
+ *       <button tedi-button variant="secondary">Isik teadmata</button>
+ *     </tedi-search-footer-actions>
+ *   </ng-template>
+ * </tedi-search>
+ * ```
+ */
+declare class SearchFooterTemplateDirective {
+    template: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchFooterTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SearchFooterTemplateDirective, "[tediSearchFooter]", never, {}, {}, never, never, true, never>;
+}
+
 type SearchSize = InputSize;
+interface SearchSuggestionView<T = unknown> {
+    item: T;
+    label: string;
+    description: string;
+    disabled: boolean;
+}
 interface SearchButton {
     /**
      * Visible button text. When omitted, the button is rendered icon-only.
@@ -6743,7 +6884,7 @@ interface SearchButton {
      */
     ariaLabel?: string;
 }
-declare class SearchComponent implements ControlValueAccessor {
+declare class SearchComponent<T = unknown> implements ControlValueAccessor {
     /**
      * Unique identifier for the input element, used to associate the label.
      */
@@ -6793,6 +6934,62 @@ declare class SearchComponent implements ControlValueAccessor {
      * `placeholder`, then the translated "search" label.
      */
     ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Suggestions to show in the panel, already filtered by the consumer. Bind an
+     * empty array to keep the combobox behaviour while nothing matches; leave it
+     * unbound for a plain search field.
+     */
+    suggestions: _angular_core.InputSignal<T[] | undefined>;
+    /**
+     * Property holding the display label when suggestions are objects.
+     * @default "label"
+     */
+    bindLabel: _angular_core.InputSignal<string>;
+    /**
+     * Property holding a secondary line shown under the label. Unset by default,
+     * so rows are a single line unless asked for.
+     */
+    bindDescription: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Property marking a suggestion as unselectable. Disabled rows are greyed out
+     * and skipped by keyboard navigation.
+     * @default "disabled"
+     */
+    bindDisabled: _angular_core.InputSignal<string>;
+    /**
+     * Characters required before the panel opens. Below it nothing is shown, not
+     * even the no-results row, so short queries stay quiet.
+     * @default 0
+     */
+    minQueryLength: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Shows a loading row instead of results.
+     * @default false
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Closes the suggestion panel when the page (or a scrollable ancestor)
+     * scrolls. Scrolling the option list itself keeps the panel open.
+     * @default false
+     */
+    hideOnScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the suggestion panel is open.
+     * @default false
+     */
+    panelOpen: _angular_core.ModelSignal<boolean>;
+    /**
+     * Overrides the translated "no results" row.
+     */
+    noResultsText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Overrides the translated loading row.
+     */
+    loadingText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Overrides the translated screen-reader result count.
+     */
+    resultsCountText: _angular_core.InputSignal<((count: number) => string) | undefined>;
     /**
      * Emitted when the search is executed (Enter key or button click).
      */
@@ -6801,11 +6998,41 @@ declare class SearchComponent implements ControlValueAccessor {
      * Emitted when the clear button is clicked.
      */
     readonly clear: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emitted when a suggestion is accepted. The field is filled with its label.
+     */
+    readonly suggestionSelect: _angular_core.OutputEmitterRef<T>;
+    readonly suggestionTemplate: _angular_core.Signal<SearchSuggestionTemplateDirective<any> | undefined>;
+    readonly footerTemplate: _angular_core.Signal<SearchFooterTemplateDirective | undefined>;
     private readonly inputRef;
+    private readonly overlayOrigin;
+    private readonly connectedOverlay;
+    private readonly suggestionRows;
     private readonly formDisabled;
+    private readonly hostElement;
     private readonly translationService;
+    private readonly renderer;
+    private readonly document;
+    private readonly injector;
+    private scrollListener?;
     private onChange;
     private onTouched;
+    /** Suppresses the focus-driven reopen after a selection, until the next edit. */
+    private justSelected;
+    /**
+     * Navigation is driven from `event.key` via the explicit `set*ItemActive`
+     * methods rather than `keyManager.onKeydown`, which switches on the deprecated
+     * `event.keyCode` and so ignores synthesised events.
+     */
+    private readonly keyManager;
+    private readonly activeIndex;
+    readonly overlayPositions: ConnectedPosition[];
+    readonly panelWidth: _angular_core.WritableSignal<number>;
+    /**
+     * True while the panel sits above the field on the fallback position, so the
+     * rounded edge can move to the side that is not joined to the field.
+     */
+    readonly panelAbove: _angular_core.WritableSignal<boolean>;
     readonly isDisabled: _angular_core.Signal<boolean>;
     readonly fieldIcon: _angular_core.Signal<string | FormFieldIcon | undefined>;
     readonly fieldHeight: _angular_core.Signal<"var(--form-field-height-sm)" | "var(--form-field-height-lg)" | "var(--form-field-height)">;
@@ -6820,18 +7047,120 @@ declare class SearchComponent implements ControlValueAccessor {
      * otherwise `aria-label` would silently override the visible text.
      */
     readonly inputAriaLabel: _angular_core.Signal<string | null>;
+    /**
+     * Derived from capability, never from current content — an empty
+     * `suggestions` array still means the consumer opted into the combobox.
+     */
+    readonly autocomplete: _angular_core.Signal<boolean>;
+    readonly resolvedSuggestions: _angular_core.Signal<SearchSuggestionView<T>[]>;
+    readonly query: _angular_core.Signal<string>;
+    readonly hasSuggestions: _angular_core.Signal<boolean>;
+    readonly listboxId: _angular_core.Signal<string>;
+    readonly meetsMinQueryLength: _angular_core.Signal<boolean>;
+    readonly panelVisible: _angular_core.Signal<boolean>;
+    readonly inputRole: _angular_core.Signal<"combobox" | "searchbox">;
+    readonly ariaAutocomplete: _angular_core.Signal<"list" | null>;
+    readonly ariaExpanded: _angular_core.Signal<boolean | null>;
+    readonly ariaControls: _angular_core.Signal<string | null>;
+    readonly activeOptionId: _angular_core.Signal<string | null>;
+    readonly resolvedNoResultsText: _angular_core.Signal<string>;
+    readonly resolvedLoadingText: _angular_core.Signal<string>;
+    readonly announcement: _angular_core.Signal<string>;
+    constructor();
+    optionId(index: number): string;
     onInputValue(value: string): void;
     onClear(): void;
     onBlur(): void;
+    onInputFocus(): void;
+    openPanel(): void;
+    closePanel(): void;
+    onPositionChange(change: ConnectedOverlayPositionChange): void;
+    onOverlayAttach(): void;
+    onOverlayDetach(): void;
+    /**
+     * Listens on the document in the capture phase so scrolls in any ancestor are
+     * seen — a scroll event does not bubble past the element that scrolled.
+     */
+    private setupScrollListener;
+    private cleanupScrollListener;
+    /** Closes the panel and hands focus back to the input. */
+    closeAndRestoreFocus(): void;
+    onKeydown(event: KeyboardEvent): void;
+    /**
+     * Footer controls live in the overlay, which sits at the end of the document,
+     * so they are not next in tab order. Tab reaches them explicitly; without this
+     * they would be mouse-only.
+     */
+    private onTabFromInput;
+    /**
+     * Tabbing past the footer leaves the component: close the panel and continue to
+     * whatever follows the field in document order, so the footer is not a trap.
+     */
+    onFooterKeydown(event: KeyboardEvent): void;
+    private footerFocusables;
+    private focusAfterField;
+    selectSuggestion(suggestion: SearchSuggestionView<T>): void;
+    /**
+     * The panel is portalled into the overlay container, so it is not a descendant
+     * of the host — both roots have to be consulted before deciding focus left.
+     */
+    onFocusOut(event: FocusEvent): void;
     emitSearch(): void;
     focus(): void;
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchComponent, "tedi-search", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchIcon": { "alias": "searchIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "searchEvent": "searchEvent"; "clear": "clear"; }, never, never, true, never>;
+    private onArrowKey;
+    private onEnter;
+    private panelElement;
+    private resetActiveOption;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchComponent<any>, "tedi-search", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchIcon": { "alias": "searchIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindDescription": { "alias": "bindDescription"; "required": false; "isSignal": true; }; "bindDisabled": { "alias": "bindDisabled"; "required": false; "isSignal": true; }; "minQueryLength": { "alias": "minQueryLength"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "panelOpen": { "alias": "panelOpen"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "resultsCountText": { "alias": "resultsCountText"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "panelOpen": "panelOpenChange"; "searchEvent": "searchEvent"; "clear": "clear"; "suggestionSelect": "suggestionSelect"; }, ["suggestionTemplate", "footerTemplate"], never, true, never>;
+}
+
+declare class SearchSuggestionComponent implements Highlightable {
+    /** Resolved display label. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Secondary line under the label. */
+    readonly description: _angular_core.InputSignal<string>;
+    /** Current field value, used to bold the matching segment. */
+    readonly query: _angular_core.InputSignal<string>;
+    /** Whether a custom suggestion template supplies the row content. */
+    readonly custom: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly host: ElementRef<HTMLLIElement>;
+    private readonly active;
+    readonly isActive: _angular_core.Signal<boolean>;
+    readonly parts: _angular_core.Signal<_tedi_design_system_angular_tedi.SearchHighlightPart[]>;
+    /**
+     * `Highlightable` requires a plain boolean, so the signal input is aliased and
+     * this getter satisfies the CDK contract — a signal would always read truthy.
+     */
+    get disabled(): boolean;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    getLabel(): string;
+    scrollIntoView(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchSuggestionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchSuggestionComponent, "li[tedi-search-suggestion]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "custom": { "alias": "custom"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Row of buttons inside a `tediSearchFooter`. Centres them and wraps to a new
+ * line when they no longer fit side by side.
+ */
+declare class SearchFooterActionsComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchFooterActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchFooterActionsComponent, "tedi-search-footer-actions", never, {}, {}, never, ["*"], true, never>;
+}
+
+interface SearchHighlightPart {
+    text: string;
+    match: boolean;
 }
+/** Splits `text` so the segment matching `query` can be emphasised. */
+declare function highlightParts(text: string, query: string): SearchHighlightPart[];
 
 /**
  * Context provided to custom option templates.
@@ -10411,6 +10740,6 @@ declare function isValidTime(time: string | null | undefined): boolean;
  */
 declare function normalizeTime(input: string): string | null;
 
-export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, FormFieldExtraDirective, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, InfoTooltipComponent, InputGroupComponent, InputGroupPrefixDirective, InputGroupSuffixDirective, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LabelRowComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SearchComponent, SelectComponent, SelectOptionTemplateDirective, SelectTooltipTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SkeletonBlockComponent, SkeletonComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FIELD_CONTEXT, TEDI_FORM_FIELD_CONTROL, TEDI_INPUT_GROUP, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TextareaComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, TruncateComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, controlDescribedBy, cookieSignal, createTablePersistence, deriveControlState, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
-export type { AccordionInputs, AlertRole, AlertSize, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, BreadcrumbsInputs, BreadcrumbsVariant, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CardRowDirection, CardRowInputs, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, ControlDescribedBy, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DerivedControlState, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FieldContext, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLanguageLabelPosition, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HeaderTopAlignment, HeaderTopInputs, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputGroupContext, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, LabelVisuallyHidden, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, PopoverWidthPreset, ProgressBarAnnounce, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SearchButton, SearchSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SkeletonBlockHeight, SkeletonBlockInputs, SkeletonBlockTextHeight, SkeletonBlockWidth, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableControlColumnOrder, TableExpandTrigger, TableFilterModalData, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, TextareaSize, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize, VirtualRow };
+export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, FormFieldExtraDirective, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HeadingWithIconComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, InfoTooltipComponent, InputGroupComponent, InputGroupPrefixDirective, InputGroupSuffixDirective, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LabelRowComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SearchComponent, SearchFooterActionsComponent, SearchFooterTemplateDirective, SearchSuggestionComponent, SearchSuggestionTemplateDirective, SelectComponent, SelectOptionTemplateDirective, SelectTooltipTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SkeletonBlockComponent, SkeletonComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FIELD_CONTEXT, TEDI_FORM_FIELD_CONTROL, TEDI_INPUT_GROUP, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TextareaComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, TruncateComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, controlDescribedBy, cookieSignal, createTablePersistence, deriveControlState, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, highlightParts, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
+export type { AccordionInputs, AlertRole, AlertSize, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, BreadcrumbsInputs, BreadcrumbsVariant, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CardRowDirection, CardRowInputs, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, ControlDescribedBy, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DerivedControlState, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FieldContext, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLanguageLabelPosition, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HeaderTopAlignment, HeaderTopInputs, HeadingLevel, HeadingModifiers, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputGroupContext, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, LabelVisuallyHidden, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, PopoverWidthPreset, ProgressBarAnnounce, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SearchButton, SearchHighlightPart, SearchSize, SearchSuggestionContext, SearchSuggestionView, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SkeletonBlockHeight, SkeletonBlockInputs, SkeletonBlockTextHeight, SkeletonBlockWidth, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableControlColumnOrder, TableExpandTrigger, TableFilterModalData, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, TextareaSize, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize, VirtualRow };
 //# sourceMappingURL=index.d.ts.map