@tedi-design-system/angular 8.1.0-rc.10 → 8.1.0-rc.12

package/package.json

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

package/tedi/index.d.ts

@@ -2319,6 +2319,81 @@ declare class ClosingButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClosingButtonComponent, "button[tedi-closing-button]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type FloatingButtonVariant = "primary" | "secondary";
+type FloatingButtonSize = "default" | "large";
+type FloatingButtonAxis = "horizontal" | "vertical";
+type FloatingButtonPosition = "fixed" | "absolute" | "sticky" | "relative" | "static";
+type FloatingButtonPlacement = {
+    vertical: "top" | "bottom" | "center";
+    horizontal: "left" | "right" | "center";
+};
+type FloatingButtonOffset = {
+    top?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    right?: number | string;
+};
+declare class FloatingButtonComponent implements OnInit {
+    private readonly baseButton;
+    /**
+     * The button's color variant.
+     * @default primary
+     */
+    readonly variant: _angular_core.InputSignal<FloatingButtonVariant>;
+    /**
+     * The button's size.
+     * @default default
+     */
+    readonly size: _angular_core.InputSignal<FloatingButtonSize>;
+    /**
+     * `vertical` rotates the button 90° counter-clockwise, with rounded left
+     * corners and square right corners. Intended for desktop side placement;
+     * on mobile prefer a horizontal button near the bottom, or an icon-only one.
+     *
+     * Rotation does not change the layout box. To align the visible button with
+     * an edge, center it in a container that reserves its rotated width and height,
+     * then position the container at that edge. See the Placement story.
+     * @default horizontal
+     */
+    readonly axis: _angular_core.InputSignal<FloatingButtonAxis>;
+    /**
+     * CSS positioning mode. Defaults to `fixed`; use `static` to keep the button
+     * in normal document flow.
+     * @default fixed
+     */
+    readonly position: _angular_core.InputSignal<FloatingButtonPosition>;
+    /**
+     * Where to pin the button within its containing block. Applied as `top` / `bottom` /
+     * `left` / `right`; `center` pins the midpoint on that axis. Has no effect when
+     * `position` is `static`.
+     */
+    readonly placement: _angular_core.InputSignal<FloatingButtonPlacement | undefined>;
+    /**
+     * Distance from the pinned edges, defaulting to `0`. Numbers are treated as pixels,
+     * strings accept CSS lengths such as `1rem`. Only the edges named by `placement` apply.
+     */
+    readonly offset: _angular_core.InputSignal<FloatingButtonOffset | undefined>;
+    /**
+     * Overrides the button's CSS `z-index`. Defaults to `--z-index-feedback` when omitted.
+     */
+    readonly zIndex: _angular_core.InputSignal<number | undefined>;
+    readonly classes: _angular_core.Signal<string>;
+    /**
+     * Uses the separate `translate` property for centering, while the vertical
+     * orientation is handled by `rotate`.
+     */
+    protected readonly placementStyles: _angular_core.Signal<{
+        top: string | null;
+        bottom: string | null;
+        left: string | null;
+        right: string | null;
+        translate: string | null;
+    }>;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FloatingButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingButtonComponent, "[tedi-floating-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof BaseButtonDirective; inputs: {}; outputs: {}; }]>;
+}
+
 /**
  * A single item inside a `tedi-accordion`. Owns the item's state (expanded)
  * and the inputs shared by header and content (selected, showIconCard,
@@ -5193,10 +5268,17 @@ declare class TruncateComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TruncateComponent, "tedi-truncate", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, never, true, never>;
 }
 
-type DropdownTriggerAriaHasPopup = "menu" | "listbox" | "dialog" | "true";
+type DropdownTriggerAriaHasPopup = "menu" | "listbox" | "dialog" | "true" | "false";
 declare class DropdownTriggerDirective implements AfterViewInit {
-    /** Defines the aria-haspopup attribute for the trigger, informing assistive technologies whether it opens a menu or listbox. Improves accessibility by describing the type of popup. */
-    readonly ariaHaspopup: _angular_core.InputSignal<DropdownTriggerAriaHasPopup>;
+    /**
+     * The `aria-haspopup` value for the trigger, telling assistive technology
+     * what kind of popup it opens.
+     *
+     * Defaults to the content's `dropdownRole`: `menu` for a menu, `listbox` for
+     * a listbox, and no attribute for a plain `list`, which ARIA has no
+     * `aria-haspopup` token for. `false` also omits the attribute.
+     */
+    readonly ariaHaspopup: _angular_core.InputSignal<DropdownTriggerAriaHasPopup | undefined>;
     readonly host: ElementRef<HTMLElement>;
     readonly dropdown: DropdownComponent;
     readonly overlayOrigin: CdkOverlayOrigin;
