@life-cockpit/angular-ui-kit 2.12.0 → 2.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -2641,6 +2641,98 @@ declare class SpacerComponent {
|
|
|
2641
2641
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpacerComponent, "lc-spacer", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2642
2642
|
}
|
|
2643
2643
|
|
|
2644
|
+
/**
|
|
2645
|
+
* Resizable two-pane layout container.
|
|
2646
|
+
*
|
|
2647
|
+
* Projects two panes (`slot="start"`, `slot="end"`) side by side with a
|
|
2648
|
+
* draggable separator in between. The start pane has a fixed, user-adjustable
|
|
2649
|
+
* width; the end pane fills the remaining space.
|
|
2650
|
+
*
|
|
2651
|
+
* Features:
|
|
2652
|
+
* - Drag the separator with mouse / touch (pointer capture), bounded by
|
|
2653
|
+
* `minSize` / `maxSize` (px or percentage of the container)
|
|
2654
|
+
* - Double-click the separator to restore `initialSize`
|
|
2655
|
+
* - Keyboard resizing: focusable separator, ←/→ adjust by `step`,
|
|
2656
|
+
* Home/End jump to min/max (`role="separator"`, `aria-valuenow`)
|
|
2657
|
+
* - Optional persistence: with `storageKey`, the width survives a reload
|
|
2658
|
+
* - Below the `stackBelow` viewport breakpoint the panes stack vertically
|
|
2659
|
+
* and the resizer is disabled
|
|
2660
|
+
*
|
|
2661
|
+
* @example
|
|
2662
|
+
* ```html
|
|
2663
|
+
* <lc-split-pane
|
|
2664
|
+
* [initialSize]="360"
|
|
2665
|
+
* [minSize]="280"
|
|
2666
|
+
* [maxSize]="'55%'"
|
|
2667
|
+
* storageKey="sidebar-width"
|
|
2668
|
+
* (sizeChange)="onWidthChange($event)"
|
|
2669
|
+
* >
|
|
2670
|
+
* <div slot="start">…</div>
|
|
2671
|
+
* <div slot="end">…</div>
|
|
2672
|
+
* </lc-split-pane>
|
|
2673
|
+
* ```
|
|
2674
|
+
*/
|
|
2675
|
+
declare class SplitPaneComponent implements OnInit {
|
|
2676
|
+
/** Initial width of the start pane in px. Restored on separator double-click. */
|
|
2677
|
+
readonly initialSize: _angular_core.InputSignal<number>;
|
|
2678
|
+
/** Minimum width of the start pane in px. */
|
|
2679
|
+
readonly minSize: _angular_core.InputSignal<number>;
|
|
2680
|
+
/**
|
|
2681
|
+
* Maximum width of the start pane: a number (px) or a percentage string
|
|
2682
|
+
* such as `'55%'` (relative to the container width). `null` = no limit
|
|
2683
|
+
* beyond the container itself.
|
|
2684
|
+
*/
|
|
2685
|
+
readonly maxSize: _angular_core.InputSignal<string | number | null>;
|
|
2686
|
+
/**
|
|
2687
|
+
* When set, the current width is persisted to localStorage under this key
|
|
2688
|
+
* and restored on the next init.
|
|
2689
|
+
*/
|
|
2690
|
+
readonly storageKey: _angular_core.InputSignal<string | undefined>;
|
|
2691
|
+
/** Step in px for keyboard resizing (←/→ on the focused separator). */
|
|
2692
|
+
readonly step: _angular_core.InputSignal<number>;
|
|
2693
|
+
/**
|
|
2694
|
+
* Viewport width in px below which the panes stack vertically and the
|
|
2695
|
+
* resizer is disabled. `0` disables stacking.
|
|
2696
|
+
*/
|
|
2697
|
+
readonly stackBelow: _angular_core.InputSignal<number>;
|
|
2698
|
+
/** Accessible label for the separator. */
|
|
2699
|
+
readonly separatorLabel: _angular_core.InputSignal<string>;
|
|
2700
|
+
/** Emitted whenever the start-pane width changes (drag, keyboard, reset). */
|
|
2701
|
+
readonly sizeChange: _angular_core.OutputEmitterRef<number>;
|
|
2702
|
+
private readonly host;
|
|
2703
|
+
private readonly destroyRef;
|
|
2704
|
+
/** Requested start-pane width; clamped to min/max for rendering. */
|
|
2705
|
+
private readonly size;
|
|
2706
|
+
/** Container width, tracked so percentage `maxSize` stays responsive. */
|
|
2707
|
+
private readonly containerWidth;
|
|
2708
|
+
/** Whether the panes are stacked (viewport below `stackBelow`). */
|
|
2709
|
+
protected readonly stacked: _angular_core.WritableSignal<boolean>;
|
|
2710
|
+
private dragPointerId;
|
|
2711
|
+
private dragStartX;
|
|
2712
|
+
private dragStartSize;
|
|
2713
|
+
/** Clamped width actually applied to the start pane. */
|
|
2714
|
+
protected readonly effectiveSize: _angular_core.Signal<number>;
|
|
2715
|
+
/** Resolved max in px for aria-valuemax; null when unbounded. */
|
|
2716
|
+
protected readonly ariaMax: _angular_core.Signal<number | null>;
|
|
2717
|
+
constructor();
|
|
2718
|
+
ngOnInit(): void;
|
|
2719
|
+
/** Restore the initial width (also wired to separator double-click). */
|
|
2720
|
+
reset(): void;
|
|
2721
|
+
protected onPointerDown(event: PointerEvent): void;
|
|
2722
|
+
protected onPointerMove(event: PointerEvent): void;
|
|
2723
|
+
protected onPointerUp(event: PointerEvent): void;
|
|
2724
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
2725
|
+
private applySize;
|
|
2726
|
+
private clamp;
|
|
2727
|
+
private resolveMaxPx;
|
|
2728
|
+
private observeContainer;
|
|
2729
|
+
private storageId;
|
|
2730
|
+
private restoreSize;
|
|
2731
|
+
private persist;
|
|
2732
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitPaneComponent, never>;
|
|
2733
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitPaneComponent, "lc-split-pane", never, { "initialSize": { "alias": "initialSize"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "stackBelow": { "alias": "stackBelow"; "required": false; "isSignal": true; }; "separatorLabel": { "alias": "separatorLabel"; "required": false; "isSignal": true; }; }, { "sizeChange": "sizeChange"; }, never, ["[slot=start]", "[slot=end]"], true, never>;
|
|
2734
|
+
}
|
|
2735
|
+
|
|
2644
2736
|
type StackDirection = 'vertical' | 'horizontal';
|
|
2645
2737
|
type StackGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
2646
2738
|
type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
@@ -3249,6 +3341,8 @@ declare class TooltipDirective implements OnDestroy {
|
|
|
3249
3341
|
interface BreadcrumbItem {
|
|
3250
3342
|
label: string;
|
|
3251
3343
|
url?: string;
|
|
3344
|
+
/** Optional stable identifier, useful when handling `itemClick`. */
|
|
3345
|
+
id?: string;
|
|
3252
3346
|
}
|
|
3253
3347
|
type BreadcrumbSize = 'sm' | 'md' | 'lg';
|
|
3254
3348
|
declare class BreadcrumbsComponent {
|
|
@@ -3257,12 +3351,18 @@ declare class BreadcrumbsComponent {
|
|
|
3257
3351
|
readonly maxItems: _angular_core.InputSignal<number>;
|
|
3258
3352
|
readonly size: _angular_core.InputSignal<BreadcrumbSize>;
|
|
3259
3353
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
3354
|
+
/**
|
|
3355
|
+
* Emitted when an item without `url` is activated. Items with `url` keep
|
|
3356
|
+
* their link navigation and do not emit.
|
|
3357
|
+
*/
|
|
3358
|
+
readonly itemClick: _angular_core.OutputEmitterRef<BreadcrumbItem>;
|
|
3260
3359
|
breadcrumbClasses: _angular_core.Signal<string>;
|
|
3261
3360
|
visibleItems: _angular_core.Signal<BreadcrumbItem[]>;
|
|
3262
3361
|
isLastItem(index: number): boolean;
|
|
3263
3362
|
isEllipsis(item: BreadcrumbItem): boolean;
|
|
3363
|
+
onItemClick(item: BreadcrumbItem): void;
|
|
3264
3364
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
|
|
3265
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "lc-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
3365
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "lc-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
|
|
3266
3366
|
}
|
|
3267
3367
|
|
|
3268
3368
|
/**
|
|
@@ -3812,10 +3912,17 @@ declare class BadgeComponent {
|
|
|
3812
3912
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "lc-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
3813
3913
|
}
|
|
3814
3914
|
|
|
3915
|
+
type ToggleOptionDot = 'warning' | 'error' | 'success';
|
|
3815
3916
|
interface ToggleOption {
|
|
3816
3917
|
readonly value: string;
|
|
3817
3918
|
readonly label: string;
|
|
3818
3919
|
readonly disabled?: boolean;
|
|
3920
|
+
/**
|
|
3921
|
+
* Small status dot rendered to the right of the label (e.g. an unread
|
|
3922
|
+
* indicator). `true` uses the default tone (`warning`); pass a tone name
|
|
3923
|
+
* to pick a semantic color. Does not change the option's height.
|
|
3924
|
+
*/
|
|
3925
|
+
readonly dot?: boolean | ToggleOptionDot;
|
|
3819
3926
|
}
|
|
3820
3927
|
/**
|
|
3821
3928
|
* Toggle group component for single-option selection from a set.
|
|
@@ -3853,6 +3960,8 @@ declare class ToggleGroupComponent {
|
|
|
3853
3960
|
isActive(option: ToggleOption): boolean;
|
|
3854
3961
|
/** Get button classes */
|
|
3855
3962
|
getButtonClasses(option: ToggleOption): string;
|
|
3963
|
+
/** Resolve the dot tone for an option (null when no dot is shown) */
|
|
3964
|
+
dotTone(option: ToggleOption): ToggleOptionDot | null;
|
|
3856
3965
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleGroupComponent, never>;
|
|
3857
3966
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleGroupComponent, "lc-toggle-group", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
|
|
3858
3967
|
}
|
|
@@ -3990,6 +4099,7 @@ type ChipSize = 'sm' | 'md' | 'lg';
|
|
|
3990
4099
|
* - Multiple size options (sm, md, lg)
|
|
3991
4100
|
* - Optional leading icon
|
|
3992
4101
|
* - Removable with close button and remove event
|
|
4102
|
+
* - Clickable variant that renders as a button and emits `chipClick`
|
|
3993
4103
|
* - Disabled state support
|
|
3994
4104
|
*
|
|
3995
4105
|
* @example
|
|
@@ -3997,6 +4107,10 @@ type ChipSize = 'sm' | 'md' | 'lg';
|
|
|
3997
4107
|
* <lc-chip variant="primary" [removable]="true" (remove)="onRemove()">
|
|
3998
4108
|
* Tag Name
|
|
3999
4109
|
* </lc-chip>
|
|
4110
|
+
*
|
|
4111
|
+
* <lc-chip [clickable]="true" (chipClick)="onNavigate()">
|
|
4112
|
+
* Linked item
|
|
4113
|
+
* </lc-chip>
|
|
4000
4114
|
* ```
|
|
4001
4115
|
*/
|
|
4002
4116
|
declare class ChipComponent {
|
|
@@ -4008,24 +4122,40 @@ declare class ChipComponent {
|
|
|
4008
4122
|
icon: _angular_core.InputSignal<string | undefined>;
|
|
4009
4123
|
/** Whether the chip can be removed */
|
|
4010
4124
|
removable: _angular_core.InputSignal<boolean>;
|
|
4125
|
+
/**
|
|
4126
|
+
* Whether the chip acts as a button (e.g. for navigation). Renders the chip
|
|
4127
|
+
* as a `<button type="button">` with hover / active / focus-visible states.
|
|
4128
|
+
*/
|
|
4129
|
+
clickable: _angular_core.InputSignal<boolean>;
|
|
4011
4130
|
/** Whether the chip is disabled */
|
|
4012
4131
|
disabled: _angular_core.InputSignal<boolean>;
|
|
4013
4132
|
/** Emitted when the chip is removed */
|
|
4014
4133
|
readonly remove: _angular_core.OutputEmitterRef<void>;
|
|
4134
|
+
/** Emitted when a clickable chip is activated (click, Enter or Space). */
|
|
4135
|
+
readonly chipClick: _angular_core.OutputEmitterRef<void>;
|
|
4015
4136
|
/**
|
|
4016
4137
|
* Computed CSS classes for the chip
|
|
4017
4138
|
*/
|
|
4018
4139
|
chipClasses: _angular_core.Signal<string>;
|
|
4140
|
+
/**
|
|
4141
|
+
* Handle activation of a clickable chip
|
|
4142
|
+
*/
|
|
4143
|
+
onChipClick(): void;
|
|
4019
4144
|
/**
|
|
4020
4145
|
* Handle remove button click
|
|
4021
4146
|
*/
|
|
4022
4147
|
onRemove(event: Event): void;
|
|
4148
|
+
/**
|
|
4149
|
+
* Keyboard activation of the delete affordance inside a clickable chip
|
|
4150
|
+
* (a span with role="button", since nesting native buttons is invalid).
|
|
4151
|
+
*/
|
|
4152
|
+
onDeleteKeydown(event: KeyboardEvent): void;
|
|
4023
4153
|
/**
|
|
4024
4154
|
* Handle keyboard navigation
|
|
4025
4155
|
*/
|
|
4026
4156
|
onKeydown(event: KeyboardEvent): void;
|
|
4027
4157
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
|
|
4028
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "lc-chip", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "remove": "remove"; }, never, ["*"], true, never>;
|
|
4158
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "lc-chip", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "remove": "remove"; "chipClick": "chipClick"; }, never, ["*"], true, never>;
|
|
4029
4159
|
}
|
|
4030
4160
|
|
|
4031
4161
|
/**
|
|
@@ -6501,16 +6631,24 @@ declare class DependencyViewerComponent {
|
|
|
6501
6631
|
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; }; "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>;
|
|
6502
6632
|
}
|
|
6503
6633
|
|
|
6504
|
-
type TreeNodeType = 'file' | 'folder';
|
|
6505
6634
|
/**
|
|
6506
|
-
*
|
|
6635
|
+
* Node type. `'file'` and `'folder'` get the built-in file-tree treatment
|
|
6636
|
+
* (extension icons, folder open/close icons). Any other string marks a custom
|
|
6637
|
+
* domain type: such nodes render a colored type dot (or an explicit `icon`)
|
|
6638
|
+
* instead of file icons.
|
|
6639
|
+
*/
|
|
6640
|
+
type TreeNodeType = 'file' | 'folder' | (string & {});
|
|
6641
|
+
type TreeNodeStatus = 'default' | 'added' | 'modified' | 'removed' | 'muted' | 'success' | 'busy';
|
|
6642
|
+
/**
|
|
6643
|
+
* A node in the tree. Any node carrying `children` can expand — this covers
|
|
6644
|
+
* file trees (folders) as well as arbitrary domain hierarchies.
|
|
6507
6645
|
*/
|
|
6508
6646
|
interface TreeNode {
|
|
6509
6647
|
/** Display name, e.g. `app.component.ts` or `src`. */
|
|
6510
6648
|
name: string;
|
|
6511
6649
|
/**
|
|
6512
6650
|
* Node type. Optional — inferred as `folder` when `children` is present,
|
|
6513
|
-
* otherwise `file`.
|
|
6651
|
+
* otherwise `file`. May be any string for domain hierarchies.
|
|
6514
6652
|
*/
|
|
6515
6653
|
type?: TreeNodeType;
|
|
6516
6654
|
/**
|
|
@@ -6518,18 +6656,26 @@ interface TreeNode {
|
|
|
6518
6656
|
* which is stable as long as names are unique among siblings.
|
|
6519
6657
|
*/
|
|
6520
6658
|
id?: string;
|
|
6521
|
-
/** Child nodes
|
|
6659
|
+
/** Child nodes. Any node with children can expand / collapse. */
|
|
6522
6660
|
children?: TreeNode[];
|
|
6523
6661
|
/**
|
|
6524
6662
|
* Explicit Tabler icon name. Overrides automatic file-type / folder
|
|
6525
|
-
* icon resolution.
|
|
6663
|
+
* icon resolution and the custom-type dot.
|
|
6526
6664
|
*/
|
|
6527
6665
|
icon?: string;
|
|
6666
|
+
/**
|
|
6667
|
+
* Accent color for the node's icon / type dot. Any CSS color, including
|
|
6668
|
+
* `var(--…)` token references.
|
|
6669
|
+
*/
|
|
6670
|
+
color?: string;
|
|
6528
6671
|
/** Optional badge text shown to the right of the node (e.g. git status, count). */
|
|
6529
6672
|
badge?: string;
|
|
6530
|
-
/**
|
|
6531
|
-
|
|
6532
|
-
|
|
6673
|
+
/**
|
|
6674
|
+
* Tone of the badge / node accent. `success` additionally renders a ✓
|
|
6675
|
+
* indicator, `busy` a pulsing dot (static under `prefers-reduced-motion`).
|
|
6676
|
+
*/
|
|
6677
|
+
status?: TreeNodeStatus;
|
|
6678
|
+
/** Whether this node starts expanded. Ignored for nodes without children. */
|
|
6533
6679
|
expanded?: boolean;
|
|
6534
6680
|
/** Disable selection / interaction for this node. */
|
|
6535
6681
|
disabled?: boolean;
|
|
@@ -6541,9 +6687,11 @@ interface FlatNode {
|
|
|
6541
6687
|
depth: number;
|
|
6542
6688
|
hasChildren: boolean;
|
|
6543
6689
|
expanded: boolean;
|
|
6544
|
-
icon
|
|
6690
|
+
/** Resolved icon, or `null` for custom-type nodes that render a type dot. */
|
|
6691
|
+
icon: string | null;
|
|
6692
|
+
color?: string;
|
|
6545
6693
|
badge?: string;
|
|
6546
|
-
status:
|
|
6694
|
+
status: TreeNodeStatus;
|
|
6547
6695
|
disabled: boolean;
|
|
6548
6696
|
/** Whether each ancestor level still has following siblings (for guide lines). */
|
|
6549
6697
|
ancestorHasSibling: boolean[];
|
|
@@ -6551,17 +6699,21 @@ interface FlatNode {
|
|
|
6551
6699
|
isLast: boolean;
|
|
6552
6700
|
}
|
|
6553
6701
|
/**
|
|
6554
|
-
* Tree view component for visualizing file / folder
|
|
6555
|
-
*
|
|
6702
|
+
* Tree view component for visualizing hierarchies — file / folder trees as
|
|
6703
|
+
* well as arbitrary domain object trees with custom node types.
|
|
6556
6704
|
*
|
|
6557
6705
|
* Features:
|
|
6558
|
-
* - Recursive
|
|
6706
|
+
* - Recursive rendering from a single `nodes` input; any node with children
|
|
6707
|
+
* can expand / collapse
|
|
6559
6708
|
* - Automatic file-type icons by extension and well-known file name,
|
|
6560
|
-
* with open / closed folder icons
|
|
6561
|
-
* -
|
|
6709
|
+
* with open / closed folder icons (for `file` / `folder` nodes)
|
|
6710
|
+
* - Custom node types: colored type dots or explicit icons via `type`,
|
|
6711
|
+
* `color`, `icon`
|
|
6712
|
+
* - Expand / collapse, with expand-all / collapse-all helpers
|
|
6562
6713
|
* - Two-way bound selection and a `nodeClick` event
|
|
6563
6714
|
* - Indentation guide lines for readability
|
|
6564
|
-
* - Optional per-node status badges (added / modified / removed)
|
|
6715
|
+
* - Optional per-node status badges (added / modified / removed) and status
|
|
6716
|
+
* indicators (`success` ✓, `busy` pulse)
|
|
6565
6717
|
* - Keyboard accessible (Enter / Space to toggle or select)
|
|
6566
6718
|
* - Dark / light theme support via design tokens
|
|
6567
6719
|
*
|
|
@@ -6587,7 +6739,7 @@ declare class TreeViewComponent {
|
|
|
6587
6739
|
private readonly expandOverrides;
|
|
6588
6740
|
/** Flattened, render-ready list of visible nodes. */
|
|
6589
6741
|
protected readonly visibleNodes: _angular_core.Signal<FlatNode[]>;
|
|
6590
|
-
protected badgeColor(status:
|
|
6742
|
+
protected badgeColor(status: TreeNodeStatus): string;
|
|
6591
6743
|
protected onNodeClick(flat: FlatNode): void;
|
|
6592
6744
|
protected onToggleClick(flat: FlatNode, event: Event): void;
|
|
6593
6745
|
protected onKeydown(flat: FlatNode, event: KeyboardEvent): void;
|
|
@@ -7743,5 +7895,5 @@ declare class PipelineComponent {
|
|
|
7743
7895
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PipelineComponent, "lc-pipeline", never, { "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; }, never, never, true, never>;
|
|
7744
7896
|
}
|
|
7745
7897
|
|
|
7746
|
-
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, 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, resolveFileIcon };
|
|
7747
|
-
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, ToolbarAction, ToolbarConfig, TooltipPosition, TreeNode, TreeNodeType, WaterfallItem };
|
|
7898
|
+
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, resolveFileIcon };
|
|
7899
|
+
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 };
|