@tedi-design-system/angular 7.2.0-rc.3 → 7.2.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "7.2.0-rc.3",
+  "version": "7.2.0-rc.5",
   "type": "module",
   "main": "community.mjs",
   "module": "fesm2022/tedi-design-system-angular.mjs",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@tanstack/angular-table": "^8.21.4",
-    "@tedi-design-system/core": "^6.4.3",
+    "@tedi-design-system/core": "^6.5.0",
     "tslib": "^2.3.0"
   },
   "commitlint": {

package/tedi/index.d.ts

@@ -1,11 +1,11 @@
 import * as _angular_core from '@angular/core';
-import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, OnInit, OnDestroy, TemplateRef, ElementRef, Injector, InjectionToken, WritableSignal, AfterViewChecked, AfterContentInit, QueryList, EnvironmentProviders } from '@angular/core';
+import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, OnInit, OnDestroy, TemplateRef, ElementRef, Injector, WritableSignal, InjectionToken, AfterViewChecked, AfterContentInit, QueryList, EnvironmentProviders } from '@angular/core';
 import { _IdGenerator } from '@angular/cdk/a11y';
 import * as _tedi_design_system_angular_tedi from '@tedi-design-system/angular/tedi';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import * as _tanstack_table_core from '@tanstack/table-core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { Table, VisibilityState, ColumnOrderState, ColumnSizingState, RowSelectionState, ExpandedState, ColumnFiltersState, SortingState, PaginationState, ColumnDef, CellContext, Row, Column } from '@tanstack/angular-table';
