@life-cockpit/angular-ui-kit 2.15.0 → 2.16.0

package/package.json

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

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

@@ -6443,6 +6443,24 @@ declare class GalleryComponent implements OnDestroy {
 type DependencyNodeStatus = 'default' | 'active' | 'success' | 'warning' | 'error' | 'muted';
 type DependencyDirection = 'horizontal' | 'vertical';
 type DependencyRelation = 'depends' | 'blocks' | 'references' | 'requires' | 'extends' | 'implements' | 'uses';
+/**
+ * How nodes are placed.
+ *
+ * - `tree` — column = depth in the `children` tree; `dependsOn` links are drawn
+ *   over the top as cross-references and don't move anything.
+ * - `layered` — column = depth in the *dependency* graph (Sugiyama). Every link is
+ *   a precedence constraint, so a node always sits past everything it depends on.
+ */
+type DependencyLayout = 'tree' | 'layered';
+/**
+ * How the graph is scaled into the frame.
+ *
+ * - `none` — no fitting; the viewport is whatever the user panned/zoomed to.
+ * - `contain` — shrink until all of it fits, both axes.
+ * - `fit-width` — shrink to the frame's *width* only and let the viewer grow
+ *   taller, so the page scrolls instead of the nodes shrinking out of legibility.
+ */
+type DependencyFitMode = 'none' | 'contain' | 'fit-width';
 interface DependencyEdgeDef {
     /** Target node id */
     id: string;
@@ -6519,7 +6537,10 @@ interface LayoutEdge {
     labelY: number;
     color: string;
     dashed: boolean;
+    /** Draws it as a secondary link: dimmed, and out of the layout's main flow. */
     isCrossRef: boolean;
+    /** Whether to cap the edge with an arrowhead. */
+    arrow: boolean;
     /** Arrow marker id suffix — always a known relation, so the marker resolves */
     marker: DependencyRelation;
 }
@@ -6527,6 +6548,8 @@ interface LayoutEdge {
  * Dependency viewer component for visualizing hierarchical and cross-cutting relationships.
  *
  * Features:
+ * - Tree layout (depth in the `children` nesting) and layered/DAG layout (depth in
+ *   the dependency graph), via `layout`
  * - Horizontal (left-to-right) and vertical (top-to-bottom) layout directions
  * - Bidirectional dependencies: children (right/down) and dependsOn (cross-references)
  * - Relationship types: depends, blocks, references, requires, extends, implements, uses
@@ -6535,7 +6558,8 @@ interface LayoutEdge {
  * - Color-coded edges per relationship type
  * - Node status colors (default, active, success, warning, error, muted)
  * - Pan and zoom controls with mouse wheel support
- * - Auto-fit (`autoFit`) and a static, non-navigable mode (`interactive: false`)
+ * - Fitting (`fitMode` / `autoFit`, `minNodeSize`) and a static, non-navigable
+ *   mode (`interactive: false`)
  * - Collapsible sub-trees
  * - Interactive node selection with detail panel
  * - Legend showing active relationship types
@@ -6544,11 +6568,24 @@ interface LayoutEdge {
  *
  * ## Feeding it a graph
  *
- * `root` is a *tree*, but the input is treated as a graph: a link back to a node
- * that already has a place in the layout — a cycle, or a node reached from a
- * second parent — is drawn as a cross-reference arrow instead of being followed.
- * Every node is laid out exactly once, and no input can make the layout recurse
- * forever.
+ * `root` takes a single node (a tree) or an array (a forest — the shape to use for
+ * a flat set of items related only by `dependsOn`). Either way the input is treated
+ * as a graph: a link back to a node that already has a place in the layout — a
+ * cycle, or a node reached from a second parent — is drawn as a cross-reference
+ * arrow instead of being followed. Every node is laid out exactly once, and no
+ * input can make the layout recurse forever.
+ *
+ * ## Picking a layout
+ *
+ * `tree` (default) answers "what contains what": the column is the depth in the
+ * `children` nesting, and `dependsOn` links are drawn over the top without moving
+ * anything.
+ *
+ * `layered` answers "what has to happen first": the column is the depth in the
+ * dependency graph, so a node always sits past everything it depends on. Reach for
+ * it whenever the question is about order or impact rather than containment —
+ * a tree layout can only approximate that by first reducing the graph to a
+ * spanning tree, which throws away every link that doesn't fit one parent per node.
  *
  * For incremental exploration, hand in a wider `root` per step and let
  * `nodeExpand` drive the loading. Pan, zoom, collapse state and selection all
@@ -6560,6 +6597,17 @@ interface LayoutEdge {
  * <lc-dependency-viewer [root]="specTree" direction="horizontal" />
  * ```
  *
+ * @example Order of work — a flat set of items, laid out by their dependencies
+ * ```html
+ * <lc-dependency-viewer
+ *   [root]="items()"
+ *   layout="layered"
+ *   direction="horizontal"
+ *   fitMode="fit-width"
+ *   (nodeSelect)="openItem($event)"
+ * />
+ * ```
+ *
  * @example Static overview — the whole graph at a glance, click-through only
  * ```html
  * <lc-dependency-viewer
@@ -6583,9 +6631,28 @@ interface LayoutEdge {
  * ```
  */
 declare class DependencyViewerComponent {
-    readonly root: _angular_core.InputSignal<DependencyNode>;
+    /**
+     * The graph to draw. A single node is the root of a tree; an array is a forest,
+     * which is how you feed a flat set of items that has no natural root — e.g. the
+     * specs of a plan, related only by `dependsOn`.
+     */
+    readonly root: _angular_core.InputSignal<DependencyNode | DependencyNode[]>;
     readonly direction: _angular_core.InputSignal<DependencyDirection>;
     readonly height: _angular_core.InputSignal<string>;
+    /**
+     * `tree` (default) places nodes by their depth in the `children` nesting, and
+     * draws `dependsOn` links over the top as cross-references.
+     *
+     * `layered` places them by their depth in the *dependency* graph: a node always
+     * sits past everything it depends on, transitively, and nodes that depend on
+     * nothing start the first layer. That makes `direction="horizontal"` read as an
+     * order of work — left to right — which a tree layout can only approximate by
+     * first throwing away every link that doesn't fit a single-parent hierarchy.
+     *
+     * Use `layered` for process, sequencing and impact views; `tree` for containment
+     * hierarchies, where the nesting *is* the structure.
+     */
+    readonly layout: _angular_core.InputSignal<DependencyLayout>;
     readonly showToolbar: _angular_core.InputSignal<boolean>;
     readonly showEdgeLabels: _angular_core.InputSignal<boolean>;
     readonly edgeWidth: _angular_core.InputSignal<number>;
@@ -6598,8 +6665,29 @@ declare class DependencyViewerComponent {
      * natural size instead of ballooning to fill the frame.
      *
      * Pair with `interactive: false` for a purely static display.
+     *
+     * Shorthand for `fitMode="contain"`, which supersedes it.
      */
     readonly autoFit: _angular_core.InputSignal<boolean>;
+    /**
+     * How the graph is scaled into the frame. Defaults to `autoFit`'s setting —
+     * `contain` when it is on, `none` when it isn't — and overrides it when set.
+     *
+     * `contain` fits both axes, so everything is visible at once but a big graph
+     * shrinks to get there. `fit-width` fits the width only and lets the viewer grow
+     * as tall as the graph needs, so the nodes keep a readable size and the *page*
+     * scrolls; the graph itself never scrolls internally. Past roughly 20 nodes a
+     * process view generally wants `fit-width`.
+     */
+    readonly fitMode: _angular_core.InputSignal<DependencyFitMode | null>;
+    /**
+     * Smallest node width, in px, that fitting may shrink to. Below it the fit stops
+     * scaling down and lets the graph overflow instead — which `fit-width` turns into
+     * page scroll, and `contain` into clipping. Pair it with `fit-width`.
+     *
+     * Nodes are 160px wide unscaled, so e.g. `80` allows shrinking to half size.
+     */
+    readonly minNodeSize: _angular_core.InputSignal<number | null>;
     /**
      * Viewport navigation: drag-to-pan, wheel-zoom and the toolbar's zoom buttons.
      * `false` freezes the viewport — node selection, expansion and collapse keep
@@ -6634,15 +6722,44 @@ declare class DependencyViewerComponent {
     private readonly canvasRef;
     /** Last known layout position of the anchor, to compensate pan after a relayout. */
     private anchorPos;
-    protected effectiveRoot: _angular_core.Signal<DependencyNode>;
+    private roots;
+    protected effectiveRoots: _angular_core.Signal<DependencyNode[]>;
     private allOriginalNodes;
-    protected layout: _angular_core.Signal<{
+    /**
+     * The laid-out graph. Named `graph` rather than `layout` because `layout` is the
+     * input that picks *how* it gets laid out.
+     */
+    protected graph: _angular_core.Signal<{
         nodes: LayoutNode[];
         edges: LayoutEdge[];
         nodeMap: Map<string, LayoutNode>;
         width: number;
         height: number;
     }>;
+    /**
+     * Tree layout over the forest: each root gets its own band along the secondary
+     * axis. A `visited` set shared by all of them keeps a node that hangs off two
+     * roots from being laid out twice — the second link becomes a cross-reference,
+     * exactly as a second parent within one tree does.
+     */
+    private layoutTree;
+    /**
+     * Height `fit-width` derived from the graph, or `null` under any other mode.
+     *
+     * `fit-width` scales to the frame's width and lets the height follow the graph,
+     * so a tall graph runs past the frame and the *page* scrolls instead of the nodes
+     * shrinking out of legibility. The height is therefore always the graph's, never
+     * the frame's — including when the graph is the shorter of the two. Deriving it
+     * unconditionally is also what keeps the fit stable: this height becomes the
+     * canvas's, so a fit that consulted the canvas height would be reading back its
+     * own last output and could flip between two answers forever.
+     */
+    protected contentHeight: _angular_core.WritableSignal<number | null>;
+    protected effectiveFitMode: _angular_core.Signal<DependencyFitMode>;
+    /** The host only gives up its configured height when the fit made it grow. */
+    protected hostHeight: _angular_core.Signal<string>;
+    /** `minNodeSize` expressed as the scale it forbids fitting to go below. */
+    private minFitScale;
     constructor();
     protected svgWidth: _angular_core.Signal<number>;
     protected svgHeight: _angular_core.Signal<number>;
@@ -6674,11 +6791,11 @@ declare class DependencyViewerComponent {
     /** Centres the viewport on a node. No-op for an id that isn't laid out. */
     focusNode(id: string): void;
     /**
-     * Scales and centres the graph so all of it fits the canvas. Called for you when
-     * `autoFit` is set; public so a caller can fit on demand without it.
+     * Scales and centres the graph to fit the canvas, per `fitMode`. Called for you
+     * when fitting is on; public so a caller can fit on demand without it.
      *
      * No-op while the canvas has no size (before the first render, or in a detached
-     * / `display: none` container) — the `autoFit` observers re-run once it does.
+     * / `display: none` container) — the fit observers re-run once it does.
      */
     fit(): void;
     /**
@@ -6711,7 +6828,7 @@ declare class DependencyViewerComponent {
     protected getNodeBorder(node: LayoutNode): string;
     protected getNodeText(node: LayoutNode): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DependencyViewerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DependencyViewerComponent, "lc-dependency-viewer", never, { "root": { "alias": "root"; "required": true; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showEdgeLabels": { "alias": "showEdgeLabels"; "required": false; "isSignal": true; }; "edgeWidth": { "alias": "edgeWidth"; "required": false; "isSignal": true; }; "autoFit": { "alias": "autoFit"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "anchorNodeId": { "alias": "anchorNodeId"; "required": false; "isSignal": true; }; "typeColors": { "alias": "typeColors"; "required": false; "isSignal": true; }; "hiddenRelations": { "alias": "hiddenRelations"; "required": false; "isSignal": true; }; "hiddenTypes": { "alias": "hiddenTypes"; "required": false; "isSignal": true; }; }, { "nodeSelect": "nodeSelect"; "nodeExpand": "nodeExpand"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DependencyViewerComponent, "lc-dependency-viewer", never, { "root": { "alias": "root"; "required": true; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showEdgeLabels": { "alias": "showEdgeLabels"; "required": false; "isSignal": true; }; "edgeWidth": { "alias": "edgeWidth"; "required": false; "isSignal": true; }; "autoFit": { "alias": "autoFit"; "required": false; "isSignal": true; }; "fitMode": { "alias": "fitMode"; "required": false; "isSignal": true; }; "minNodeSize": { "alias": "minNodeSize"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "anchorNodeId": { "alias": "anchorNodeId"; "required": false; "isSignal": true; }; "typeColors": { "alias": "typeColors"; "required": false; "isSignal": true; }; "hiddenRelations": { "alias": "hiddenRelations"; "required": false; "isSignal": true; }; "hiddenTypes": { "alias": "hiddenTypes"; "required": false; "isSignal": true; }; }, { "nodeSelect": "nodeSelect"; "nodeExpand": "nodeExpand"; }, never, never, true, never>;
 }
 
 /**
@@ -7979,4 +8096,4 @@ declare class PipelineComponent {
 }
 
 export { AccordionComponent, AccordionContentDirective, AccordionGroupComponent, AccordionHeaderDirective, 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, ColorSidebarDark, ColorSuccessDark, ColorSuccessDefault, ColorSuccessLight, ColorSurfaceDarkBase, ColorSurfaceDarkRaised, ColorSurfaceDarkSunken, ColorTextDarkPrimary, ColorTextDarkSecondary, ColorTextDarkTertiary, ColorWarningDark, ColorWarningDefault, ColorWarningLight, ComboboxComponent, ConfirmDialogComponent, ConfirmService, ContainerComponent, DateRangePickerComponent, DatepickerComponent, DependencyViewerComponent, DescriptionListComponent, 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, ICON_ALIASES, ICON_NAMES, IconComponent, InputComponent, KanbanBoardComponent, LC_LOGO_BASE_PATH, LineChartComponent, ListComponent, ListItemTemplateDirective, LogViewerComponent, LogoComponent, MarkdownComponent, MenuComponent, ModalComponent, NotificationCenterComponent, NumberInputComponent, PageHeaderComponent, PageLayoutComponent, PaginationComponent, PasswordInputComponent, PieChartComponent, PipelineComponent, PopoverComponent, ProgressBarComponent, ProgressRingComponent, RadarChartComponent, RadioComponent, RatingComponent, RichTextEditorComponent, ScatterPlotComponent, SearchInputComponent, SectionComponent, SelectComponent, SidenavComponent, SizeContentMaxWidth, 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, SplitPaneComponent, 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, isValidIconName, resetIconWarnings, resolveFileIcon };
-export type { AccordionChevronPosition, 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, DescriptionListEmphasis, DescriptionListItem, DescriptionListLayout, DescriptionListSeparator, DescriptionListSize, 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, IconName, IconSize, IconVariant, KanbanCard, KanbanColumn, KanbanLabel, KanbanMoveEvent, LineChartSeries, ListItem, ListOrientation, ListSize, ListVariant, LogLevel, LogLine, LogViewerVariant, MarkdownChangesHighlighted, MarkdownHeading, MarkdownLinkClick, MarkdownRendered, MenuItem, ModalSize, NavigationItem, Notification, NotificationPriority, NotificationType, PageLayoutContentWidth, PageLayoutFill, PaginationSize, PasswordRequirement, PasswordStrength, PieChartSize, PieSegment, PipelineOrientation, PipelineSize, PipelineStatus, PipelineStep, 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, ToggleOptionDot, ToolbarAction, ToolbarConfig, TooltipPosition, TreeNode, TreeNodeStatus, TreeNodeType, WaterfallItem };
+export type { AccordionChevronPosition, 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, DependencyFitMode, DependencyLayout, DependencyNode, DependencyNodeStatus, DependencyRelation, DescriptionListEmphasis, DescriptionListItem, DescriptionListLayout, DescriptionListSeparator, DescriptionListSize, 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, IconName, IconSize, IconVariant, KanbanCard, KanbanColumn, KanbanLabel, KanbanMoveEvent, LineChartSeries, ListItem, ListOrientation, ListSize, ListVariant, LogLevel, LogLine, LogViewerVariant, MarkdownChangesHighlighted, MarkdownHeading, MarkdownLinkClick, MarkdownRendered, MenuItem, ModalSize, NavigationItem, Notification, NotificationPriority, NotificationType, PageLayoutContentWidth, PageLayoutFill, PaginationSize, PasswordRequirement, PasswordStrength, PieChartSize, PieSegment, PipelineOrientation, PipelineSize, PipelineStatus, PipelineStep, 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, ToggleOptionDot, ToolbarAction, ToolbarConfig, TooltipPosition, TreeNode, TreeNodeStatus, TreeNodeType, WaterfallItem };