@tedi-design-system/angular 7.0.1 → 7.1.0-rc.10

package/tedi/index.d.ts

@@ -358,6 +358,13 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "breadcrumbs.show-more": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     more: {
         components: string[];
         et: string;
@@ -4094,6 +4101,7 @@ declare class TediTableComponent<TData> {
      */
     readonly rowDrop: _angular_core.OutputEmitterRef<CdkDragDrop<TData[], TData[], any>>;
     protected readonly injector: Injector;
+    private readonly platformId;
     private readonly translation;
     private readonly _hoveredRowId;
     /**
@@ -4320,6 +4328,14 @@ declare class TediTableComponent<TData> {
     protected handleHeaderKeydown(event: KeyboardEvent, header: {
         column: ReturnType<Table<TData>["getAllLeafColumns"]>[number];
     }): void;
+    private readonly scrollContainer;
+    /**
+     * Resets the table's own vertical scroll to the top. Only affects the
+     * internal scroll container (used when `maxHeight` is set); the horizontal
+     * scroll position is preserved since columns are identical across pages, and
+     * the window scroll is intentionally left untouched.
+     */
+    private resetScrollTop;
     protected handlePaginationPageChange(nextPage: number): void;
     protected handlePaginationPageSizeChange(nextSize: number | undefined): void;
     protected getColumnMeta(column: {
@@ -4778,12 +4794,13 @@ declare class DropdownComponent implements OnDestroy {
     private readonly document;
     private readonly renderer;
     private scrollListener?;
+    private skipNextGestureOutsideClick;
     constructor();
     ngOnDestroy(): void;
     showDropdown(initialFocus?: "selected" | "first" | "last"): void;
     hideDropdown(): void;
     toggleDropdown(): void;
-    onOutsideClick(): void;
+    onOutsideClick(event?: MouseEvent): void;
     handleFocusOut: (event: FocusEvent) => void;
     tabOutOfDropdown(shiftKey: boolean): void;
     focusFirstItem(): void;
@@ -5900,6 +5917,11 @@ declare class LabelComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LabelComponent, "[tedi-label]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+declare class LabelRowComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LabelRowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LabelRowComponent, "tedi-label-row", never, {}, {}, never, ["*"], true, never>;
+}
+
 type NumberFieldSize = "default" | "small";
 declare class NumberFieldComponent implements ControlValueAccessor {
     /**
@@ -6051,6 +6073,25 @@ declare class SelectValueTemplateDirective<T = unknown> {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectValueTemplateDirective<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectValueTemplateDirective<any>, "[tediSelectValue]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Directive for custom tooltip content next to the label. Use when the tooltip
+ * needs formatting the plain `tooltip` string input cannot express (bold,
+ * italic, links). Takes precedence over the `tooltip` input.
+ *
+ * @example
+ * ```html
+ * <tedi-select [options]="options" label="Ravim">
+ *   <ng-template tediSelectTooltip>
+ *     Vali <b>toimeaine</b>, mitte ravimi nimi.
+ *   </ng-template>
+ * </tedi-select>
+ * ```
+ */
+declare class SelectTooltipTemplateDirective {
+    template: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectTooltipTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectTooltipTemplateDirective, "[tediSelectTooltip]", never, {}, {}, never, never, true, never>;
+}
 
 type InputSize = "small" | "large" | "default";
 type InputState = "valid" | "error" | "default";
@@ -6085,8 +6126,11 @@ declare class FormFieldComponent implements AfterContentInit {
     ngControl?: NgControl;
     feedback?: FeedbackTextComponent;
     private readonly destroyRef;
+    private readonly inputGroup;
+    constructor();
     ngAfterContentInit(): void;
     private updateValidationState;
+    private computeInvalid;
     readonly resolvedIcon: _angular_core.Signal<FormFieldIcon | undefined>;
     readonly validationState: _angular_core.Signal<ValidationState>;
     showClearButton: _angular_core.Signal<boolean>;
@@ -6095,7 +6139,7 @@ declare class FormFieldComponent implements AfterContentInit {
         "tedi-form-field": boolean;
         "tedi-form-field--valid": boolean;
         "tedi-form-field--invalid": boolean;
-        "tedi-form-field--disabled": boolean | undefined;
+        "tedi-form-field--disabled": boolean;
         "tedi-form-field--small": boolean;
         "tedi-form-field--large": boolean;
         "tedi-form-field--with-icon": boolean;
@@ -6138,7 +6182,8 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     label: _angular_core.InputSignal<string | undefined>;
     /**
      * When set, renders an info button next to the label that reveals this text
-     * in a tooltip on hover/focus.
+     * in a tooltip on hover/focus. For formatted content, project a
+     * `*tediSelectTooltip` template instead, which takes precedence over this.
      */
     tooltip: _angular_core.InputSignal<string | undefined>;
     /**
@@ -6249,6 +6294,14 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      * @default false
      */
     tagEllipsis: _angular_core.InputSignal<TagEllipsis>;
+    /**
+     * Which end the single selected value truncates from when it doesn't fit.
+     * The full value is revealed in a tooltip on hover/focus. `false` (default)
+     * never truncates. Applies to single-select mode; multiselect tags use
+     * `tagEllipsis`.
+     * @default false
+     */
+    ellipsis: _angular_core.InputSignal<false | EllipsisPosition>;
     /**
      * Function used to compare option values for equality.
      * Used to determine which options are selected.
@@ -6269,6 +6322,11 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      * When not set, the dropdown height is calculated based on available viewport space.
      */
     maxDropdownHeight: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Does the dropdown close when the page scrolls?
+     * @default false
+     */
+    hideOnScroll: _angular_core.InputSignal<boolean>;
     /**
      * Layout type for the dropdown options.
      * - `"menu"` (default): vertical list of options.
@@ -6350,8 +6408,12 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     tagRefs: _angular_core.Signal<readonly ElementRef<any>[]>;
     hostRef: ElementRef<any>;
     private ngZone;
+    private renderer;
+    private document;
+    private scrollListener?;
     optionTemplate: _angular_core.Signal<SelectOptionTemplateDirective<any> | undefined>;
     valueTemplate: _angular_core.Signal<SelectValueTemplateDirective<any> | undefined>;
+    tooltipTemplate: _angular_core.Signal<SelectTooltipTemplateDirective | undefined>;
     normalizedOptions: _angular_core.Signal<SelectOption<T>[]>;
     filteredOptions: _angular_core.Signal<SelectOption<T>[]>;
     optionGroups: _angular_core.Signal<SelectOptionGroup<T>[]>;
@@ -6387,6 +6449,8 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     private openDropdown;
     private calculateDropdownMaxHeight;
     private closeDropdown;
+    private setupScrollListener;
+    private cleanupScrollListener;
     handleValueChange(event: {
         value: readonly unknown[];
     }): void;
@@ -6418,7 +6482,136 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, ["optionTemplate", "valueTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, ["optionTemplate", "valueTemplate", "tooltipTemplate"], never, true, never>;
+}
+
+type SliderHideLabel = boolean | "keep-space";
+declare class SliderComponent implements ControlValueAccessor, OnDestroy {
+    /**
+     * Unique identifier for the underlying range input, used for label association.
+     */
+    inputId: _angular_core.InputSignal<string>;
+    /**
+     * Name attribute of the underlying input.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Label rendered above the slider.
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Hide the label visually while keeping it available to assistive technology, or
+     * `"keep-space"` to also reserve its vertical space.
+     * @default false
+     */
+    hideLabel: _angular_core.InputSignal<SliderHideLabel>;
+    /**
+     * Marks the field as required.
+     * @default false
+     */
+    required: _angular_core.InputSignal<boolean>;
+    /**
+     * Minimum allowed value.
+     * @default 0
+     */
+    min: _angular_core.InputSignal<number>;
+    /**
+     * Maximum allowed value.
+     * @default 100
+     */
+    max: _angular_core.InputSignal<number>;
+    /**
+     * Step size.
+     * @default 1
+     */
+    step: _angular_core.InputSignal<number>;
+    /**
+     * Current value. Supports two-way binding and reactive forms.
+     */
+    value: _angular_core.ModelSignal<number>;
+    /**
+     * Disables the slider.
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Marks the slider as invalid for validation purposes.
+     * @default false
+     */
+    invalid: _angular_core.InputSignal<boolean>;
+    /**
+     * Text rendered to the left of the track (e.g. the minimum value).
+     */
+    minLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Text rendered to the right of the track (e.g. the maximum value).
+     * Ignored when `showCurrentValue` is `true`.
+     */
+    maxLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Render the current value to the right of the track instead of `maxLabel`.
+     * @default false
+     */
+    showCurrentValue: _angular_core.InputSignal<boolean>;
+    /**
+     * Formats the current value for the thumb tooltip and the `showCurrentValue` label.
+     */
+    valueFormatter: _angular_core.InputSignal<((value: number) => string) | undefined>;
+    /**
+     * Show a tooltip with the current value above the thumb while hovered, focused or dragged.
+     * @default true
+     */
+    tooltip: _angular_core.InputSignal<boolean>;
+    /**
+     * FeedbackText component inputs, rendered below the slider.
+     */
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    /**
+     * Accessible label used when no visible `label` is provided.
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * ID of an element that labels the slider, used when no visible `label` is provided.
+     */
+    ariaLabelledby: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Human-readable text alternative of the current value.
+     */
+    ariaValuetext: _angular_core.InputSignal<string | undefined>;
+    private readonly formDisabled;
+    readonly isHovered: _angular_core.WritableSignal<boolean>;
+    readonly isFocused: _angular_core.WritableSignal<boolean>;
+    readonly isDragging: _angular_core.WritableSignal<boolean>;
+    private onChange;
+    private onTouched;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly isInvalid: _angular_core.Signal<boolean>;
+    readonly clampedValue: _angular_core.Signal<number>;
+    readonly progress: _angular_core.Signal<number>;
+    readonly progressStyle: _angular_core.Signal<{
+        "--tedi-slider-progress": string;
+        "--tedi-slider-progress-ratio": string;
+    }>;
+    readonly formattedValue: _angular_core.Signal<string>;
+    readonly rightLabel: _angular_core.Signal<string | undefined>;
+    readonly feedbackId: _angular_core.Signal<string | null>;
+    readonly canShowTooltip: _angular_core.Signal<boolean>;
+    readonly tooltipOpen: _angular_core.Signal<boolean>;
+    readonly classes: _angular_core.Signal<string>;
+    writeValue(value?: number): void;
+    registerOnChange(fn: (value: number) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    handleInput(event: Event): void;
+    handlePointerDown(): void;
+    handleFocus(): void;
+    handleBlur(): void;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    ngOnDestroy(): void;
+    private endDrag;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "tedi-slider", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "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; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "showCurrentValue": { "alias": "showCurrentValue"; "required": false; "isSignal": true; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaValuetext": { "alias": "ariaValuetext"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[sliderAddon]"], true, never>;
 }
 
 type ToggleVariant = "primary" | "colored";
@@ -6478,8 +6671,89 @@ declare class ToggleComponent implements ControlValueAccessor {
     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>;
 }
 
+/**
+ * Shared behavior for the prefix/suffix addon directives: reads the group's
+ * disabled state and detects whether the addon holds plain text (so the
+ * wrapper, rather than a child element, gets the padding).
+ */
+declare abstract class InputGroupAddonDirective implements AfterContentInit {
+    protected readonly el: ElementRef<HTMLElement>;
+    private readonly group;
+    readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly isText: _angular_core.WritableSignal<boolean>;
+    ngAfterContentInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupAddonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputGroupAddonDirective, never, never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Marks an element as the prefix (leading) addon of a `tedi-input-group`.
+ * Applied to any element, e.g. `<span tediInputGroupPrefix>Street</span>` or a
+ * wrapper around a button/dropdown.
+ */
+declare class InputGroupPrefixDirective extends InputGroupAddonDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupPrefixDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputGroupPrefixDirective, "[tediInputGroupPrefix]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Marks an element as the suffix (trailing) addon of a `tedi-input-group`.
+ * Applied to any element, e.g. `<span tediInputGroupSuffix>EUR</span>` or a
+ * wrapper around a button/dropdown.
+ */
+declare class InputGroupSuffixDirective extends InputGroupAddonDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupSuffixDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputGroupSuffixDirective, "[tediInputGroupSuffix]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Context exposed by `tedi-input-group` to the controls and addons rendered
+ * inside it. Consumed via optional DI so a control can merge the group's
+ * `disabled` / `invalid` state into its own.
+ */
+interface InputGroupContext {
+    disabled: Signal<boolean>;
+    invalid: Signal<boolean>;
+}
+declare const TEDI_INPUT_GROUP: InjectionToken<InputGroupContext>;
+
+/**
+ * A flexible wrapper that composes a form control with leading/trailing addons
+ * (prefix/suffix). Project a `label[tedi-label]` for the label, a control
+ * (`tedi-form-field`, `tedi-select`, …) as the input, optional
+ * `[tediInputGroupPrefix]` / `[tediInputGroupSuffix]` addons, and a
+ * `tedi-feedback-text` for helper/error messages.
+ */
+declare class InputGroupComponent implements InputGroupContext {
+    /**
+     * Merges the borders and radii of the addons and the control into a single
+     * visual unit. Disable when using addons that should stay detached, e.g. a
+     * standalone action button.
+     * @default true
+     */
+    addons: _angular_core.InputSignal<boolean>;
+    /**
+     * Disables the whole group. Greys out the addons and propagates the disabled
+     * state to the wrapped control.
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Marks the whole group as invalid. Propagates `invalid` to the wrapped
+     * control so it shows the error border. Pair with an error
+     * `tedi-feedback-text`.
+     * @default false
+     */
+    invalid: _angular_core.InputSignal<boolean>;
+    protected readonly prefix: _angular_core.Signal<InputGroupPrefixDirective | undefined>;
+    protected readonly suffix: _angular_core.Signal<InputGroupSuffixDirective | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupComponent, "tedi-input-group", never, { "addons": { "alias": "addons"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, ["prefix", "suffix"], ["label[tedi-label]", "[tediInputGroupPrefix]", "tedi-form-field, tedi-select", "[tediInputGroupSuffix]", "tedi-feedback-text"], true, never>;
+}
+
 declare class TextFieldComponent implements ControlValueAccessor, FormFieldControl {
     private el;
+    private group;
     /**
      * Value of the input field. Supports two-way binding, use with form controls.
      */
@@ -6493,6 +6767,11 @@ declare class TextFieldComponent implements ControlValueAccessor, FormFieldContr
      * Callback triggered when the clear button is clicked.
      */
     readonly clear: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Disables the input from a parent template (e.g. a wrapping field component).
+     * Combined with the reactive-forms disabled state and any input-group state.
+     */
+    readonly disabledInput: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.Signal<boolean>;
     readonly invalid: _angular_core.WritableSignal<boolean>;
     setInvalidState(isInvalid: boolean): void;
@@ -6509,7 +6788,7 @@ declare class TextFieldComponent implements ControlValueAccessor, FormFieldContr
     handleBlur(): void;
     clearField(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "input[tedi-text-field]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "arrowsHidden": { "alias": "arrowsHidden"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "clear": "clear"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "input[tedi-text-field]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "arrowsHidden": { "alias": "arrowsHidden"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "clear": "clear"; }, never, never, true, never>;
 }
 
 type TimePickerVariant = "scroll" | "slots" | "dropdown";
@@ -7286,7 +7565,7 @@ declare class FooterBottomComponent implements AfterContentInit {
 
 declare class HeaderComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderComponent, "header[tedi-header]", never, {}, {}, never, ["button[tedi-sidenav-toggle]", "*", "tedi-header-bottom"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderComponent, "header[tedi-header]", never, {}, {}, never, ["tedi-header-top", "button[tedi-sidenav-toggle]", "*", "tedi-header-bottom"], true, never>;
 }
 
 declare class HeaderActionsComponent {
@@ -7316,7 +7595,9 @@ declare class HeaderBottomComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderBottomComponent, "tedi-header-bottom", never, {}, {}, never, ["*"], true, never>;
 }
 
-type HeaderContentAlignment = "flex-start" | "center" | "space-between";
+type HeaderAlignment = "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+
+type HeaderContentAlignment = HeaderAlignment;
 declare class HeaderContentComponent {
     /**
      * Controls the horizontal alignment of the projected content (`justify-content`).
@@ -7324,7 +7605,7 @@ declare class HeaderContentComponent {
      * `<tedi-header-search>`) and you want to push them apart or align them to one edge.
      * @default "center"
      */
-    readonly alignment: _angular_core.InputSignal<HeaderContentAlignment>;
+    readonly alignment: _angular_core.InputSignal<HeaderAlignment>;
     protected readonly classes: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderContentComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderContentComponent, "tedi-header-content", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -7333,6 +7614,7 @@ declare class HeaderContentComponent {
 type HeaderLanguage = {
     [L in Language]?: string;
 };
+type HeaderLanguageLabelPosition = "top" | "left";
 declare class HeaderLanguageComponent {
     /**
      * Languages object.
@@ -7340,6 +7622,24 @@ declare class HeaderLanguageComponent {
      * Value should be text shown in the UI.
      */
     languages: _angular_core.InputSignal<HeaderLanguage>;
+    /**
+     * Label for the language selector. Falls back to the `header.select-lang`
+     * translation when not provided.
+     */
+    selectLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Position of the select label relative to the popover trigger.
+     * - `top` — label sits above the trigger (default)
+     * - `left` — label sits inline, to the left of the trigger
+     * @default "top"
+     */
+    labelPosition: _angular_core.InputSignal<HeaderLanguageLabelPosition>;
+    /**
+     * Optional per-language URLs. When a language has a URL, its option renders as
+     * a navigation anchor (`<a href>`) and switching is handled by the browser
+     * instead of the client-side translation service.
+     */
+    languageHrefs: _angular_core.InputSignal<Partial<Record<Language, string>> | undefined>;
     /**
      * This is event emitter for changing language
      */
@@ -7347,9 +7647,13 @@ declare class HeaderLanguageComponent {
     readonly popover: _angular_core.Signal<PopoverComponent | undefined>;
     translationService: TediTranslationService;
     languageKeys: _angular_core.Signal<Language[]>;
+    /** Label currently shown on the trigger (the active language's display text). */
+    readonly displayedLanguage: _angular_core.Signal<string | undefined>;
+    /** Self-describing accessible name for the trigger, e.g. "Language EST". */
+    readonly triggerAriaLabel: _angular_core.Signal<string>;
     handleChangeLang(lang: Language): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderLanguageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderLanguageComponent, "tedi-header-language", never, { "languages": { "alias": "languages"; "required": true; "isSignal": true; }; }, { "languageChange": "languageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderLanguageComponent, "tedi-header-language", never, { "languages": { "alias": "languages"; "required": true; "isSignal": true; }; "selectLabel": { "alias": "selectLabel"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "languageHrefs": { "alias": "languageHrefs"; "required": false; "isSignal": true; }; }, { "languageChange": "languageChange"; }, never, never, true, never>;
 }
 
 type HeaderLoginSize = "default" | "small";
@@ -7855,6 +8159,42 @@ declare class HeaderSearchComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderSearchComponent, "tedi-header-search", never, { "mobileVariant": { "alias": "mobileVariant"; "required": false; "isSignal": true; }; "mobileLabels": { "alias": "mobileLabels"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type HeaderTopAlignment = HeaderAlignment;
+type HeaderTopInputs = {
+    alignment: HeaderTopAlignment;
+};
+/**
+ * Secondary bar rendered above the main header bar.
+ *
+ * @example
+ * <header tedi-header>
+ *   <tedi-header-top alignment="center" [lg]="{ alignment: 'space-between' }">
+ *     <!-- top bar content -->
+ *   </tedi-header-top>
+ *   <!-- main content -->
+ * </header>
+ */
+declare class HeaderTopComponent implements BreakpointInputs<HeaderTopInputs> {
+    private breakpointService;
+    /**
+     * Horizontal alignment (`justify-content`) of the top bar content. Supports
+     * per-breakpoint overrides via the `[xs]`–`[xxl]` inputs, e.g.
+     * `alignment="center"` with `[lg]="{ alignment: 'space-between' }"`.
+     * @default "space-between"
+     */
+    alignment: _angular_core.InputSignal<HeaderAlignment>;
+    xs: _angular_core.InputSignal<HeaderTopInputs | undefined>;
+    sm: _angular_core.InputSignal<HeaderTopInputs | undefined>;
+    md: _angular_core.InputSignal<HeaderTopInputs | undefined>;
+    lg: _angular_core.InputSignal<HeaderTopInputs | undefined>;
+    xl: _angular_core.InputSignal<HeaderTopInputs | undefined>;
+    xxl: _angular_core.InputSignal<HeaderTopInputs | undefined>;
+    protected readonly breakpointInputs: _angular_core.Signal<HeaderTopInputs>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderTopComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderTopComponent, "tedi-header-top", never, { "alignment": { "alias": "alignment"; "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, ["*"], true, never>;
+}
+
 declare class SideNavDropdownComponent implements AfterViewInit {
     private readonly host;
     open: _angular_core.WritableSignal<boolean>;
@@ -8030,6 +8370,92 @@ declare class SpinnerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "tedi-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Marks a projected element as a single breadcrumb. Apply as a structural
+ * directive on the crumb element; `tedi-breadcrumbs` collects each one and
+ * renders it into the trail, inserting separators between them.
+ *
+ * Use a link (e.g. `a tedi-link`) for navigable crumbs and a plain element
+ * (e.g. `span`) for the current page — add `aria-current="page"` to it yourself.
+ */
+declare class BreadcrumbItemDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbItemDirective, "[tediBreadcrumbItem]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Optional custom separator for `tedi-breadcrumbs`. Provide as a template to
+ * render arbitrary content between crumbs; takes precedence over the
+ * `separator` string input and the default chevron icon.
+ */
+declare class BreadcrumbSeparatorDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbSeparatorDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbSeparatorDirective, "[tediBreadcrumbSeparator]", never, {}, {}, never, never, true, never>;
+}
+
+type BreadcrumbsVariant = "long" | "short";
+type BreadcrumbsInputs = {
+    variant?: BreadcrumbsVariant;
+    maxItems?: number;
+    itemsBeforeCollapse?: number;
+    itemsAfterCollapse?: number;
+};
+type RenderToken = {
+    kind: "item";
+    item: BreadcrumbItemDirective;
+    current: boolean;
+} | {
+    kind: "ellipsis";
+    hidden: BreadcrumbItemDirective[];
+};
+/**
+ * Breadcrumbs show the user's location within the page hierarchy. Each child
+ * marked with `*tediBreadcrumbItem` becomes one crumb, in order from the root
+ * to the current page; chevron separators are inserted between them.
+ *
+ * Use a link (e.g. `a tedi-link`) for navigable crumbs and a plain element for
+ * the current page — add `aria-current="page"` to it yourself.
+ *
+ * Crumb links are underlined by default. Set `[underline]="false"` on the
+ * `tedi-link` for non-underlined crumbs — recommended for the `short` back-link.
+ * Crumbs collapsed into the ellipsis dropdown are always rendered without an
+ * underline, regardless of their `[underline]` setting.
+ */
+declare class BreadcrumbsComponent implements BreakpointInputs<BreadcrumbsInputs> {
+    private readonly breakpointService;
+    readonly items: _angular_core.Signal<readonly BreadcrumbItemDirective[]>;
+    readonly separatorTemplate: _angular_core.Signal<BreadcrumbSeparatorDirective | undefined>;
+    /** Accessible label for the `nav` landmark. Falls back to the `breadcrumbs` translation. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Accessible label for the ellipsis button that opens the collapsed-crumbs dropdown. Falls back to the `breadcrumbs.show-more` translation. */
+    readonly showMoreLabel: _angular_core.InputSignal<string | undefined>;
+    /** Separator between crumbs. Defaults to a chevron icon; a `[tediBreadcrumbSeparator]` template overrides this. */
+    readonly separator: _angular_core.InputSignal<string | undefined>;
+    /** `long` shows the full trail; `short` shows only the parent crumb as a back-link. Defaults to `long`. */
+    readonly variant: _angular_core.InputSignal<BreadcrumbsVariant | undefined>;
+    /** Max crumbs before the middle collapses into an ellipsis dropdown. Long variant only; omit to render all. */
+    readonly maxItems: _angular_core.InputSignal<number | undefined>;
+    /** Crumbs kept visible at the start of the trail when collapsed. Defaults to `1`. */
+    readonly itemsBeforeCollapse: _angular_core.InputSignal<number | undefined>;
+    /** Crumbs kept visible at the end of the trail when collapsed. Defaults to `1`. */
+    readonly itemsAfterCollapse: _angular_core.InputSignal<number | undefined>;
+    readonly xs: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly sm: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly md: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly lg: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly xl: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly xxl: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    private readonly resolved;
+    readonly currentVariant: _angular_core.Signal<BreadcrumbsVariant>;
+    readonly parentItem: _angular_core.Signal<BreadcrumbItemDirective | null>;
+    readonly visible: _angular_core.Signal<boolean>;
+    readonly tokens: _angular_core.Signal<RenderToken[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "tedi-breadcrumbs", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showMoreLabel": { "alias": "showMoreLabel"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; "isSignal": true; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "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; }; }, {}, ["items", "separatorTemplate"], never, true, never>;
+}
+
 declare class HorizontalStepperItemComponent {
     label: _angular_core.InputSignal<string>;
     description: _angular_core.InputSignal<string | undefined>;
@@ -8402,6 +8828,14 @@ declare class ModalHeaderComponent {
 }
 
 declare class TooltipTriggerComponent implements AfterContentChecked {
+    /**
+     * When `false`, the trigger is a pure positioning anchor: it skips making its
+     * projected child focusable (no synthesized `tabindex`, focus ring or
+     * `aria-describedby`). Use for decorative or externally-controlled origins where
+     * focus and ARIA live on another element (e.g. a slider's range input).
+     * @default true
+     */
+    readonly interactive: _angular_core.InputSignal<boolean>;
     readonly host: ElementRef<HTMLElement>;
     readonly overlayOrigin: CdkOverlayOrigin;
     private renderer;
@@ -8429,11 +8863,11 @@ declare class TooltipTriggerComponent implements AfterContentChecked {
     private resolveInteractiveElement;
     private isFocusable;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipTriggerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipTriggerComponent, "tedi-tooltip-trigger", never, {}, {}, never, ["*"], true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipTriggerComponent, "tedi-tooltip-trigger", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }
 
 type TooltipPosition = OverlayPosition;
-type TooltipOpenWith = "hover" | "click" | "both";
+type TooltipOpenWith = "hover" | "click" | "both" | "none";
 declare class TooltipComponent implements AfterContentChecked {
     /**
      * The position of the tooltip relative to the trigger element.
@@ -8446,14 +8880,35 @@ declare class TooltipComponent implements AfterContentChecked {
      */
     readonly preventOverflow: _angular_core.InputSignal<boolean>;
     /**
-     * How tooltip can opened?
+     * How the tooltip can be opened. Use `none` for full external control via `open`
+     * (e.g. a slider or custom draggable element driving the open state itself).
      * @default both
      */
     readonly openWith: _angular_core.InputSignal<TooltipOpenWith>;
+    /**
+     * Controlled open state. When set (not `undefined`), it overrides the built-in
+     * trigger behavior; typically paired with `openWith="none"`. Leave unset for the
+     * default trigger-driven behavior.
+     */
+    readonly open: _angular_core.ModelSignal<boolean | undefined>;
+    /**
+     * While open, continuously reposition the tooltip so it follows an origin that moves
+     * (e.g. a dragging slider thumb). Uses `requestAnimationFrame`; enable only while the
+     * origin can actually move to avoid needless work.
+     * @default false
+     */
+    readonly trackPosition: _angular_core.InputSignal<boolean>;
     /** Delay time (in ms) for closing tooltip when not hovering trigger or content.
      * @default 100
      */
     readonly timeoutDelay: _angular_core.InputSignal<number>;
+    /**
+     * Extra distance (in px) between the tooltip and its trigger, added on top of the
+     * arrow allowance. Set to `0` to sit the tooltip directly against the trigger
+     * (e.g. a slider thumb).
+     * @default 4
+     */
+    readonly offset: _angular_core.InputSignal<number>;
     /** Dropdown trigger button */
     readonly tooltipTrigger: _angular_core.Signal<TooltipTriggerComponent>;
     /** Tooltip content component */
@@ -8461,7 +8916,8 @@ declare class TooltipComponent implements AfterContentChecked {
     private readonly connectedOverlay;
     readonly descriptionId: string;
     readonly contentText: _angular_core.WritableSignal<string>;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    private readonly internalOpen;
+    readonly isOpen: _angular_core.Signal<boolean>;
     readonly currentPlacement: _angular_core.WritableSignal<OverlaySide>;
     readonly arrowLeft: _angular_core.WritableSignal<number | null>;
     readonly arrowTop: _angular_core.WritableSignal<number | null>;
@@ -8469,10 +8925,20 @@ declare class TooltipComponent implements AfterContentChecked {
     readonly overlayOrigin: _angular_core.Signal<_angular_cdk_overlay.CdkOverlayOrigin>;
     readonly isContentHovered: _angular_core.WritableSignal<boolean>;
     hideTimeout?: ReturnType<typeof setTimeout>;
+    private readonly ngZone;
+    private trackRafId;
     private readonly horizontalPush;
     constructor();
     showTooltip(): void;
     hideTooltip(): void;
+    /**
+     * Recomputes the overlay position against its origin. Call this when the origin has
+     * moved without a scroll/resize event (e.g. a dragged element). `trackPosition`
+     * calls it automatically each frame while open.
+     */
+    updatePosition(): void;
+    private startTracking;
+    private stopTracking;
     toggleTooltip(): void;
     onPositionChange(change: ConnectedOverlayPositionChange): void;
     onOverlayAttach(): void;
@@ -8480,7 +8946,7 @@ declare class TooltipComponent implements AfterContentChecked {
     ngAfterContentChecked(): void;
     private syncContentText;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "tedi-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "openWith": { "alias": "openWith"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; }, {}, ["tooltipTrigger", "tooltipContent"], ["tedi-tooltip-trigger", "tedi-tooltip-content"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "tedi-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "openWith": { "alias": "openWith"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "trackPosition": { "alias": "trackPosition"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["tooltipTrigger", "tooltipContent"], ["tedi-tooltip-trigger", "tedi-tooltip-content"], true, never>;
 }
 
 type TooltipWidth = "none" | "small" | "medium" | "large";
@@ -8498,6 +8964,35 @@ declare class TooltipContentComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipContentComponent, "tedi-tooltip-content", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+declare class InfoTooltipComponent {
+    /**
+     * Position of the tooltip relative to the info button.
+     * @default top
+     */
+    position: _angular_core.InputSignal<_tedi_design_system_angular_tedi.OverlayPosition>;
+    /**
+     * How the tooltip can be opened.
+     * @default both
+     */
+    openWith: _angular_core.InputSignal<TooltipOpenWith>;
+    /**
+     * Max width of the tooltip content.
+     * @default medium
+     */
+    maxWidth: _angular_core.InputSignal<TooltipWidth>;
+    /**
+     * Color variant of the info button. Use `inverted` on dark or colored backgrounds.
+     * @default primary
+     */
+    color: _angular_core.InputSignal<"primary" | "inverted">;
+    /**
+     * Accessible name for the info button. Defaults to the translated info-button label.
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InfoTooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InfoTooltipComponent, "tedi-info-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "openWith": { "alias": "openWith"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 type PopoverWidth = "none" | "small" | "medium" | "large";
 declare class PopoverContentComponent {
     /**
@@ -8694,6 +9189,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, 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, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FORM_FIELD_CONTROL, 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, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, cookieSignal, createTablePersistence, 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, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
+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, 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, SelectComponent, SelectOptionTemplateDirective, SelectTooltipTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, 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, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, cookieSignal, createTablePersistence, 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, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, 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, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
 //# sourceMappingURL=index.d.ts.map