+import { Table, VisibilityState, ColumnOrderState, ColumnSizingState, RowSelectionState, ExpandedState, ColumnFiltersState, SortingState, PaginationState, Column, ColumnDef, CellContext, Row } from '@tanstack/angular-table';
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { ConnectedOverlayPositionChange, ConnectedPosition, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { CdkListbox } from '@angular/cdk/listbox';
@@ -3208,6 +3208,13 @@ declare class CalendarComponent implements ControlValueAccessor {
 }
 
 type PaginationBackground = "white" | "transparent";
+/**
+ * Horizontal alignment of the results / pager / page-size slots.
+ * - `'between'` (default) — spread across the full width
+ * - `'left'` — grouped at the start
+ * - `'right'` — grouped at the end
+ */
+type PaginationAlign = "between" | "left" | "right";
 /**
  * Visibility toggle for the results / page-size / pager / arrow slots.
  * - `true` — always hidden
@@ -3225,6 +3232,18 @@ type PaginationVisibility = boolean | "sm" | "md" | "lg" | "xl" | "xxl";
  * - `'none'` — no divider, useful when the surrounding container already has one
  */
 type PaginationDividerPosition = "top" | "bottom" | "none";
+/**
+ * Layout inputs that can be overridden per breakpoint via the `xs`–`xxl`
+ * inputs. Applied mobile-first: an override set on `md` takes effect at `md`
+ * and every larger breakpoint, on top of the base inputs.
+ */
+interface PaginationBreakpointInputs {
+    align?: PaginationAlign;
+    showArrowLabels?: boolean;
+    arrowVariant?: ButtonVariant;
+    dividerPosition?: PaginationDividerPosition;
+    background?: PaginationBackground;
+}
 type PaginationItemType = "page" | "previous" | "next" | "ellipsis";
 /**
  * A labelled page-size option. Use it alongside plain numbers in
@@ -3409,6 +3428,40 @@ declare class PopoverComponent {
     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>;
 }
 
+type PopoverWidthPreset = "none" | "small" | "medium" | "large";
+/**
+ * A preset, or any CSS length (`"20rem"`, `"340px"`, `"min(90vw, 30rem)"`) for
+ * a panel the presets don't cover. `(string & {})` keeps the preset
+ * autocomplete alive while still accepting an arbitrary length.
+ */
+type PopoverWidth = PopoverWidthPreset | (string & {});
+declare class PopoverContentComponent {
+    /**
+     * The width of the popover: a preset ('none', 'small', 'medium', 'large') or
+     * any CSS length ('20rem'). 'none' sizes the panel to its content.
+     * @default small
+     */
+    maxWidth: _angular_core.InputSignal<PopoverWidth>;
+    /**
+     * Heading title of the content
+     */
+    title: _angular_core.InputSignal<string>;
+    /**
+     * Should content show close button?
+     * @default false
+     */
+    showClose: _angular_core.InputSignal<boolean>;
+    private readonly popover;
+    titleId: string;
+    private readonly isPresetWidth;
+    /** Widths outside the preset scale are applied inline. */
+    readonly customWidth: _angular_core.Signal<PopoverWidth | null>;
+    classes: _angular_core.Signal<string>;
+    handleClose(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverContentComponent, "tedi-popover-content", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 /**
  * Marker directive that lets consumers fully replace the default
  * "X results" label inside `<tedi-pagination>`.
@@ -3473,6 +3526,14 @@ declare class PaginationComponent {
      * @default 'top'
      */
     readonly dividerPosition: _angular_core.InputSignal<PaginationDividerPosition>;
+    /**
+     * Horizontal alignment of the results / pager / page-size slots. `'left'`
+     * groups them at the start instead of spreading them across the full width.
+     * Override per breakpoint via the `xs`–`xxl` inputs (e.g. `align="left"` with
+     * `[md]="{ align: 'between' }"` reads left on mobile, spread on desktop).
+     * @default 'between'
+     */
+    readonly align: _angular_core.InputSignal<PaginationAlign>;
     /**
      * Hide the "X results" label even when `totalItems` is set or content is
      * projected via `[tediPaginationResults]`. Pass a breakpoint name to hide
@@ -3536,10 +3597,18 @@ declare class PaginationComponent {
      * @default true
      */
     readonly showModalTitle: _angular_core.InputSignal<boolean>;
-    /** Emits whenever the user navigates to a different page. */
-    readonly pageChange: _angular_core.OutputEmitterRef<number>;
-    /** Emits when the user picks a different page size. */
-    readonly pageSizeChange: _angular_core.OutputEmitterRef<number>;
+    /**
+     * Per-breakpoint overrides for the layout inputs (`align`, `showArrowLabels`,
+     * `arrowVariant`, `dividerPosition`, `background`). Applied mobile-first: an
+     * override set here takes effect at this breakpoint and every larger one, on
+     * top of the base inputs.
+     */
+    readonly xs: _angular_core.InputSignal<PaginationBreakpointInputs | undefined>;
+    readonly sm: _angular_core.InputSignal<PaginationBreakpointInputs | undefined>;
+    readonly md: _angular_core.InputSignal<PaginationBreakpointInputs | undefined>;
+    readonly lg: _angular_core.InputSignal<PaginationBreakpointInputs | undefined>;
+    readonly xl: _angular_core.InputSignal<PaginationBreakpointInputs | undefined>;
+    readonly xxl: _angular_core.InputSignal<PaginationBreakpointInputs | undefined>;
     /** Detects the `[tediPaginationResults]` content-projection slot, if any. */
     protected readonly customResults: _angular_core.Signal<TediPaginationResultsDirective | undefined>;
     private readonly translationService;
@@ -3549,6 +3618,16 @@ declare class PaginationComponent {
     protected readonly useCompactPicker: _angular_core.Signal<boolean>;
     protected readonly pageSizeInputId: string;
     protected readonly pageSizeLabelId: string;
+    /**
+     * Base layout inputs merged with the active `xs`–`xxl` overrides for the
+     * current breakpoint. Read these (not the raw inputs) anywhere the value can
+     * be overridden per breakpoint.
+     */
+    protected readonly breakpointInputs: _angular_core.Signal<PaginationBreakpointInputs>;
+    /** Resolved arrow variant (base merged with breakpoint overrides). */
+    protected readonly resolvedArrowVariant: _angular_core.Signal<ButtonVariant>;
+    /** Resolved visible-arrow-labels flag (base merged with breakpoint overrides). */
+    protected readonly resolvedShowArrowLabels: _angular_core.Signal<boolean>;
     protected readonly hostClasses: _angular_core.Signal<string>;
     protected readonly currentPage: _angular_core.Signal<number>;
     protected readonly items: _angular_core.Signal<PaginationItem[]>;
@@ -3611,7 +3690,7 @@ declare class PaginationComponent {
     protected openPageSizePicker(): void;
     private openPickerModal;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "tedi-pagination", never, { "pageCount": { "alias": "pageCount"; "required": true; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "boundaryCount": { "alias": "boundaryCount"; "required": false; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "dividerPosition": { "alias": "dividerPosition"; "required": false; "isSignal": true; }; "hideResults": { "alias": "hideResults"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "hidePager": { "alias": "hidePager"; "required": false; "isSignal": true; }; "hideArrows": { "alias": "hideArrows"; "required": false; "isSignal": true; }; "disableArrowsAtBoundary": { "alias": "disableArrowsAtBoundary"; "required": false; "isSignal": true; }; "arrowVariant": { "alias": "arrowVariant"; "required": false; "isSignal": true; }; "showArrowLabels": { "alias": "showArrowLabels"; "required": false; "isSignal": true; }; "previousIcon": { "alias": "previousIcon"; "required": false; "isSignal": true; }; "nextIcon": { "alias": "nextIcon"; "required": false; "isSignal": true; }; "showModalTitle": { "alias": "showModalTitle"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["customResults"], ["[tediPaginationResults]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "tedi-pagination", never, { "pageCount": { "alias": "pageCount"; "required": true; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "boundaryCount": { "alias": "boundaryCount"; "required": false; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "dividerPosition": { "alias": "dividerPosition"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "hideResults": { "alias": "hideResults"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "hidePager": { "alias": "hidePager"; "required": false; "isSignal": true; }; "hideArrows": { "alias": "hideArrows"; "required": false; "isSignal": true; }; "disableArrowsAtBoundary": { "alias": "disableArrowsAtBoundary"; "required": false; "isSignal": true; }; "arrowVariant": { "alias": "arrowVariant"; "required": false; "isSignal": true; }; "showArrowLabels": { "alias": "showArrowLabels"; "required": false; "isSignal": true; }; "previousIcon": { "alias": "previousIcon"; "required": false; "isSignal": true; }; "nextIcon": { "alias": "nextIcon"; "required": false; "isSignal": true; }; "showModalTitle": { "alias": "showModalTitle"; "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; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; }, ["customResults"], ["[tediPaginationResults]"], true, never>;
 }
 
 type ComponentInputs<TComponent> = {
@@ -3625,6 +3704,13 @@ type TableSize = "medium" | "small";
  * the selection checkbox before the expand chevron).
  */
 type TableControlColumn = "drag" | "select" | "expand";
+/**
+ * An entry in `controlColumnOrder`: a control column, or the `"content"`
+ * sentinel marking where the data columns sit. Controls listed after
+ * `"content"` render as trailing columns (after the data); everything else is
+ * leading. Omit the sentinel to keep all controls leading.
+ */
+type TableControlColumnOrder = TableControlColumn | "content";
 /** Phases of keyboard-driven column reordering. */
 type ColumnReorderPhase = "idle" | "picked-up" | "moving";
 /**
@@ -3720,6 +3806,12 @@ interface TableFilterOptions {
      * @default false
      */
     clearOnClose?: boolean;
+    /**
+     * Popover width for this column, overriding the table's
+     * `filterPopoverWidth`. Use it when one filter control needs more room than
+     * the rest (a date range, a wide option list).
+     */
+    popoverWidth?: PopoverWidth;
 }
 /**
  * Context exposed by the built-in filter popover to the consumer's
@@ -3749,6 +3841,21 @@ interface TediTableFilterContext<TValue = unknown, TData = unknown> {
     /** TanStack `Column` for the column whose filter popover is open. */
     column: Column<TData>;
 }
+/**
+ * Data passed (via `MODAL_DATA`) to the filter modal rendered below the
+ * `filterModalBreakpoint`. Carries the consumer's filter template plus the
+ * labels and context builder the modal needs to render and commit the filter.
+ */
+interface TableFilterModalData {
+    /** Column label shown as the modal title. */
+    columnLabel: string;
+    applyLabel: string;
+    clearLabel: string;
+    /** Consumer-provided filter template. */
+    template: TemplateRef<TediTableFilterContext<unknown, unknown>>;
+    /** Builds the filter context, wiring `apply` / `clear` to close the modal. */
+    buildContext: (close: () => void) => TediTableFilterContext<unknown, unknown>;
+}
 /**
  * Angular-only extension to TanStack's `ColumnDef`. Supports body-level row
  * spanning via the `rowSpan` callback and a one-flag opt-in to the built-in
@@ -3842,6 +3949,7 @@ interface ResolvedPaginationSlot {
     siblingCount: number;
     labels: TablePaginationOptions["labels"];
     background: NonNullable<TablePaginationOptions["background"]>;
+    align: NonNullable<TablePaginationOptions["align"]>;
     dividerPosition: NonNullable<TablePaginationOptions["dividerPosition"]>;
     hideResults: NonNullable<TablePaginationOptions["hideResults"]>;
     hidePageSize: NonNullable<TablePaginationOptions["hidePageSize"]>;
@@ -3853,6 +3961,12 @@ interface ResolvedPaginationSlot {
     previousIcon: NonNullable<TablePaginationOptions["previousIcon"]>;
     nextIcon: NonNullable<TablePaginationOptions["nextIcon"]>;
     showModalTitle: boolean;
+    xs: TablePaginationOptions["xs"];
+    sm: TablePaginationOptions["sm"];
+    md: TablePaginationOptions["md"];
+    lg: TablePaginationOptions["lg"];
+    xl: TablePaginationOptions["xl"];
+    xxl: TablePaginationOptions["xxl"];
 }
 declare class TediTableComponent<TData> {
     /** Stable identifier used for synthetic ids. */
@@ -3876,7 +3990,9 @@ declare class TediTableComponent<TData> {
      */
     readonly verticalBorders: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * Removes the table's outer border and corner radius.
+     * Removes only the table's **outer** border (the frame around the table) and
+     * its corner radius. Borders between rows and columns — including the
+     * `verticalBorders` separators — are unaffected.
      * @default false
      */
     readonly borderless: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -3885,6 +4001,13 @@ declare class TediTableComponent<TData> {
      * @default false
      */
     readonly stickyFirstColumn: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Freezes the last column in place during horizontal scroll. Mirrors
+     * `stickyFirstColumn` on the trailing edge — useful for keeping a trailing
+     * actions column (e.g. an "Edit" link) visible while the body scrolls.
+     * @default false
+     */
+    readonly stickyLastColumn: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Pins `<thead>` to the top during vertical scroll. Requires `maxHeight` to
      * be set so the table has a scroll container.
@@ -3922,7 +4045,10 @@ declare class TediTableComponent<TData> {
     /**
      * Forces the row hover background on (`true`) or off (`false`). When omitted,
      * hover styling tracks whether rows are interactive — on when `interactive`
-     * is set or `expandTrigger` is `'row'`, off otherwise.
+     * is set or `expandTrigger` is `'row'`, off otherwise. This only affects the
+     * hover background; the pointer cursor is driven separately by row-level
+     * interactivity (`interactive` / click-to-expand), not by whether a cell
+     * happens to contain a link or button.
      * @default undefined
      */
     readonly rowHover: _angular_core.InputSignal<boolean | undefined>;
@@ -4035,15 +4161,38 @@ declare class TediTableComponent<TData> {
      * No effect when `groupRowsBy` is not set.
      * @default "all"
      */
-    readonly rowGroupDividers: _angular_core.InputSignal<"none" | "all" | "between">;
+    readonly rowGroupDividers: _angular_core.InputSignal<"none" | "between" | "all">;
     /**
      * Order of the auto-injected control columns (drag handle, selection
      * checkbox, expand chevron). Only the controls that are actually enabled
-     * render; any enabled control omitted from this list is appended at the end.
-     * Use it to e.g. place the checkbox before the expand chevron.
+     * render; any enabled control omitted from this list is appended after the
+     * other leading controls. Use it to e.g. place the checkbox before the expand
+     * chevron. Include the `"content"` sentinel to split leading vs trailing: any
+     * control listed after `"content"` renders after the data columns — e.g.
+     * `["content", "expand"]` puts the expand toggle in the last column.
      * @default ["drag", "select", "expand"]
      */
-    readonly controlColumnOrder: _angular_core.InputSignal<TableControlColumn[]>;
+    readonly controlColumnOrder: _angular_core.InputSignal<TableControlColumnOrder[]>;
+    /**
+     * Below this breakpoint the column filter opens in a modal instead of the
+     * popover (which can be cramped or drift off-screen on small viewports).
+     * Set `false` to always use the popover.
+     * @default "sm"
+     */
+    readonly filterModalBreakpoint: _angular_core.InputSignal<false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl">;
+    /**
+     * Fullscreen behaviour of the filter modal (see `filterModalBreakpoint`):
+     * `true` always fullscreen, `false` never, a breakpoint = fullscreen below it.
+     * @default false
+     */
+    readonly filterModalFullscreen: _angular_core.InputSignal<_tedi_design_system_angular_tedi.BreakpointFlag>;
+    /**
+     * Width of the column filter popover: a popover preset, or any CSS length
+     * (`"20rem"`). `"none"` lets the panel size to its content. A single column
+     * can opt out through `filterable: { popoverWidth }`.
+     * @default "small"
+     */
+    readonly filterPopoverWidth: _angular_core.InputSignal<PopoverWidth>;
     /**
      * Enables pagination and configures the bottom paginator slot. This is also
      * the source of truth for `pageSize` / `pageSizeOptions` — the top slot
@@ -4174,6 +4323,9 @@ declare class TediTableComponent<TData> {
     protected readonly injector: Injector;
     private readonly platformId;
     private readonly translation;
+    private readonly breakpointService;
+    private readonly modalService;
+    private readonly currentBreakpoint;
     private readonly _hoveredRowId;
     /**
      * Id of the data row currently under the pointer, or `null`. Exposed so
@@ -4354,8 +4506,31 @@ declare class TediTableComponent<TData> {
     }>>;
     /** Sticky `left` (px) for a frozen column; `null` when the column isn't frozen. */
     protected stickyLeft(id: string): number | null;
+    /**
+     * Columns frozen by `stickyLastColumn`, keyed by id: the last content column
+     * plus any trailing control columns (e.g. an expand toggle placed after the
+     * `'content'` sentinel), pinned together as one block. `right` is the
+     * cumulative offset; `start` / `edge` mark the block's right and left edges
+     * (the left edge draws the divider). Empty when `stickyLastColumn` is off.
+     */
+    protected readonly stickyRightColumns: Signal<Map<string, {
+        right: number;
+        start: boolean;
+        edge: boolean;
+    }>>;
+    /** Sticky `right` (px) for a frozen column; `null` when the column isn't frozen. */
+    protected stickyRight(id: string): number | null;
+    /**
+     * Class fragment for the auto-injected control columns. Icon-only controls
+     * (drag / select, and expand without a visible label) drop to reduced padding
+     * and stay as narrow as the control needs; a labeled expand column hugs its
+     * content instead of absorbing the table's slack. `""` otherwise.
+     */
+    protected controlCellClass(id: string): string;
     /** Sticky-column class fragment for a cell (`""` when not frozen). */
     protected stickyLeftClass(id: string): string;
+    /** Sticky-right-column class fragment for a cell (`""` when not frozen). */
+    protected stickyRightClass(id: string): string;
     protected handleRowKeydown(event: KeyboardEvent, row: Row<TData>): void;
     protected handleRowDrop(event: CdkDragDrop<TData[]>): void;
     /** Stable id for a row's reorder handle button — used to restore keyboard
@@ -4413,6 +4588,21 @@ declare class TediTableComponent<TData> {
         column: ReturnType<Table<TData>["getAllLeafColumns"]>[number];
     }): void;
     private readonly scrollContainer;
+    private readonly tableElement;
+    private readonly destroyRef;
+    /**
+     * Elevation shadows only make sense when the body is actually scrolled off
+     * that edge: `hasStartShadow` gates the leading (sticky-first) column shadow,
+     * `hasEndShadow` the trailing (sticky-last) one, and `hasHeaderShadow` the
+     * sticky-header shadow (scrolled down). Toggled from a scroll listener plus a
+     * ResizeObserver so viewport / content-size changes re-measure without a
+     * scroll event.
+     */
+    protected readonly hasStartShadow: WritableSignal<boolean>;
+    protected readonly hasEndShadow: WritableSignal<boolean>;
+    protected readonly hasHeaderShadow: WritableSignal<boolean>;
+    private measureScrollShadows;
+    protected onHorizontalScroll(): void;
     /**
      * Resets the table's own vertical scroll to the top. Only affects the
      * internal scroll container (used when `maxHeight` is set); the horizontal
@@ -4522,6 +4712,7 @@ declare class TediTableComponent<TData> {
      * read as `unknown` in strict templates).
      */
     protected filterTemplateFor(col: Column<TData, unknown>): TemplateRef<TediTableFilterContext<unknown, TData>> | undefined;
+    protected filterPopoverWidthFor(col: Column<TData, unknown>): PopoverWidth;
     /**
      * True when the column opted into the built-in filter affordance
      * (`filterable: true | TableFilterOptions`) AND TanStack reports it can
@@ -4573,6 +4764,21 @@ declare class TediTableComponent<TData> {
      * destructuring.
      */
     protected filterContextFor(col: Column<TData, unknown>, popover: PopoverComponent): TediTableFilterContext<unknown, TData>;
+    /**
+     * Builds the filter context, wiring `apply` / `clear` to commit the draft and
+     * then run `close` (hide the popover, or close the modal — whichever opened
+     * the filter). Shared by the popover and the modal renderers.
+     */
+    private buildFilterContext;
+    /** True when the filter should open as a modal (viewport below
+     *  `filterModalBreakpoint`) rather than the popover. */
+    protected readonly filterUsesModal: Signal<boolean>;
+    /**
+     * Opens the column filter in a modal (below `filterModalBreakpoint`). Reuses
+     * the same draft reset (`clearOnClose`) and context as the popover, but
+     * `apply` / `clear` close the modal instead.
+     */
+    protected openFilterModal(col: Column<TData, unknown>): void;
     protected handleFilterApply(col: Column<TData, unknown>, popover: PopoverComponent): void;
     protected handleFilterClear(col: Column<TData, unknown>, popover: PopoverComponent): void;
     /**
@@ -4588,7 +4794,7 @@ declare class TediTableComponent<TData> {
         };
     }, cellContext: CellContext<TData, unknown>): number | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TediTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TediTableComponent<any>, "tedi-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "verticalBorders": { "alias": "verticalBorders"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "stickyFirstColumn": { "alias": "stickyFirstColumn"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "fixedLayout": { "alias": "fixedLayout"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "selectedRowHighlight": { "alias": "selectedRowHighlight"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "enableRowSelection": { "alias": "enableRowSelection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "enableColumnFilters": { "alias": "enableColumnFilters"; "required": false; "isSignal": true; }; "renderSubComponent": { "alias": "renderSubComponent"; "required": false; "isSignal": true; }; "getRowCanExpand": { "alias": "getRowCanExpand"; "required": false; "isSignal": true; }; "expandTrigger": { "alias": "expandTrigger"; "required": false; "isSignal": true; }; "expandButtonVariant": { "alias": "expandButtonVariant"; "required": false; "isSignal": true; }; "expandButtonLabel": { "alias": "expandButtonLabel"; "required": false; "isSignal": true; }; "getSubRows": { "alias": "getSubRows"; "required": false; "isSignal": true; }; "getRowId": { "alias": "getRowId"; "required": false; "isSignal": true; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; "isSignal": true; }; "rowGroupDividers": { "alias": "rowGroupDividers"; "required": false; "isSignal": true; }; "controlColumnOrder": { "alias": "controlColumnOrder"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginationTop": { "alias": "paginationTop"; "required": false; "isSignal": true; }; "manualPagination": { "alias": "manualPagination"; "required": false; "isSignal": true; }; "manualSorting": { "alias": "manualSorting"; "required": false; "isSignal": true; }; "manualFiltering": { "alias": "manualFiltering"; "required": false; "isSignal": true; }; "pageCount": { "alias": "pageCount"; "required": false; "isSignal": true; }; "rowCount": { "alias": "rowCount"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "defaultState": { "alias": "defaultState"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderRole": { "alias": "placeholderRole"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "rowAriaLabel": { "alias": "rowAriaLabel"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "rowClick": "rowClick"; "rowDrop": "rowDrop"; }, ["customResultsTemplateRef"], ["tedi-table-toolbar", "tedi-table-columns-menu"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TediTableComponent<any>, "tedi-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "verticalBorders": { "alias": "verticalBorders"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "stickyFirstColumn": { "alias": "stickyFirstColumn"; "required": false; "isSignal": true; }; "stickyLastColumn": { "alias": "stickyLastColumn"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "fixedLayout": { "alias": "fixedLayout"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "selectedRowHighlight": { "alias": "selectedRowHighlight"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "enableRowSelection": { "alias": "enableRowSelection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "enableColumnFilters": { "alias": "enableColumnFilters"; "required": false; "isSignal": true; }; "renderSubComponent": { "alias": "renderSubComponent"; "required": false; "isSignal": true; }; "getRowCanExpand": { "alias": "getRowCanExpand"; "required": false; "isSignal": true; }; "expandTrigger": { "alias": "expandTrigger"; "required": false; "isSignal": true; }; "expandButtonVariant": { "alias": "expandButtonVariant"; "required": false; "isSignal": true; }; "expandButtonLabel": { "alias": "expandButtonLabel"; "required": false; "isSignal": true; }; "getSubRows": { "alias": "getSubRows"; "required": false; "isSignal": true; }; "getRowId": { "alias": "getRowId"; "required": false; "isSignal": true; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; "isSignal": true; }; "rowGroupDividers": { "alias": "rowGroupDividers"; "required": false; "isSignal": true; }; "controlColumnOrder": { "alias": "controlColumnOrder"; "required": false; "isSignal": true; }; "filterModalBreakpoint": { "alias": "filterModalBreakpoint"; "required": false; "isSignal": true; }; "filterModalFullscreen": { "alias": "filterModalFullscreen"; "required": false; "isSignal": true; }; "filterPopoverWidth": { "alias": "filterPopoverWidth"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginationTop": { "alias": "paginationTop"; "required": false; "isSignal": true; }; "manualPagination": { "alias": "manualPagination"; "required": false; "isSignal": true; }; "manualSorting": { "alias": "manualSorting"; "required": false; "isSignal": true; }; "manualFiltering": { "alias": "manualFiltering"; "required": false; "isSignal": true; }; "pageCount": { "alias": "pageCount"; "required": false; "isSignal": true; }; "rowCount": { "alias": "rowCount"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "defaultState": { "alias": "defaultState"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderRole": { "alias": "placeholderRole"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "rowAriaLabel": { "alias": "rowAriaLabel"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "rowClick": "rowClick"; "rowDrop": "rowDrop"; }, ["customResultsTemplateRef"], ["tedi-table-toolbar", "tedi-table-columns-menu"], true, never>;
 }
 
 declare const TEDI_TABLE_CONTEXT: InjectionToken<TediTableContextValue<unknown>>;
@@ -9483,30 +9689,6 @@ declare class InfoTooltipComponent {
     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 {
-    /**
-     * The width of the popover. Can be 'none', 'small', 'medium', or 'large'.
-     * @default small
-     */
-    maxWidth: _angular_core.InputSignal<PopoverWidth>;
-    /**
-     * Heading title of the content
-     */
-    title: _angular_core.InputSignal<string>;
-    /**
-     * Should content show close button?
-     * @default false
-     */
-    showClose: _angular_core.InputSignal<boolean>;
-    private readonly popover;
-    titleId: string;
-    classes: _angular_core.Signal<string>;
-    handleClose(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverContentComponent, "tedi-popover-content", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
 type StatusBadgeColor = "neutral" | "brand" | "accent" | "success" | "danger" | "warning" | "transparent";
 type StatusBadgeVariant = "filled" | "filled-bordered" | "bordered";
 type StatusBadgeSize = "default" | "large";
@@ -9680,5 +9862,5 @@ declare function isValidTime(time: string | null | undefined): boolean;
 declare function normalizeTime(input: string): string | null;
 
 export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, InfoTooltipComponent, InputGroupComponent, InputGroupPrefixDirective, InputGroupSuffixDirective, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LabelRowComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SearchComponent, SelectComponent, SelectOptionTemplateDirective, SelectTooltipTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, 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, TextareaComponent, 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, SearchButton, SearchSize, 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, VirtualRow };
+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, PopoverWidthPreset, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SearchButton, SearchSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableControlColumnOrder, TableExpandTrigger, TableFilterModalData, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, 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