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

package/package.json

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

package/tedi/index.d.ts

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