@@ -5209,6 +5291,7 @@ declare class DropdownTriggerDirective implements AfterViewInit {
      * would both be tab stops, and the ARIA state would land on the wrong element.
      */
     private readonly triggerElement;
+    private readonly hasPopup;
     constructor();
     ngAfterViewInit(): void;
     focus(): void;
@@ -5217,6 +5300,7 @@ declare class DropdownTriggerDirective implements AfterViewInit {
     get focusableElement(): HTMLElement;
     onClick(): void;
     onKeydown(event: KeyboardEvent): void;
+    private isWidgetContent;
     private resolveTriggerElement;
     private isNativelyFocusable;
     private openAndFocusFirst;
@@ -5225,6 +5309,18 @@ declare class DropdownTriggerDirective implements AfterViewInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[tedi-dropdown-trigger]", never, { "ariaHaspopup": { "alias": "ariaHaspopup"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * How the dropdown panel is exposed to assistive technology.
+ *
+ * - `menu`: a menu of actions. Composite widget, so it is a single tab stop
+ *   with arrow-key navigation and its items are `menuitem`s.
+ * - `listbox`: a list of options, one of which can be selected. Composite
+ *   widget, like `menu`, and its items are `option`s.
+ * - `list`: a plain list, not a widget. Items keep their own semantics, so
+ *   navigation links stay links and each is its own tab stop. Use this
+ *   whenever the panel is a set of links.
+ */
+type DropdownRole = "menu" | "listbox" | "list";
 interface DropdownApi {
     /** Current value of the dropdown. Used to track the selected option in listbox mode. */
     value: WritableSignal<string | undefined>;
@@ -5254,7 +5350,9 @@ interface DropdownApi {
 declare const DROPDOWN_API: InjectionToken<DropdownApi>;
 interface DropdownContentApi {
     /** The ARIA role of the dropdown content. Determines keyboard interaction and accessibility semantics. */
-    dropdownRole: Signal<"menu" | "listbox">;
+    dropdownRole: Signal<DropdownRole>;
+    /** Whether the content is a composite widget (`menu`, `listbox`) rather than a plain `list`. Widgets own focus management and key handling; a plain list leaves both to the items' own controls. */
+    isWidget: Signal<boolean>;
 }
 declare const DROPDOWN_CONTENT_API: InjectionToken<DropdownContentApi>;
 
@@ -5306,6 +5404,20 @@ declare class DropdownItemComponent {
     readonly value: _angular_core.InputSignal<string | undefined>;
     /** Is item disabled? */
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the projected content is itself the interactive control, e.g. a
+     * button. In a `menu` or `listbox` the item role and the roving tabindex then
+     * move onto that element instead of the host `li`, so assistive technology
+     * reports one control per item and the control keeps its own activation
+     * behaviour.
+     *
+     * A widget role replaces the control's own role, so a projected link stops
+     * being announced as a link. For navigation links use
+     * `dropdownRole="list"` instead, where this input is not needed: a plain list
+     * adds no roles, and the links stay links and stay in the tab order.
+     * @default false
+     */
+    readonly interactiveContent: _angular_core.InputSignal<boolean>;
     /**
      * Whether the item's label clips overflowing content (for text ellipsis).
      * Set `false` when projecting content with decorations that intentionally
@@ -5331,20 +5443,58 @@ declare class DropdownItemComponent {
     readonly dropdownContent: DropdownContentApi;
     /** Check if custom dropdown-item-value is provided */
     readonly customItemValue: _angular_core.Signal<DropdownItemValueComponent | undefined>;
+    private readonly renderer;
+    private readonly destroyRef;
+    private control;
+    constructor();
+    /** The widget role for this item, or `null` in a plain `list`. */
+    itemRole(): "menuitem" | "option" | null;
+    hostRole(): "option" | "menuitem" | "none" | null;
+    hostAriaSelected(): boolean | null;
+    hostAriaDisabled(): "true" | null;
+    hostTabindex(): "-1" | null;
+    /**
+     * Whether the item's ARIA state and focus belong on the projected control
+     * rather than the host `li`. Always true in a plain `list`, where the
+     * projected control is what the item is.
+     */
+    private controlOwnsSemantics;
     isSelected(): boolean;
+    /**
+     * The element that carries the item's role, roving tabindex and focus: the
+     * projected control when it owns the item's semantics, the host `li`
+     * otherwise.
+     */
+    focusTarget(): HTMLElement;
     focus(): void;
+    setTabindex(value: string | null): void;
+    private controlElement;
     onClick(): void;
     onMousedown(event: MouseEvent): void;
     onKeydown(event: KeyboardEvent): void;
+    /** Returns whether the key was an activation key and has been dealt with. */
+    private handleActivationKey;
     private onItemSelect;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemComponent, "li[tedi-dropdown-item]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clipContent": { "alias": "clipContent"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, ["customItemValue"], ["tedi-dropdown-item-value", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemComponent, "li[tedi-dropdown-item]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "interactiveContent": { "alias": "interactiveContent"; "required": false; "isSignal": true; }; "clipContent": { "alias": "clipContent"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, ["customItemValue"], ["tedi-dropdown-item-value", "*"], true, never>;
 }
 
-type DropdownRole = "menu" | "listbox";
 declare class DropdownContentComponent {
     /**
-     * Role for content, use listbox for list and menu for actions
+     * How the panel is exposed to assistive technology: `menu` for actions,
+     * `listbox` for selectable options, `list` for a plain list of links.
+     *
+     * `menu` and `listbox` are composite widgets, so the panel is a single tab
+     * stop with arrow-key navigation and the items carry `menuitem` / `option`.
+     * `list` is not a widget: it adds no item roles and no key handling, so
+     * projected links keep the link role and each one is its own tab stop. A
+     * panel of navigation links belongs in `list`, because a widget role would
+     * replace the link role and screen readers would stop announcing them as
+     * links. The `role="list"` it puts on the `ul` is redundant on paper but not
+     * in Safari, which drops list semantics from a list with no marker. A `list`
+     * panel also renders in the dropdown's own place in the DOM rather than at the
+     * end of `<body>`, so it keeps its place in reading order for the screen
+     * readers that navigate by DOM order instead of by `Tab`.
      * @default menu
      */
     readonly dropdownRole: _angular_core.InputSignal<DropdownRole>;
@@ -5352,6 +5502,7 @@ declare class DropdownContentComponent {
     private readonly dropdownApi;
     readonly containerId: _angular_core.Signal<string>;
     readonly items: _angular_core.Signal<readonly DropdownItemComponent[]>;
+    readonly isWidget: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownContentComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownContentComponent, "tedi-dropdown-content", never, { "dropdownRole": { "alias": "dropdownRole"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*", "li[tedi-dropdown-item]"], true, never>;
 }
@@ -5401,6 +5552,7 @@ declare class DropdownComponent implements OnDestroy {
     private readonly platformId;
     private readonly document;
     private readonly renderer;
+    private readonly overlayContainer;
     private scrollListener?;
     private skipNextGestureOutsideClick;
     constructor();
@@ -5411,6 +5563,12 @@ declare class DropdownComponent implements OnDestroy {
     onOutsideClick(event?: MouseEvent): void;
     handleFocusOut: (event: FocusEvent) => void;
     tabOutOfDropdown(shiftKey: boolean): void;
+    /**
+     * Focuses `target` and only then tears the panel down, so focus is never on a
+     * detached element. `handleFocusOut` already closes on the resulting
+     * `focusin`; the explicit call covers a target that refuses focus.
+     */
+    private moveFocusOut;
     focusFirstItem(): void;
     focusLastItem(): void;
     setActiveToSelectedOrFirst(): void;
@@ -5418,6 +5576,11 @@ declare class DropdownComponent implements OnDestroy {
     focusNextItem(fromEl: HTMLLIElement): void;
     focusPrevItem(fromEl: HTMLLIElement): void;
     updateTabindexes(): void;
+    /** Moves focus to the first focusable element in the panel. */
+    focusPanelStart(): void;
+    onPanelKeydown(event: KeyboardEvent): void;
+    private panelFocusables;
+    private closeAndFocusTrigger;
     private setupScrollListener;
     private cleanupScrollListener;
     private findIndexByElement;
@@ -9979,9 +10142,19 @@ type RenderToken = {
  * the current page — add `aria-current="page"` to it yourself.
  *
  * Crumb links are underlined by default. Set `[underline]="false"` on the
- * `tedi-link` for non-underlined crumbs — recommended for the `short` back-link.
- * Crumbs collapsed into the ellipsis dropdown are always rendered without an
- * underline, regardless of their `[underline]` setting.
+ * `tedi-link` for non-underlined crumbs, which is recommended for the `short`
+ * back-link. A collapsed crumb keeps its own `[underline]` setting, so it looks
+ * the same in the ellipsis dropdown as it does in the trail. To restyle the
+ * collapsed rows, target `.tedi-breadcrumbs__dropdown-item`, which travels with
+ * them into the overlay.
+ *
+ * The ellipsis dropdown is a plain list (`dropdownRole="list"`), not a menu, so
+ * the collapsed crumbs stay links: screen readers announce them as links and
+ * each one is its own tab stop. Its panel renders inside the crumb it belongs
+ * to, so the collapsed crumbs come between the ellipsis button and the next
+ * crumb both in the tab order and for a screen reader that swipes through the
+ * DOM. Opening it moves focus to the first collapsed crumb; Escape closes it
+ * and returns focus to the button.
  */
 declare class BreadcrumbsComponent implements BreakpointInputs<BreadcrumbsInputs> {
     private readonly breakpointService;
@@ -10767,6 +10940,6 @@ declare function isValidTime(time: string | null | undefined): boolean;
  */
 declare function normalizeTime(input: string): string | null;
 
-export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, FormFieldExtraDirective, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HeadingWithIconComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, InfoTooltipComponent, InputGroupComponent, InputGroupPrefixDirective, InputGroupSuffixDirective, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LabelRowComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SearchComponent, SearchFooterActionsComponent, SearchFooterTemplateDirective, SearchSuggestionComponent, SearchSuggestionTemplateDirective, SelectComponent, SelectOptionTemplateDirective, SelectTooltipTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SkeletonBlockComponent, SkeletonComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FIELD_CONTEXT, TEDI_FORM_FIELD_CONTROL, TEDI_INPUT_GROUP, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TextareaComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, TruncateComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, controlDescribedBy, cookieSignal, createTablePersistence, deriveControlState, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, highlightParts, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
-export type { AccordionInputs, AlertRole, AlertSize, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, BreadcrumbsInputs, BreadcrumbsVariant, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CardRowDirection, CardRowInputs, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, ControlDescribedBy, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DerivedControlState, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FieldContext, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLanguageLabelPosition, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HeaderTopAlignment, HeaderTopInputs, HeadingLevel, HeadingModifiers, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputGroupContext, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, LabelVisuallyHidden, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, PopoverWidthPreset, ProgressBarAnnounce, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SearchButton, SearchHighlightPart, SearchSize, SearchSuggestionContext, SearchSuggestionView, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SkeletonBlockHeight, SkeletonBlockInputs, SkeletonBlockTextHeight, SkeletonBlockWidth, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableControlColumnOrder, TableExpandTrigger, TableFilterModalData, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, TextareaSize, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize, VirtualRow };
+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, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TextareaComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, TruncateComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, controlDescribedBy, cookieSignal, createTablePersistence, deriveControlState, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, highlightParts, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
+export type { AccordionInputs, AlertRole, AlertSize, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, BreadcrumbsInputs, BreadcrumbsVariant, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CardRowDirection, CardRowInputs, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, ControlDescribedBy, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DerivedControlState, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FieldContext, FilterOption, FilterSize, FilterVariant, 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, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, PopoverWidthPreset, ProgressBarAnnounce, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SearchButton, SearchHighlightPart, SearchSize, SearchSuggestionContext, SearchSuggestionView, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SkeletonBlockHeight, SkeletonBlockInputs, SkeletonBlockTextHeight, SkeletonBlockWidth, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableControlColumnOrder, TableExpandTrigger, TableFilterModalData, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, TextareaSize, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize, VirtualRow };
 //# sourceMappingURL=index.d.ts.map