@tedi-design-system/angular 9.0.0-rc.1 → 9.0.0-rc.10

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "9.0.0-rc.1",
+  "version": "9.0.0-rc.10",
+  "license": "MIT",
   "type": "module",
   "main": "community.mjs",
   "module": "fesm2022/tedi-design-system-angular.mjs",
@@ -8,6 +9,12 @@
     "./index.css": {
       "default": "./index.css"
     },
+    "./index-without-icons.css": {
+      "default": "./index-without-icons.css"
+    },
+    "./icons/*.css": {
+      "default": "./icons/*.css"
+    },
     "./package.json": {
       "default": "./package.json"
     },
@@ -47,7 +54,7 @@
   },
   "dependencies": {
     "@tanstack/angular-table": "^8.21.4",
-    "@tedi-design-system/core": "^6.8.1",
+    "@tedi-design-system/core": "6.11.2",
     "tslib": "^2.3.0"
   },
   "publishConfig": {

package/tedi/index.d.ts

@@ -49,7 +49,8 @@ declare class IconComponent {
     variant: _angular_core.InputSignal<IconVariant>;
     /**
      * Type of Material Symbols icon style.
-     * It is recommended to only use one type throughout your app.
+     * It is recommended to only use one type throughout your app, and to load only that type's font
+     * (`icons/<type>.css` with `index-without-icons.css`) instead of all three via `index.css`.
      * @default outlined
      */
     type: _angular_core.InputSignal<IconType>;
@@ -3051,6 +3052,13 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
     readonly fade: _angular_core.InputSignal<boolean>;
     /** Transition duration in ms */
     readonly transitionMs: _angular_core.InputSignal<number>;
+    /**
+     * How far a drag must go to move on, as a fraction (0–1) of the distance to the next
+     * position, which is one slide except for a shorter final step when not looping.
+     * Each position fully dragged past counts; a quick flick moves one position.
+     * @default 0.3
+     */
+    readonly swipeThreshold: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Whether navigation wraps around at the ends. When `false`, it stops at the
      * first and last reachable positions and disables the corresponding arrow.
@@ -3104,6 +3112,12 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
     private pendingFocus;
     private startX;
     private startIndex;
+    private lastX;
+    private lastTime;
+    /** Recent pointer positions, for measuring flick speed at release. */
+    private samples;
+    /** The current drag's minimum swipe distance (px), set by its pointer type. */
+    private minSwipeDistance;
     private ro?;
     private wheelTimeout?;
     private scrollDelta;
@@ -3112,7 +3126,28 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
     onKeyDown(event: KeyboardEvent): void;
     onPointerDown(ev: PointerEvent): void;
     onPointerMove(ev: PointerEvent): void;
-    onPointerUp(): void;
+    /**
+     * The browser ended the drag, e.g. to scroll the page, or capture was lost mid-drag:
+     * not a swipe, so return to where it started. After a normal release this is a no-op,
+     * as `lostpointercapture` follows `pointerup`.
+     */
+    onPointerCancel(): void;
+    onPointerUp(ev?: PointerEvent): void;
+    /**
+     * Where a released drag settles. Walks stop position to stop position in the drag
+     * direction: each gap fully dragged moves on, and a partly dragged gap moves on once it
+     * reaches `swipeThreshold` of that gap (a bounded track's final gap can be short).
+     * A flick that did not move on otherwise moves one position.
+     */
+    private swipeTarget;
+    /** The next stop position after `position` in the given direction (itself at a bound). */
+    private adjacentStop;
+    /**
+     * Whether the drag ended in a flick: at least `minSwipeDistance` of movement in the
+     * drag direction within the last `FLICK_WINDOW` ms before release, fast enough. Measuring
+     * up to the release lets a pause before the swipe pass and a hold after it slow it down.
+     */
+    private isFlick;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     next(): void;
@@ -3138,7 +3173,7 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
     lockNavigation(): void;
     announceSlideChange(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselContentComponent, "tedi-carousel-content", never, { "slidesPerView": { "alias": "slidesPerView"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; "transitionMs": { "alias": "transitionMs"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, ["slides"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselContentComponent, "tedi-carousel-content", never, { "slidesPerView": { "alias": "slidesPerView"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; "transitionMs": { "alias": "transitionMs"; "required": false; "isSignal": true; }; "swipeThreshold": { "alias": "swipeThreshold"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, ["slides"], never, true, never>;
 }
 
 declare class CarouselComponent {
@@ -3728,7 +3763,7 @@ declare function calculateArrowOffset(placement: OverlaySide, triggerEl: HTMLEle
 
 declare class PopoverTriggerDirective {
     /**
-     * Should add underline class to trigger element?
+     * Underline the trigger element.
      * @default false
      */
     readonly underline: _angular_core.InputSignal<boolean>;
@@ -3756,38 +3791,47 @@ declare class PopoverComponent {
      */
     readonly position: _angular_core.InputSignal<OverlayPosition>;
     /**
-     * Should position flip to opposite direction when overflowing screen?
+     * Flip to the opposite side when the popover would overflow the screen.
      * @default false
      */
     readonly preventOverflow: _angular_core.InputSignal<boolean>;
     /**
-     * Is dismissible by clicking outside of content?
+     * Close the popover when clicking outside its content.
      * @default true
      */
     readonly dismissible: _angular_core.InputSignal<boolean>;
     /**
-     * Does popover content hide on scroll?
+     * Close the popover when the page scrolls.
      * @default false
      */
     readonly hideOnScroll: _angular_core.InputSignal<boolean>;
     /**
-     * Does popover have illustrative border on the arrow side?
+     * Show an illustrative border on the arrow side.
      * @default false
      */
     readonly withBorder: _angular_core.InputSignal<boolean>;
     /**
-     * Should show arrow?
+     * Show the arrow pointing to the trigger.
+     * @default true
      */
     readonly withArrow: _angular_core.InputSignal<boolean>;
     /**
-     * Lock scrolling on rest of the page?
+     * Lock scrolling on the rest of the page while the popover is open.
      * @default false
      */
     readonly lockScroll: _angular_core.InputSignal<boolean>;
-    /** Delay time (in ms) for closing popover when not hovering trigger or content.
+    /**
+     * Delay in ms before the popover closes when neither the trigger nor the
+     * content is hovered.
      * @default 100
      */
     readonly timeoutDelay: _angular_core.InputSignal<number>;
+    /**
+     * Gap in px between the trigger and the popover. The arrow's gap is added on
+     * top when `withArrow` is `true`.
+     * @default 8
+     */
+    readonly offset: _angular_core.InputSignal<number>;
     private readonly document;
     private readonly renderer;
     private readonly connectedOverlay;
@@ -3801,7 +3845,16 @@ declare class PopoverComponent {
     readonly arrowTop: _angular_core.WritableSignal<number | null>;
     readonly overlayOrigin: _angular_core.Signal<_angular_cdk_overlay.CdkOverlayOrigin>;
     private readonly arrowOffset;
-    readonly overlayPositions: _angular_core.Signal<_angular_cdk_overlay.ConnectedPosition[]>;
+    readonly overlayPositions: _angular_core.Signal<{
+        offsetX: number | undefined;
+        offsetY: number | undefined;
+        originX: "start" | "center" | "end";
+        originY: "top" | "center" | "bottom";
+        overlayX: "start" | "center" | "end";
+        overlayY: "top" | "center" | "bottom";
+        weight?: number;
+        panelClass?: string | string[];
+    }[]>;
     readonly panelClasses: _angular_core.Signal<string>;
     readonly ariaLabelledBy: _angular_core.Signal<string>;
     hideTimeout?: ReturnType<typeof setTimeout>;
@@ -3843,7 +3896,7 @@ declare class PopoverComponent {
     private isInsideOverlay;
     private handleClosePopoverEvent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "tedi-popover", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "withBorder": { "alias": "withBorder"; "required": false; "isSignal": true; }; "withArrow": { "alias": "withArrow"; "required": false; "isSignal": true; }; "lockScroll": { "alias": "lockScroll"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; }, {}, ["popoverTrigger", "popoverContent"], ["[tedi-popover-trigger]", "tedi-popover-content"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "tedi-popover", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "withBorder": { "alias": "withBorder"; "required": false; "isSignal": true; }; "withArrow": { "alias": "withArrow"; "required": false; "isSignal": true; }; "lockScroll": { "alias": "lockScroll"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, {}, ["popoverTrigger", "popoverContent"], ["[tedi-popover-trigger]", "tedi-popover-content"], true, never>;
 }
 
 type PopoverWidthPreset = "none" | "small" | "medium" | "large";
@@ -3861,11 +3914,11 @@ declare class PopoverContentComponent {
      */
     maxWidth: _angular_core.InputSignal<PopoverWidth>;
     /**
-     * Heading title of the content
+     * Title shown at the top of the content.
      */
     title: _angular_core.InputSignal<string>;
     /**
-     * Should content show close button?
+     * Show a close button in the content.
      * @default false
      */
     showClose: _angular_core.InputSignal<boolean>;
@@ -5405,6 +5458,8 @@ declare class DropdownTriggerDirective implements AfterViewInit {
      * would both be tab stops, and the ARIA state would land on the wrong element.
      */
     private readonly triggerElement;
+    /** Only a Space press that starts on the trigger may activate it on keyup. */
+    private spacePressed;
     private readonly hasPopup;
     constructor();
     ngAfterViewInit(): void;
@@ -5414,9 +5469,17 @@ declare class DropdownTriggerDirective implements AfterViewInit {
     get focusableElement(): HTMLElement;
     onClick(): void;
     onKeydown(event: KeyboardEvent): void;
+    onKeyup(event: KeyboardEvent): void;
+    onFocusout(event: FocusEvent): void;
+    /**
+     * Whether the directive must activate the trigger on `key` itself, because the
+     * element does not turn that key into a native click: both keys for a generic
+     * trigger, Enter for a checkbox or radio. Other native controls handle both.
+     */
+    private handlesKey;
     private isWidgetContent;
     private resolveTriggerElement;
-    private isNativelyFocusable;
+    private isNativelyInteractive;
     private openAndFocusFirst;
     private openAndFocusLast;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownTriggerDirective, never>;
@@ -7693,9 +7756,9 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     size: _angular_core.InputSignal<SelectInputSize>;
     /**
      * Whether to show a clear button when a value is selected.
-     * @default false
+     * @default true
      */
-    clearable: _angular_core.InputSignal<boolean>;
+    clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Show the clear button only while the filled select is hovered or focused.
      * Requires `clearable`.
@@ -7738,6 +7801,10 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      * Selected value, for use without a form directive. An array in multi-select
      * mode, the bare value otherwise. Unlike `[ngModel]` it applies on the first
      * render rather than a frame later. Do not combine with a form directive.
+     *
+     * `null`, `undefined` and `''` all mean nothing is selected, so
+     * `new FormControl('')` and `new FormControl(null)` both start the select empty,
+     * showing its placeholder.
      */
     value: _angular_core.InputSignal<unknown>;
     /**
@@ -8032,6 +8099,7 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     private syncActiveToOptionValue;
     onVirtualSelectAllClick(): void;
     private toggleOptionValue;
+    /** Selects `value` in single-select mode, notifies the form and closes the dropdown. */
     private selectSingleValue;
     private measureVirtualRowHeight;
     private openDropdown;
@@ -8039,6 +8107,10 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     private closeDropdown;
     private setupScrollListener;
     private cleanupScrollListener;
+    /**
+     * Handles a selection change from the listbox: the select-all and group rows, or
+     * the new selection, which is emitted and written to the form.
+     */
     handleValueChange(event: {
         value: readonly unknown[];
     }): void;
@@ -8065,6 +8137,13 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     private toggleGroupSelection;
     onChange: (value: unknown) => void;
     onTouched: () => void;
+    /** Options that can take part in select-all and group selection: enabled, not `''`. */
+    private bulkSelectable;
+    /**
+     * `null`, `undefined` and `''` all mean nothing is selected, since `''` is a common
+     * form default for "no value" (`new FormControl('')`). Picking an option whose
+     * value is `''` therefore leaves nothing selected too.
+     */
     private toSelection;
     writeValue(value: unknown): void;
     registerOnChange(fn: (value: unknown) => void): void;
@@ -8577,9 +8656,23 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     private onChange;
     private onTouched;
     private initialized;
+    /**
+     * Held until the programmatic scroll has actually settled, not for a fixed
+     * time: `scrollTo` reports its own events plus the scroll-snap adjustment on
+     * top, and the engine decides when those arrive.
+     */
     private readonly isProgrammaticScroll;
+    private readonly isSmoothProgrammaticScroll;
+    /** Only a scroll with a gesture behind it may change the value. */
+    private readonly hasUserGesture;
+    /** Guards against a correction and the engine trading scrolls indefinitely. */
+    private readonly hasCorrectedScroll;
+    private readonly programmaticScrollTarget;
     private readonly scrollLockTimer;
+    /** Latest moment a programmatic scroll may still own its column. */
+    private readonly scrollLockDeadline;
     private readonly scrollDebounceTimer;
+    private readonly gestureTimer;
     private cachedItemHeight;
     private resizeObserver;
     private readonly hourScrollIndex;
@@ -8613,8 +8706,19 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     onRadioChange(slot: string): void;
     constructor();
     ngAfterViewInit(): void;
+    /**
+     * The height a row is actually rendered at, or 0 when it has no box at all
+     * (the picker is hidden, or has not been laid out yet).
+     */
+    private measureItemBox;
     private measureItemHeight;
     private getItemHeight;
+    /**
+     * Column offsets are derived from the item height, so when the height changes
+     * (a breakpoint switch, or the first real measurement after
+     * `DEFAULT_ITEM_HEIGHT` stood in) they no longer land on the highlighted row.
+     */
+    private syncItemHeight;
     ngOnDestroy(): void;
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string | null) => void): void;
@@ -8628,7 +8732,31 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     onMinuteClick(minute: string): void;
     onColumnKeydown(event: KeyboardEvent, type: WheelType): void;
     private computeWheelMove;
+    private readonly handleUserGesture;
+    /**
+     * Bounds a gesture that never scrolls. Without it one pointer-down on a
+     * column's padding would leave it marked user-driven forever, and the next
+     * offset the engine handed it would be committed as a value.
+     */
+    private armGestureTimer;
+    private clearGestureTimer;
+    /**
+     * Precedence, highest first: a gesture on this column (the offset is the
+     * user's, and it takes over any animation still running), a programmatic
+     * scroll (its own echo, never re-read as a selection), or neither, which
+     * means the engine moved it and the column goes back on the value's row.
+     */
     onColumnScroll(type: WheelType): void;
+    private indexFromScroll;
+    private setScrollIndex;
+    private scheduleScrollSelection;
+    /**
+     * Gecko hands a torn-down scroll container's offset to the one replacing it
+     * in the same position, so a picker can arrive already scrolled to the
+     * previous picker's row. Nothing marks that as not-the-user, which is how
+     * `09:30` came to render and report `14:06`.
+     */
+    private restoreColumnPosition;
     /** Roving-tabindex helper for dropdown items: only the selected item (or the first
      * when nothing is selected yet) is in the tab sequence. */
     getDropdownTabIndex(index: number): number;
@@ -8638,7 +8766,11 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     scrollToSelected(): void;
     private getColumnElement;
     private alignScroll;
+    /** Returns whether a scroll was actually issued. */
     private scrollColumnToIndex;
+    private releaseScrollLockAfter;
+    /** Drops every trace of a programmatic scroll, target offset included. */
+    private clearProgrammaticScroll;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimePickerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "tedi-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "timeSlots": { "alias": "timeSlots"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "showSlotIndicator": { "alias": "showSlotIndicator"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "trapFocus": { "alias": "trapFocus"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "closeRequested": "closeRequested"; }, never, never, true, never>;
 }
@@ -10762,6 +10894,45 @@ declare class TabsTriggerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsTriggerComponent, "button[tedi-tabs-trigger], a[tedi-tabs-trigger]", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type PrintBreak = "auto" | "avoid" | "avoid-column" | "avoid-page" | "avoid-region";
+type PrintVisibility = "show" | "hide";
+/**
+ * Applies the print helper classes from `@tedi-design-system/core` to the host element.
+ */
+declare class PrintDirective {
+    private readonly elementRef;
+    private readonly renderer;
+    /**
+     * Controls the visibility of the element when printing.
+     * - `'hide'` — the element is not printed.
+     * - `'show'` — the element opts out of a `no-print` applied to the same
+     *   element. It cannot reveal an element that an ancestor hid.
+     *
+     * Leave empty when only the break inputs are needed — the `tediPrint`
+     * attribute still has to be present for the directive to apply.
+     */
+    tediPrint: _angular_core.InputSignal<"" | PrintVisibility>;
+    /**
+     * Determines how page, column, or region breaks behave before the element.
+     * Uses the CSS `break-before` property values.
+     */
+    breakBefore: _angular_core.InputSignal<PrintBreak | undefined>;
+    /**
+     * Determines how page, column, or region breaks behave after the element.
+     * Uses the CSS `break-after` property values.
+     */
+    breakAfter: _angular_core.InputSignal<PrintBreak | undefined>;
+    /**
+     * Determines how page, column, or region breaks behave inside the element.
+     * Uses the CSS `break-inside` property values.
+     */
+    breakInside: _angular_core.InputSignal<PrintBreak | undefined>;
+    private readonly classes;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PrintDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PrintDirective, "[tediPrint]", never, { "tediPrint": { "alias": "tediPrint"; "required": false; "isSignal": true; }; "breakBefore": { "alias": "breakBefore"; "required": false; "isSignal": true; }; "breakAfter": { "alias": "breakAfter"; "required": false; "isSignal": true; }; "breakInside": { "alias": "breakInside"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 type TabsOverflowMode = "dropdown" | "scroll";
 interface OverflowItem {
     id: string;
@@ -10789,6 +10960,15 @@ declare class TabsListComponent implements AfterViewInit, OnDestroy {
     readonly overflowMode: _angular_core.InputSignal<TabsOverflowMode>;
     /** Label for the overflow dropdown trigger. Defaults to the `more` translation. */
     readonly dropdownLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Controls the visibility of the tablist when printing.
+     * - `show`: the tablist is printed (default), no print class is applied
+     * - `hide`: the tablist is left out of the printed output
+     *
+     * `tediPrint` on the same element composes with this: `tediPrint="show"`
+     * wins over `printVisibility="hide"`, matching the core `show-print` rule.
+     */
+    readonly printVisibility: _angular_core.InputSignal<PrintVisibility>;
     private readonly listRef;
     private readonly triggers;
     private readonly isOverflowing;
@@ -10804,7 +10984,7 @@ declare class TabsListComponent implements AfterViewInit, OnDestroy {
     updateScrollFade(): void;
     private checkOverflow;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsListComponent, "tedi-tabs-list", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "overflowMode": { "alias": "overflowMode"; "required": false; "isSignal": true; }; "dropdownLabel": { "alias": "dropdownLabel"; "required": false; "isSignal": true; }; }, {}, ["triggers"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsListComponent, "tedi-tabs-list", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "overflowMode": { "alias": "overflowMode"; "required": false; "isSignal": true; }; "dropdownLabel": { "alias": "dropdownLabel"; "required": false; "isSignal": true; }; "printVisibility": { "alias": "printVisibility"; "required": false; "isSignal": true; }; }, {}, ["triggers"], ["*"], true, never>;
 }
 
 /**
@@ -10990,6 +11170,11 @@ declare class ModalContentComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalContentComponent, "tedi-modal-content", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkScrollable; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * Right-aligns its content. Add `tedi-modal-footer-start` to each element that
+ * should sit on the left instead. Mark the elements themselves, not a wrapper,
+ * so they keep the footer's gap.
+ */
 declare class ModalFooterComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalFooterComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalFooterComponent, "tedi-modal-footer", never, {}, {}, never, ["*"], true, never>;
@@ -11364,6 +11549,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, FloatingButtonComponent, 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, TableOfContentsCollapsibleComponent, TableOfContentsComponent, TableOfContentsItemComponent, TableOfContentsItemSuffixDirective, 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, warnDeprecated };
-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, FloatingButtonAxis, FloatingButtonOffset, FloatingButtonPlacement, FloatingButtonPosition, FloatingButtonSize, FloatingButtonVariant, 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, ModalCloseGuard, ModalCloseReason, 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, TableOfContentsHeadingLevel, TableOfContentsVariant, 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, FloatingButtonComponent, 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, PrintDirective, 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, TableOfContentsCollapsibleComponent, TableOfContentsComponent, TableOfContentsItemComponent, TableOfContentsItemSuffixDirective, 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, warnDeprecated };
+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, FloatingButtonAxis, FloatingButtonOffset, FloatingButtonPlacement, FloatingButtonPosition, FloatingButtonSize, FloatingButtonVariant, 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, ModalCloseGuard, ModalCloseReason, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, PopoverWidthPreset, PrintBreak, PrintVisibility, 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, TableOfContentsHeadingLevel, TableOfContentsVariant, 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