@life-cockpit/angular-ui-kit 2.3.0 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@life-cockpit/angular-ui-kit",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "Life Cockpit Design System - Angular UI component library",
   "license": "MIT",
   "repository": {

package/types/life-cockpit-angular-ui-kit.d.ts

@@ -3870,8 +3870,53 @@ interface SelectionChangeEvent {
     selected: Record<string, unknown>[];
     allSelected: boolean;
 }
+/** Emitted when a parent (group) row is expanded or collapsed in tree mode. */
+interface RowToggleEvent {
+    id: string;
+    expanded: boolean;
+    row: Record<string, unknown>;
+}
+/**
+ * Configuration that enables hierarchical (tree / grouped) rows. Mirrors the
+ * discrete `idKey` / `parentKey` / `treeColumn` inputs and is exported for
+ * consumers that prefer to pass a single config object around.
+ */
+interface TableTreeConfig {
+    idKey: string;
+    parentKey: string;
+    treeColumn?: string;
+}
 type TableVariant = 'default' | 'striped' | 'bordered';
 type TableSize = 'sm' | 'md' | 'lg';
+/**
+ * Internal, render-ready view-model for a single visible table row. In flat
+ * mode every row is depth 0 with no tree adornments; in tree mode it carries
+ * the disclosure / indentation / aria metadata for the row.
+ */
+interface DisplayRow {
+    /** The underlying data object. */
+    row: Record<string, unknown>;
+    /**
+     * Absolute index used for selection, inline editing and action callbacks.
+     * Flat mode: the positional absolute index (page offset + relative index),
+     * preserving today's behavior. Tree mode: the row's index into `data()`.
+     */
+    absIndex: number;
+    /** Row id (tree mode only; `null` in flat mode). */
+    id: string | null;
+    /** Tree depth — 0 for roots and for every row in flat mode. */
+    depth: number;
+    /** 1-based depth, surfaced as `aria-level` in tree mode. */
+    level: number;
+    /** Whether this row has visible children (renders a chevron). */
+    hasChildren: boolean;
+    /** Whether this parent row is currently expanded. */
+    expanded: boolean;
+    /** 1-based position within its sibling group (`aria-posinset`). */
+    posInSet: number;
+    /** Size of its sibling group (`aria-setsize`). */
+    setSize: number;
+}
 /**
  * Table component for displaying structured data in rows and columns.
  *
@@ -3884,6 +3929,7 @@ type TableSize = 'sm' | 'md' | 'lg';
  * - Per-cell class/style callbacks for conditional styling
  * - Custom cell templates via content projection
  * - Composed cells (e.g. avatar + badge + actions)
+ * - Hierarchical "tree" rows (grouped / expandable) via `idKey` + `parentKey`
  * - Responsive horizontal scrolling
  * - Empty state text for no data
  * - Accessible with proper table semantics
@@ -3948,6 +3994,30 @@ declare class TableComponent {
     actionsWidth: _angular_core.InputSignal<string | undefined>;
     /** Horizontal alignment of the action buttons (and header label) within the cell */
     actionsAlign: _angular_core.InputSignal<TableActionsAlign>;
+    /**
+     * Row field holding the unique id. Required (together with {@link parentKey})
+     * to enable hierarchical "tree mode". Absent ⇒ today's flat table.
+     */
+    idKey: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Row field referencing the parent row's id. Presence of both `idKey` and
+     * `parentKey` enables tree mode. Rows with an absent/empty or unknown parent
+     * id are treated as roots.
+     */
+    parentKey: _angular_core.InputSignal<string | undefined>;
+    /** Column key the chevron + indentation attach to. Default: first column. */
+    treeColumn: _angular_core.InputSignal<string | undefined>;
+    /** Initial expand state for all parent rows when uncontrolled. Default: true. */
+    defaultExpanded: _angular_core.InputSignal<boolean>;
+    /**
+     * Controlled set of expanded parent ids. When provided, the table renders
+     * exactly these as expanded; combine with {@link expandedIdsChange} for
+     * `[(expandedIds)]`. When omitted, expansion is uncontrolled and seeded by
+     * {@link defaultExpanded}.
+     */
+    expandedIds: _angular_core.InputSignal<string[] | undefined>;
+    /** Indentation per depth level, in px. Default: 20. */
+    indentSize: _angular_core.InputSignal<number>;
     /** Emitted when a sortable column header is clicked */
     readonly sort: _angular_core.OutputEmitterRef<SortEvent>;
     /** Emitted when a row is clicked */
@@ -3958,11 +4028,19 @@ declare class TableComponent {
     readonly selectionChange: _angular_core.OutputEmitterRef<SelectionChangeEvent>;
     /** Emitted when a row action button is clicked */
     readonly actionClick: _angular_core.OutputEmitterRef<ActionClickEvent>;
+    /** Emitted when a parent row is expanded/collapsed (tree mode). */
+    readonly rowToggle: _angular_core.OutputEmitterRef<RowToggleEvent>;
+    /** Emitted with the full list of expanded parent ids; enables `[(expandedIds)]`. */
+    readonly expandedIdsChange: _angular_core.OutputEmitterRef<string[]>;
     protected currentSort: _angular_core.WritableSignal<{
         column: string;
         direction: "asc" | "desc";
     } | null>;
     protected currentPage: _angular_core.WritableSignal<number>;
+    /**
+     * Effective page size. Seeded from the `pageSize` input (resetting if it
+     * changes) and overridable by the user via the page-size dropdown.
+     */
     protected internalPageSize: _angular_core.WritableSignal<number>;
     protected selectedRows: _angular_core.WritableSignal<Set<number>>;
     protected columnFilters: _angular_core.WritableSignal<Record<string, string>>;
@@ -3971,21 +4049,50 @@ declare class TableComponent {
         column: string;
     } | null>;
     protected editValue: _angular_core.WritableSignal<string>;
+    /** User expand/collapse overrides keyed by row id (uncontrolled mode). */
+    private readonly expandOverrides;
     /**
      * Filtered data (applies column filters)
      */
     protected readonly filteredData: _angular_core.Signal<Record<string, unknown>[]>;
+    /** Comparator for the active sort, shared by flat sorting and tree sibling sorting. */
+    private rowComparator;
     /**
      * Sorted data
      */
     protected readonly sortedData: _angular_core.Signal<Record<string, unknown>[]>;
     /**
-     * Paginated data (or all if pagination disabled)
+     * Paginated data (or all if pagination disabled). Flat mode only.
      */
     protected readonly displayData: _angular_core.Signal<Record<string, unknown>[]>;
+    /** Whether hierarchical tree mode is active. */
+    protected readonly treeMode: _angular_core.Signal<boolean>;
+    /** Column the chevron + indentation attach to (defaults to the first column). */
+    protected readonly effectiveTreeColumn: _angular_core.Signal<string>;
+    /** Stable map of row object → its index in `data()` (row identity for tree mode). */
+    private readonly dataIndexMap;
+    /** Parent → ordered children index built from `idKey`/`parentKey`. */
+    private readonly treeBuild;
+    /**
+     * Tree restricted to rows that match the active filters together with their
+     * ancestor chain (so the path to a match stays visible).
+     */
+    private readonly treeFiltered;
+    /** Tree with each sibling group sorted by the active sort (structure kept intact). */
+    private readonly treeSorted;
+    /** Root rows after filter/sort — the unit of pagination in tree mode. */
+    private readonly treeRoots;
+    /**
+     * Render-ready rows. In flat mode this wraps the existing paginated data; in
+     * tree mode it paginates roots and flattens each visible (expanded) subtree.
+     */
+    protected readonly displayRows: _angular_core.Signal<DisplayRow[]>;
     /** Total pages */
     protected readonly totalPages: _angular_core.Signal<number>;
-    /** Total filtered row count */
+    /**
+     * Pagination row count. Tree mode counts root rows (the paginated unit); flat
+     * mode counts filtered rows.
+     */
     protected readonly totalRows: _angular_core.Signal<number>;
     /** Whether all visible rows are selected */
     protected readonly allSelected: _angular_core.Signal<boolean>;
@@ -4006,41 +4113,54 @@ declare class TableComponent {
     getAriaSort(columnKey: string): string | null;
     getHeaderClasses(column: TableColumn): string;
     getCellValue(row: Record<string, unknown>, columnKey: string): unknown;
-    getFormattedCellValue(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): unknown;
-    getCellClasses(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): string;
-    getCellStyles(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): Record<string, string> | null;
+    getFormattedCellValue(row: Record<string, unknown>, column: TableColumn, rowIndex: number): unknown;
+    getCellClasses(row: Record<string, unknown>, column: TableColumn, rowIndex: number): string;
+    getCellStyles(row: Record<string, unknown>, column: TableColumn, rowIndex: number): Record<string, string> | null;
+    /** Whether the given column is the disclosure/indent column in tree mode. */
+    protected isTreeColumn(columnKey: string): boolean;
+    /** Indent levels to render before a row's chevron (one guide per ancestor depth). */
+    protected indentLevels(depth: number): number[];
+    /** Accessible name for a row's disclosure button (the tree column's value). */
+    protected treeCellLabel(row: Record<string, unknown>): string;
     getCellTemplate(columnKey: string): TableCellDirective | undefined;
     hasCustomTemplate(columnKey: string): boolean;
     onRowClick(row: Record<string, unknown>): void;
     /** Whether the trailing actions column should be rendered */
     protected readonly hasActions: _angular_core.Signal<boolean>;
-    protected isActionHidden(action: TableAction, row: Record<string, unknown>, relativeRowIndex: number): boolean;
-    protected isActionDisabled(action: TableAction, row: Record<string, unknown>, relativeRowIndex: number): boolean;
+    protected isActionHidden(action: TableAction, row: Record<string, unknown>, rowIndex: number): boolean;
+    protected isActionDisabled(action: TableAction, row: Record<string, unknown>, rowIndex: number): boolean;
     /**
      * Handles an action button click. The DOM click is stopped from propagating
      * (see template `$event.stopPropagation()`), so the row's `rowClick` never fires.
      */
-    protected onActionClick(action: TableAction, row: Record<string, unknown>, relativeRowIndex: number): void;
+    protected onActionClick(action: TableAction, row: Record<string, unknown>, rowIndex: number): void;
+    /** Whether the parent row with the given id is currently expanded. */
+    protected isExpanded(id: string): boolean;
+    /** Chevron click: toggle expand state without triggering the row click. */
+    protected onChevronClick(displayRow: DisplayRow, event: Event): void;
+    private toggleRow;
+    /** The full list of expanded parent ids after applying a single toggle. */
+    private nextExpandedIds;
     protected goToPage(page: number): void;
     protected onPageSizeChange(event: Event): void;
     protected onPageSizeModelChange(value: string | number | null): void;
     protected get paginationStart(): number;
     protected get paginationEnd(): number;
     protected toggleSelectAll(): void;
-    protected toggleRowSelect(relativeIndex: number): void;
-    protected isRowSelected(relativeIndex: number): boolean;
+    protected toggleRowSelect(absIndex: number): void;
+    protected isRowSelected(absIndex: number): boolean;
     private getAbsoluteIndex;
     private emitSelectionChange;
     protected onFilterChange(columnKey: string, value: string): void;
     protected getFilterValue(columnKey: string): string;
-    protected startEdit(rowIndex: number, column: string, currentValue: unknown): void;
-    protected isEditing(rowIndex: number, column: string): boolean;
-    protected commitEdit(rowIndex: number, column: string): void;
+    protected startEdit(absIndex: number, column: string, currentValue: unknown): void;
+    protected isEditing(absIndex: number, column: string): boolean;
+    protected commitEdit(absIndex: number, column: string): void;
     protected cancelEdit(): void;
-    protected onEditKeydown(event: KeyboardEvent, rowIndex: number, column: string): void;
+    protected onEditKeydown(event: KeyboardEvent, absIndex: number, column: string): void;
     protected getInputValue(event: Event): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "lc-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "paginate": { "alias": "paginate"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLabel": { "alias": "actionsLabel"; "required": false; "isSignal": true; }; "actionsWidth": { "alias": "actionsWidth"; "required": false; "isSignal": true; }; "actionsAlign": { "alias": "actionsAlign"; "required": false; "isSignal": true; }; }, { "sort": "sort"; "rowClick": "rowClick"; "cellEdit": "cellEdit"; "selectionChange": "selectionChange"; "actionClick": "actionClick"; }, ["cellTemplates"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "lc-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "paginate": { "alias": "paginate"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLabel": { "alias": "actionsLabel"; "required": false; "isSignal": true; }; "actionsWidth": { "alias": "actionsWidth"; "required": false; "isSignal": true; }; "actionsAlign": { "alias": "actionsAlign"; "required": false; "isSignal": true; }; "idKey": { "alias": "idKey"; "required": false; "isSignal": true; }; "parentKey": { "alias": "parentKey"; "required": false; "isSignal": true; }; "treeColumn": { "alias": "treeColumn"; "required": false; "isSignal": true; }; "defaultExpanded": { "alias": "defaultExpanded"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; }, { "sort": "sort"; "rowClick": "rowClick"; "cellEdit": "cellEdit"; "selectionChange": "selectionChange"; "actionClick": "actionClick"; "rowToggle": "rowToggle"; "expandedIdsChange": "expandedIdsChange"; }, ["cellTemplates"], never, true, never>;
 }
 
 /**
@@ -7051,4 +7171,4 @@ declare class StageListComponent {
 }
 
 export { AccordionComponent, AccordionGroupComponent, AlertComponent, AnimationDurationFast, AnimationEasingEaseIn, AnimationEasingEaseInOut, AnimationEasingEaseOut, AreaChartComponent, AvatarComponent, AvatarGroupComponent, BadgeComponent, BarChartComponent, BorderRadius2xl, BorderRadiusFull, BorderRadiusLg, BorderRadiusMd, BorderRadiusNone, BorderRadiusSm, BorderRadiusXl, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CalloutComponent, CardComponent, ChatComponent, CheckboxComponent, ChipComponent, CodeBlockComponent, ColorAccentOrange, ColorAccentPurple, ColorAccentRed, ColorAccentRust, ColorAccentViolet, ColorBackgroundDark, ColorErrorDark, ColorErrorDefault, ColorErrorLight, ColorInfoDark, ColorInfoDefault, ColorInfoLight, ColorNeutral100, ColorNeutral200, ColorNeutral300, ColorNeutral400, ColorNeutral50, ColorNeutral500, ColorNeutral600, ColorNeutral700, ColorNeutral800, ColorNeutral900, ColorPickerComponent, ColorPrimary100, ColorPrimary200, ColorPrimary300, ColorPrimary400, ColorPrimary50, ColorPrimary500, ColorPrimary600, ColorPrimary700, ColorPrimary800, ColorPrimary900, ColorSecondary100, ColorSecondary200, ColorSecondary300, ColorSecondary400, ColorSecondary50, ColorSecondary500, ColorSecondary600, ColorSecondary700, ColorSecondary800, ColorSecondary900, ColorSuccessDark, ColorSuccessDefault, ColorSuccessLight, ColorSurfaceDarkBase, ColorSurfaceDarkRaised, ColorSurfaceDarkSunken, ColorTextDarkPrimary, ColorTextDarkSecondary, ColorTextDarkTertiary, ColorWarningDark, ColorWarningDefault, ColorWarningLight, ComboboxComponent, ConfirmDialogComponent, ConfirmService, ContainerComponent, DateRangePickerComponent, DatepickerComponent, DependencyViewerComponent, DiffViewerComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, Elevation1, Elevation2, Elevation3, Elevation4, EmailInputComponent, EmptyStateComponent, ErrorDisplayComponent, FILE_FALLBACK_ICON, FOLDER_ICON, FOLDER_OPEN_ICON, FieldGroupComponent, FileUploadComponent, FilterBarComponent, FooterComponent, FunnelChartComponent, GalleryComponent, GanttChartComponent, GaugeComponent, HeaderComponent, HeatmapComponent, HeroComponent, IconComponent, InputComponent, KanbanBoardComponent, LC_LOGO_BASE_PATH, LineChartComponent, ListComponent, ListItemTemplateDirective, LogViewerComponent, LogoComponent, MarkdownComponent, MenuComponent, ModalComponent, NotificationCenterComponent, NumberInputComponent, PageHeaderComponent, PageLayoutComponent, PaginationComponent, PasswordInputComponent, PieChartComponent, PopoverComponent, ProgressBarComponent, ProgressRingComponent, RadarChartComponent, RadioComponent, RatingComponent, RichTextEditorComponent, ScatterPlotComponent, SearchInputComponent, SectionComponent, SelectComponent, SidenavComponent, SizeInteractiveLgFontSize, SizeInteractiveLgHeight, SizeInteractiveLgPadding, SizeInteractiveMdFontSize, SizeInteractiveMdHeight, SizeInteractiveMdPadding, SizeInteractiveSmFontSize, SizeInteractiveSmHeight, SizeInteractiveSmPadding, SizeInteractiveXsFontSize, SizeInteractiveXsHeight, SizeInteractiveXsPadding, SizeMinTouchHeight, SizeMinTouchWidth, SkeletonComponent, SliderComponent, SpacerComponent, Spacing0, Spacing05, Spacing1, Spacing10, Spacing11, Spacing12, Spacing14, Spacing15, Spacing16, Spacing2, Spacing25, Spacing3, Spacing35, Spacing4, Spacing5, Spacing6, Spacing7, Spacing8, Spacing9, SparklineComponent, SpinnerComponent, StackComponent, StackedBarChartComponent, StageListComponent, StatTrendComponent, StepperComponent, SwitchComponent, TabComponent, TableCellDirective, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, ThemeService, TimelineComponent, ToastComponent, ToastService, ToggleGroupComponent, ToolbarComponent, TooltipContentComponent, TooltipDirective, TreeViewComponent, TypographyComponent, TypographyFontFamilyBase, TypographyFontFamilyMono, TypographyFontSize2xl, TypographyFontSize3xl, TypographyFontSize4xl, TypographyFontSize5xl, TypographyFontSize6xl, TypographyFontSizeBase, TypographyFontSizeLg, TypographyFontSizeSm, TypographyFontSizeXl, TypographyFontSizeXs, TypographyFontWeightBold, TypographyFontWeightMedium, TypographyFontWeightNormal, TypographyFontWeightSemibold, TypographyLineHeightNormal, TypographyLineHeightRelaxed, TypographyLineHeightTight, VerificationCodeInputComponent, WaterfallChartComponent, resolveFileIcon };
-export type { ActionClickEvent, AlertVariant, AreaChartSeries, AvatarGroupItem, AvatarSize, AvatarStatus, BadgeSize, BadgeVariant, BarChartItem, BarChartOrientation, BreadcrumbItem, BreadcrumbSize, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarView, CalloutVariant, CellEditEvent, ChatAttachment, ChatFileAttachEvent, ChatMessage, ChatMessageRole, ChatMessageStatus, ChatRenderMarkdown, ChatSendEvent, CheckboxSize, ChipSize, ChipVariant, CodeBlockLanguage, ComboboxOption, ComboboxSize, ComboboxValue, ConfirmDialogVariant, ConfirmOptions, ContainerSize, DateRange, DateValue, DependencyDirection, DependencyEdgeDef, DependencyNode, DependencyNodeStatus, DependencyRelation, DiffViewMode, DividerOrientation, DividerSpacing, DividerVariant, DocumentType, DonutChartSize, DonutSegment, DrawerPosition, DrawerSize, EmptyStateSize, ErrorSeverity, FileUploadFile, FilterConfig, FilterOption, FilterValues, FooterLink, FooterSection, FooterVariant, FunnelStep, GalleryItem, GalleryLayout, GallerySize, GanttDependency, GanttTask, GaugeColor, GaugeSize, HeatmapCell, HeroColor, HeroSize, HeroVariant, IconSize, IconVariant, KanbanCard, KanbanColumn, KanbanLabel, KanbanMoveEvent, LineChartSeries, ListItem, ListOrientation, ListSize, ListVariant, LogLevel, LogLine, LogViewerVariant, MarkdownHeading, MarkdownLinkClick, MarkdownRendered, MenuItem, ModalSize, NavigationItem, Notification, NotificationPriority, NotificationType, PageLayoutFill, PaginationSize, PasswordRequirement, PasswordStrength, PieChartSize, PieSegment, PopoverPosition, PopoverTrigger, ProgressBarColor, ProgressBarSize, ProgressBarVariant, ProgressRingColor, ProgressRingSize, RadarChartSeries, RadioSize, RatingSize, RenderPart, RequireTextConfig, RichTextEditorMode, ScatterPoint, ScatterSeries, SearchInputSize, SectionBackground, SectionSpacing, SelectOption, SelectOptionGroup, SelectValue, SelectionChangeEvent, SidenavMode, SidenavPosition, SkeletonVariant, SortEvent, SpacerSize, SparklineColor, SparklineCurve, SpinnerSize, StackAlign, StackDirection, StackGap, StackJustify, StackedBarCategory, StackedBarLegend, StackedBarOrientation, StageItem, StageListSize, StatTrendDirection, StepState, StepperStep, TabOrientation, TableAction, TableActionsAlign, TableColumn, TableSize, TableVariant, ThemeConfig, ThemeMode, ThemeState, TimelineItem, TimelineOrientation, Toast, ToastAction, ToastConfig, ToastPosition, ToastVariant, ToggleOption, ToolbarAction, ToolbarConfig, TooltipPosition, TreeNode, TreeNodeType, WaterfallItem };
+export type { ActionClickEvent, AlertVariant, AreaChartSeries, AvatarGroupItem, AvatarSize, AvatarStatus, BadgeSize, BadgeVariant, BarChartItem, BarChartOrientation, BreadcrumbItem, BreadcrumbSize, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarView, CalloutVariant, CellEditEvent, ChatAttachment, ChatFileAttachEvent, ChatMessage, ChatMessageRole, ChatMessageStatus, ChatRenderMarkdown, ChatSendEvent, CheckboxSize, ChipSize, ChipVariant, CodeBlockLanguage, ComboboxOption, ComboboxSize, ComboboxValue, ConfirmDialogVariant, ConfirmOptions, ContainerSize, DateRange, DateValue, DependencyDirection, DependencyEdgeDef, DependencyNode, DependencyNodeStatus, DependencyRelation, DiffViewMode, DividerOrientation, DividerSpacing, DividerVariant, DocumentType, DonutChartSize, DonutSegment, DrawerPosition, DrawerSize, EmptyStateSize, ErrorSeverity, FileUploadFile, FilterConfig, FilterOption, FilterValues, FooterLink, FooterSection, FooterVariant, FunnelStep, GalleryItem, GalleryLayout, GallerySize, GanttDependency, GanttTask, GaugeColor, GaugeSize, HeatmapCell, HeroColor, HeroSize, HeroVariant, IconSize, IconVariant, KanbanCard, KanbanColumn, KanbanLabel, KanbanMoveEvent, LineChartSeries, ListItem, ListOrientation, ListSize, ListVariant, LogLevel, LogLine, LogViewerVariant, MarkdownHeading, MarkdownLinkClick, MarkdownRendered, MenuItem, ModalSize, NavigationItem, Notification, NotificationPriority, NotificationType, PageLayoutFill, PaginationSize, PasswordRequirement, PasswordStrength, PieChartSize, PieSegment, PopoverPosition, PopoverTrigger, ProgressBarColor, ProgressBarSize, ProgressBarVariant, ProgressRingColor, ProgressRingSize, RadarChartSeries, RadioSize, RatingSize, RenderPart, RequireTextConfig, RichTextEditorMode, RowToggleEvent, ScatterPoint, ScatterSeries, SearchInputSize, SectionBackground, SectionSpacing, SelectOption, SelectOptionGroup, SelectValue, SelectionChangeEvent, SidenavMode, SidenavPosition, SkeletonVariant, SortEvent, SpacerSize, SparklineColor, SparklineCurve, SpinnerSize, StackAlign, StackDirection, StackGap, StackJustify, StackedBarCategory, StackedBarLegend, StackedBarOrientation, StageItem, StageListSize, StatTrendDirection, StepState, StepperStep, TabOrientation, TableAction, TableActionsAlign, TableColumn, TableSize, TableTreeConfig, TableVariant, ThemeConfig, ThemeMode, ThemeState, TimelineItem, TimelineOrientation, Toast, ToastAction, ToastConfig, ToastPosition, ToastVariant, ToggleOption, ToolbarAction, ToolbarConfig, TooltipPosition, TreeNode, TreeNodeType, WaterfallItem };