@life-cockpit/angular-ui-kit 1.9.0 → 1.10.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
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Density Tokens
|
|
3
|
+
*
|
|
4
|
+
* Density is a page-level concept that controls how tightly components are
|
|
5
|
+
* spaced. Components consume the `--lc-density-*` custom properties below
|
|
6
|
+
* instead of hard-coded values, so a single attribute on an ancestor element
|
|
7
|
+
* propagates a coherent rhythm to the whole subtree.
|
|
8
|
+
*
|
|
9
|
+
* Usage:
|
|
10
|
+
* <html data-density="compact">…</html> // tighter UI (data-heavy screens)
|
|
11
|
+
* <body data-density="cosy">…</body> // default, identical to no attr
|
|
12
|
+
* <main data-density="comfortable">…</main> // marketing / reading screens
|
|
13
|
+
*
|
|
14
|
+
* Defaults (no `data-density` set) match the previous visual rhythm of the
|
|
15
|
+
* library, so adding this file is non-breaking.
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
@use './tokens/spacing' as *;
|
|
19
|
+
|
|
20
|
+
:root {
|
|
21
|
+
// ── Gap scale (between siblings, used by lc-stack / lc-row / lc-grid) ──
|
|
22
|
+
--lc-density-gap-none: 0;
|
|
23
|
+
--lc-density-gap-xs: #{$spacing-1}; // 4px
|
|
24
|
+
--lc-density-gap-sm: #{$spacing-2}; // 8px
|
|
25
|
+
--lc-density-gap-md: #{$spacing-4}; // 16px ← default
|
|
26
|
+
--lc-density-gap-lg: #{$spacing-6}; // 24px
|
|
27
|
+
--lc-density-gap-xl: #{$spacing-8}; // 32px
|
|
28
|
+
|
|
29
|
+
// ── Padding scale (inside containers: card, section, modal, toolbar) ──
|
|
30
|
+
--lc-density-padding-xs: #{$spacing-2}; // 8px
|
|
31
|
+
--lc-density-padding-sm: #{$spacing-3}; // 12px
|
|
32
|
+
--lc-density-padding-md: #{$spacing-4}; // 16px ← default
|
|
33
|
+
--lc-density-padding-lg: #{$spacing-6}; // 24px
|
|
34
|
+
--lc-density-padding-xl: #{$spacing-8}; // 32px
|
|
35
|
+
|
|
36
|
+
// ── Section rhythm (vertical gap between major page sections) ──
|
|
37
|
+
--lc-density-section-gap: #{$spacing-8}; // 32px
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
41
|
+
// Density variants — opt-in via [data-density="…"] on any ancestor.
|
|
42
|
+
// CSS custom properties cascade, so setting them on <html>, <body>, or a
|
|
43
|
+
// single page wrapper propagates to all descendants.
|
|
44
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
45
|
+
|
|
46
|
+
[data-density='compact'] {
|
|
47
|
+
--lc-density-gap-xs: #{$spacing-0-5}; // 2px
|
|
48
|
+
--lc-density-gap-sm: #{$spacing-1}; // 4px
|
|
49
|
+
--lc-density-gap-md: #{$spacing-2}; // 8px
|
|
50
|
+
--lc-density-gap-lg: #{$spacing-3}; // 12px
|
|
51
|
+
--lc-density-gap-xl: #{$spacing-4}; // 16px
|
|
52
|
+
|
|
53
|
+
--lc-density-padding-xs: #{$spacing-1}; // 4px
|
|
54
|
+
--lc-density-padding-sm: #{$spacing-2}; // 8px
|
|
55
|
+
--lc-density-padding-md: #{$spacing-3}; // 12px
|
|
56
|
+
--lc-density-padding-lg: #{$spacing-4}; // 16px
|
|
57
|
+
--lc-density-padding-xl: #{$spacing-6}; // 24px
|
|
58
|
+
|
|
59
|
+
--lc-density-section-gap: #{$spacing-5}; // 20px
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
[data-density='cosy'] {
|
|
63
|
+
// explicit cosy = same as defaults; redeclared so toggling back works
|
|
64
|
+
--lc-density-gap-xs: #{$spacing-1};
|
|
65
|
+
--lc-density-gap-sm: #{$spacing-2};
|
|
66
|
+
--lc-density-gap-md: #{$spacing-4};
|
|
67
|
+
--lc-density-gap-lg: #{$spacing-6};
|
|
68
|
+
--lc-density-gap-xl: #{$spacing-8};
|
|
69
|
+
|
|
70
|
+
--lc-density-padding-xs: #{$spacing-2};
|
|
71
|
+
--lc-density-padding-sm: #{$spacing-3};
|
|
72
|
+
--lc-density-padding-md: #{$spacing-4};
|
|
73
|
+
--lc-density-padding-lg: #{$spacing-6};
|
|
74
|
+
--lc-density-padding-xl: #{$spacing-8};
|
|
75
|
+
|
|
76
|
+
--lc-density-section-gap: #{$spacing-8};
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
[data-density='comfortable'] {
|
|
80
|
+
--lc-density-gap-xs: #{$spacing-2}; // 8px
|
|
81
|
+
--lc-density-gap-sm: #{$spacing-3}; // 12px
|
|
82
|
+
--lc-density-gap-md: #{$spacing-6}; // 24px
|
|
83
|
+
--lc-density-gap-lg: #{$spacing-8}; // 32px
|
|
84
|
+
--lc-density-gap-xl: #{$spacing-12}; // 48px
|
|
85
|
+
|
|
86
|
+
--lc-density-padding-xs: #{$spacing-3}; // 12px
|
|
87
|
+
--lc-density-padding-sm: #{$spacing-4}; // 16px
|
|
88
|
+
--lc-density-padding-md: #{$spacing-6}; // 24px
|
|
89
|
+
--lc-density-padding-lg: #{$spacing-8}; // 32px
|
|
90
|
+
--lc-density-padding-xl: #{$spacing-12}; // 48px
|
|
91
|
+
|
|
92
|
+
--lc-density-section-gap: #{$spacing-12}; // 48px
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
96
|
+
// Layout components (lc-stack, lc-spacer, lc-section, …) consume the density
|
|
97
|
+
// CSS custom properties directly via their own component styles, so no global
|
|
98
|
+
// per-component overrides are needed here. Setting `data-density="…"` on any
|
|
99
|
+
// ancestor automatically propagates the new scale to every descendant.
|
|
100
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
package/src/styles/index.scss
CHANGED
|
@@ -13,5 +13,21 @@
|
|
|
13
13
|
// 3. Typography
|
|
14
14
|
@use './typography';
|
|
15
15
|
|
|
16
|
-
// 4.
|
|
16
|
+
// 4. Density tokens (layout rhythm — opt-in via [data-density="…"])
|
|
17
|
+
@use './density';
|
|
18
|
+
|
|
19
|
+
// 5. Utilities
|
|
17
20
|
@use './utilities';
|
|
21
|
+
|
|
22
|
+
// 6. CDK overlay positioning + backdrop reset (provides .cdk-overlay-container,
|
|
23
|
+
// .cdk-overlay-pane, .cdk-overlay-backdrop with proper fade transitions, and
|
|
24
|
+
// the critical .cdk-overlay-transparent-backdrop { opacity: 0 } rule that
|
|
25
|
+
// keeps overlays like lc-select / lc-datepicker / lc-tooltip from showing
|
|
26
|
+
// a backdrop flash).
|
|
27
|
+
//
|
|
28
|
+
// NOTE: this is a plain CSS @import (Sass requires all @use rules to come
|
|
29
|
+
// first). Dart Sass passes CSS @imports through to the output unchanged,
|
|
30
|
+
// and CSS itself hoists @imports to the top of the resulting stylesheet,
|
|
31
|
+
// so the .cdk-overlay-* defaults still land before any component styles
|
|
32
|
+
// that target them.
|
|
33
|
+
@import '@angular/cdk/overlay-prebuilt.css';
|
|
@@ -2221,6 +2221,65 @@ declare class ContainerComponent {
|
|
|
2221
2221
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContainerComponent, "lc-container", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "noPadding": { "alias": "noPadding"; "required": false; "isSignal": true; }; "paddingY": { "alias": "paddingY"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
2222
2222
|
}
|
|
2223
2223
|
|
|
2224
|
+
/**
|
|
2225
|
+
* Page header — top-of-page title block with optional subtitle,
|
|
2226
|
+
* breadcrumbs, badge, description and an actions area.
|
|
2227
|
+
*
|
|
2228
|
+
* Density-aware, slot-based, no Tailwind. Drop it at the top of any route
|
|
2229
|
+
* to get consistent rhythm between title, metadata and content below.
|
|
2230
|
+
*
|
|
2231
|
+
* Slots:
|
|
2232
|
+
* - `[slot="breadcrumbs"]` — rendered above the title (e.g. `<lc-breadcrumbs>`)
|
|
2233
|
+
* - `[slot="actions"]` — right-aligned actions (buttons, menus)
|
|
2234
|
+
* - `[slot="meta"]` — secondary metadata under the title row (chips, tags)
|
|
2235
|
+
* - default — short header-internal description text
|
|
2236
|
+
*
|
|
2237
|
+
* Full-blown navigation primitives like `lc-tabs` — which render both the tab
|
|
2238
|
+
* strip **and** their panel content — belong **below** the page header, never
|
|
2239
|
+
* inside it. The header stays focused on page identity.
|
|
2240
|
+
*
|
|
2241
|
+
* @example
|
|
2242
|
+
* ```html
|
|
2243
|
+
* <lc-page-header
|
|
2244
|
+
* title="Reports"
|
|
2245
|
+
* subtitle="Compare period-over-period metrics"
|
|
2246
|
+
* [showDivider]="true"
|
|
2247
|
+
* >
|
|
2248
|
+
* <lc-breadcrumbs slot="breadcrumbs" [items]="crumbs" />
|
|
2249
|
+
* <lc-button slot="actions" variant="primary">New report</lc-button>
|
|
2250
|
+
* <lc-chip slot="meta">12 active</lc-chip>
|
|
2251
|
+
* </lc-page-header>
|
|
2252
|
+
* ```
|
|
2253
|
+
*/
|
|
2254
|
+
declare class PageHeaderComponent {
|
|
2255
|
+
/** Main heading text. */
|
|
2256
|
+
title: _angular_core.InputSignal<string | undefined>;
|
|
2257
|
+
/** Short supporting line below the title. */
|
|
2258
|
+
subtitle: _angular_core.InputSignal<string | undefined>;
|
|
2259
|
+
/**
|
|
2260
|
+
* Heading level for the title — affects semantics, not size.
|
|
2261
|
+
* @default 1
|
|
2262
|
+
*/
|
|
2263
|
+
level: _angular_core.InputSignal<1 | 2 | 3>;
|
|
2264
|
+
/**
|
|
2265
|
+
* Visual size of the page header.
|
|
2266
|
+
* - `compact` — dense data-tool pages
|
|
2267
|
+
* - `default` — standard app pages
|
|
2268
|
+
* - `comfortable` — landing-page hero feel
|
|
2269
|
+
*/
|
|
2270
|
+
size: _angular_core.InputSignal<"default" | "compact" | "comfortable">;
|
|
2271
|
+
/**
|
|
2272
|
+
* Whether to render a divider line below the header.
|
|
2273
|
+
* @default false
|
|
2274
|
+
*/
|
|
2275
|
+
showDivider: _angular_core.InputSignal<boolean>;
|
|
2276
|
+
/** Optional badge text next to the title (e.g. `Beta`). */
|
|
2277
|
+
badge: _angular_core.InputSignal<string | undefined>;
|
|
2278
|
+
protected hostClasses: _angular_core.Signal<string>;
|
|
2279
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
|
|
2280
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeaderComponent, "lc-page-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, ["[slot='breadcrumbs']", "[slot='actions']", "[slot='meta']", "*"], true, never>;
|
|
2281
|
+
}
|
|
2282
|
+
|
|
2224
2283
|
type SectionSpacing = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
2225
2284
|
type SectionBackground = 'none' | 'gray' | 'primary' | 'secondary';
|
|
2226
2285
|
declare class SectionComponent {
|
|
@@ -2251,6 +2310,7 @@ type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
|
2251
2310
|
type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
2252
2311
|
declare class StackComponent {
|
|
2253
2312
|
direction: _angular_core.InputSignal<StackDirection>;
|
|
2313
|
+
/** Spacing between children. Maps to `--lc-density-gap-*` when an ancestor sets `data-density`. */
|
|
2254
2314
|
gap: _angular_core.InputSignal<StackGap>;
|
|
2255
2315
|
align: _angular_core.InputSignal<StackAlign>;
|
|
2256
2316
|
justify: _angular_core.InputSignal<StackJustify>;
|
|
@@ -2262,6 +2322,76 @@ declare class StackComponent {
|
|
|
2262
2322
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StackComponent, "lc-stack", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
2263
2323
|
}
|
|
2264
2324
|
|
|
2325
|
+
/**
|
|
2326
|
+
* Toolbar — a horizontal strip of controls with built-in density-aware spacing.
|
|
2327
|
+
*
|
|
2328
|
+
* Use for action bars above tables, on top of cards, inside drawers, or
|
|
2329
|
+
* anywhere a row of buttons / filters / titles needs consistent rhythm.
|
|
2330
|
+
*
|
|
2331
|
+
* The toolbar exposes three slots:
|
|
2332
|
+
* - `[slot="start"]` — leading content (icon, title, primary filter)
|
|
2333
|
+
* - default — middle content (grows to fill remaining space)
|
|
2334
|
+
* - `[slot="end"]` — trailing actions (right-aligned)
|
|
2335
|
+
*
|
|
2336
|
+
* If only `[slot="start"]` and `[slot="end"]` are provided, the middle
|
|
2337
|
+
* automatically becomes a flexible spacer so actions push to the right.
|
|
2338
|
+
*
|
|
2339
|
+
* Padding, gap and divider styles are driven by `--lc-density-padding-*`
|
|
2340
|
+
* and `--lc-density-gap-*` tokens, so wrapping a `data-density` ancestor
|
|
2341
|
+
* automatically rescales the toolbar — no template changes needed.
|
|
2342
|
+
*
|
|
2343
|
+
* @example
|
|
2344
|
+
* ```html
|
|
2345
|
+
* <lc-toolbar>
|
|
2346
|
+
* <h2 slot="start">Reports</h2>
|
|
2347
|
+
* <lc-button slot="end" variant="secondary">Export</lc-button>
|
|
2348
|
+
* <lc-button slot="end" variant="primary">New report</lc-button>
|
|
2349
|
+
* </lc-toolbar>
|
|
2350
|
+
* ```
|
|
2351
|
+
*/
|
|
2352
|
+
declare class ToolbarComponent {
|
|
2353
|
+
/**
|
|
2354
|
+
* Visual density of the toolbar itself.
|
|
2355
|
+
* - `comfortable` — generous padding/gap (default for dashboards)
|
|
2356
|
+
* - `cosy` — balanced padding/gap (default in chrome)
|
|
2357
|
+
* - `compact` — tight, data-dense (tables, side panels)
|
|
2358
|
+
*/
|
|
2359
|
+
density: _angular_core.InputSignal<"compact" | "comfortable" | "cosy">;
|
|
2360
|
+
/**
|
|
2361
|
+
* Background variant.
|
|
2362
|
+
* - `transparent` — inherits parent background (default)
|
|
2363
|
+
* - `surface` — subtle surface color (use when stacking on page bg)
|
|
2364
|
+
* - `muted` — slightly stronger fill (use as a toolbar on a card)
|
|
2365
|
+
*/
|
|
2366
|
+
background: _angular_core.InputSignal<"transparent" | "surface" | "muted">;
|
|
2367
|
+
/**
|
|
2368
|
+
* Border placement.
|
|
2369
|
+
* - `none` — no border (default)
|
|
2370
|
+
* - `bottom` — divider below the toolbar
|
|
2371
|
+
* - `top` — divider above the toolbar
|
|
2372
|
+
* - `around` — full border
|
|
2373
|
+
*/
|
|
2374
|
+
border: _angular_core.InputSignal<"none" | "top" | "bottom" | "around">;
|
|
2375
|
+
/**
|
|
2376
|
+
* Allow toolbar content to wrap onto multiple lines on small viewports.
|
|
2377
|
+
* @default true
|
|
2378
|
+
*/
|
|
2379
|
+
wrap: _angular_core.InputSignal<boolean>;
|
|
2380
|
+
/**
|
|
2381
|
+
* Vertical alignment of toolbar children.
|
|
2382
|
+
* @default 'center'
|
|
2383
|
+
*/
|
|
2384
|
+
align: _angular_core.InputSignal<"center" | "start" | "end" | "stretch" | "baseline">;
|
|
2385
|
+
/**
|
|
2386
|
+
* Sticky behavior — pins the toolbar to the top of its scroll container.
|
|
2387
|
+
* @default false
|
|
2388
|
+
*/
|
|
2389
|
+
sticky: _angular_core.InputSignal<boolean>;
|
|
2390
|
+
protected hostClasses: _angular_core.Signal<string>;
|
|
2391
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarComponent, never>;
|
|
2392
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarComponent, "lc-toolbar", never, { "density": { "alias": "density"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, never, ["[slot='start']", "*", "[slot='end']"], true, never>;
|
|
2393
|
+
}
|
|
2394
|
+
|
|
2265
2395
|
type AlertVariant = 'success' | 'error' | 'warning' | 'info';
|
|
2266
2396
|
/**
|
|
2267
2397
|
* Alert component for inline notifications.
|
|
@@ -5143,6 +5273,13 @@ declare class GanttChartComponent {
|
|
|
5143
5273
|
}
|
|
5144
5274
|
|
|
5145
5275
|
type ChatMessageRole = 'user' | 'agent' | 'system';
|
|
5276
|
+
/**
|
|
5277
|
+
* Controls which messages are rendered as Markdown via `<lc-markdown>`.
|
|
5278
|
+
* - `false` (default): plain text rendering (legacy behavior)
|
|
5279
|
+
* - `true` / `'all'`: render every role as Markdown
|
|
5280
|
+
* - `'agent'`: only agent messages are rendered as Markdown (recommended)
|
|
5281
|
+
*/
|
|
5282
|
+
type ChatRenderMarkdown = boolean | 'agent' | 'all';
|
|
5146
5283
|
interface ChatMessage {
|
|
5147
5284
|
id: string;
|
|
5148
5285
|
role: ChatMessageRole;
|
|
@@ -5174,6 +5311,13 @@ declare class ChatComponent implements AfterViewChecked {
|
|
|
5174
5311
|
showAvatars: _angular_core.InputSignal<boolean>;
|
|
5175
5312
|
/** Show timestamps. */
|
|
5176
5313
|
showTimestamps: _angular_core.InputSignal<boolean>;
|
|
5314
|
+
/**
|
|
5315
|
+
* Render message content as Markdown using `<lc-markdown variant="chat">`.
|
|
5316
|
+
* Defaults to `'agent'` so agent replies get rich formatting while user
|
|
5317
|
+
* input stays as plain text. Pass `false` to opt out, or `true`/`'all'`
|
|
5318
|
+
* to render every role as Markdown.
|
|
5319
|
+
*/
|
|
5320
|
+
renderMarkdown: _angular_core.InputSignal<ChatRenderMarkdown>;
|
|
5177
5321
|
/** Emits when user sends a message. */
|
|
5178
5322
|
messageSend: _angular_core.OutputEmitterRef<ChatSendEvent>;
|
|
5179
5323
|
/** Custom template for rendering message content. Context: { $implicit: ChatMessage } */
|
|
@@ -5199,9 +5343,10 @@ declare class ChatComponent implements AfterViewChecked {
|
|
|
5199
5343
|
protected onKeydown(event: KeyboardEvent): void;
|
|
5200
5344
|
protected send(): void;
|
|
5201
5345
|
protected formatTime(date: Date | undefined): string;
|
|
5346
|
+
protected shouldRenderMarkdown(role: ChatMessageRole): boolean;
|
|
5202
5347
|
private scrollToBottom;
|
|
5203
5348
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatComponent, never>;
|
|
5204
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "lc-chat", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "isStreaming": { "alias": "isStreaming"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showAvatars": { "alias": "showAvatars"; "required": false; "isSignal": true; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; "isSignal": true; }; }, { "messageSend": "messageSend"; }, ["messageTemplate"], never, true, never>;
|
|
5349
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "lc-chat", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "isStreaming": { "alias": "isStreaming"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showAvatars": { "alias": "showAvatars"; "required": false; "isSignal": true; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; "isSignal": true; }; "renderMarkdown": { "alias": "renderMarkdown"; "required": false; "isSignal": true; }; }, { "messageSend": "messageSend"; }, ["messageTemplate"], never, true, never>;
|
|
5205
5350
|
}
|
|
5206
5351
|
|
|
5207
5352
|
type DocumentType = 'pdf' | 'markdown' | 'image' | 'text' | 'code' | 'auto';
|
|
@@ -6000,7 +6145,7 @@ declare class MarkdownComponent implements OnDestroy {
|
|
|
6000
6145
|
/** Raw markdown string */
|
|
6001
6146
|
readonly content: _angular_core.InputSignal<string | undefined>;
|
|
6002
6147
|
/** Display variant */
|
|
6003
|
-
readonly variant: _angular_core.InputSignal<"default" | "compact">;
|
|
6148
|
+
readonly variant: _angular_core.InputSignal<"default" | "compact" | "chat">;
|
|
6004
6149
|
/** Target for links */
|
|
6005
6150
|
readonly linkTarget: _angular_core.InputSignal<"_blank" | "_self">;
|
|
6006
6151
|
/** Whether to sanitize HTML output */
|
|
@@ -6370,5 +6515,5 @@ declare class ComboboxComponent implements ControlValueAccessor, OnDestroy {
|
|
|
6370
6515
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboboxComponent, "lc-combobox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "loadOptions": { "alias": "loadOptions"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "allowCreate": { "alias": "allowCreate"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "queryChange": "queryChange"; "optionSelected": "optionSelected"; "created": "created"; }, never, never, true, never>;
|
|
6371
6516
|
}
|
|
6372
6517
|
|
|
6373
|
-
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, 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, ColorWarningDark, ColorWarningDefault, ColorWarningLight, ComboboxComponent, ConfirmDialogComponent, ConfirmService, ContainerComponent, DateRangePickerComponent, DatepickerComponent, DependencyViewerComponent, DiffViewerComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, Elevation1, Elevation2, Elevation3, Elevation4, EmailInputComponent, EmptyStateComponent, ErrorDisplayComponent, FieldGroupComponent, FileUploadComponent, FilterBarComponent, FooterComponent, FunnelChartComponent, GalleryComponent, GanttChartComponent, GaugeComponent, HeaderComponent, HeatmapComponent, HeroComponent, IconComponent, InputComponent, KanbanBoardComponent, LineChartComponent, ListComponent, ListItemTemplateDirective, LogViewerComponent, LogoComponent, MarkdownComponent, MenuComponent, ModalComponent, NotificationCenterComponent, NumberInputComponent, 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, StatTrendComponent, StepperComponent, SwitchComponent, TabComponent, TableCellDirective, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, ThemeService, TimelineComponent, ToastComponent, ToastService, ToggleGroupComponent, TooltipContentComponent, TooltipDirective, TypographyComponent, TypographyFontFamilyBase, TypographyFontFamilyMono, TypographyFontSize2xl, TypographyFontSize3xl, TypographyFontSize4xl, TypographyFontSize5xl, TypographyFontSize6xl, TypographyFontSizeBase, TypographyFontSizeLg, TypographyFontSizeSm, TypographyFontSizeXl, TypographyFontSizeXs, TypographyFontWeightBold, TypographyFontWeightMedium, TypographyFontWeightNormal, TypographyFontWeightSemibold, TypographyLineHeightNormal, TypographyLineHeightRelaxed, TypographyLineHeightTight, VerificationCodeInputComponent, WaterfallChartComponent };
|
|
6374
|
-
export type { AlertVariant, AreaChartSeries, AvatarGroupItem, AvatarSize, AvatarStatus, BadgeSize, BadgeVariant, BarChartItem, BarChartOrientation, BreadcrumbItem, BreadcrumbSize, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarView, CalloutVariant, CellEditEvent, ChatMessage, ChatMessageRole, 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, 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, StatTrendDirection, StepState, StepperStep, TabOrientation, TableColumn, TableSize, TableVariant, ThemeConfig, ThemeMode, ThemeState, TimelineItem, TimelineOrientation, Toast, ToastAction, ToastConfig, ToastPosition, ToastVariant, ToggleOption, ToolbarAction, ToolbarConfig, TooltipPosition, WaterfallItem };
|
|
6518
|
+
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, 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, ColorWarningDark, ColorWarningDefault, ColorWarningLight, ComboboxComponent, ConfirmDialogComponent, ConfirmService, ContainerComponent, DateRangePickerComponent, DatepickerComponent, DependencyViewerComponent, DiffViewerComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, Elevation1, Elevation2, Elevation3, Elevation4, EmailInputComponent, EmptyStateComponent, ErrorDisplayComponent, FieldGroupComponent, FileUploadComponent, FilterBarComponent, FooterComponent, FunnelChartComponent, GalleryComponent, GanttChartComponent, GaugeComponent, HeaderComponent, HeatmapComponent, HeroComponent, IconComponent, InputComponent, KanbanBoardComponent, LineChartComponent, ListComponent, ListItemTemplateDirective, LogViewerComponent, LogoComponent, MarkdownComponent, MenuComponent, ModalComponent, NotificationCenterComponent, NumberInputComponent, PageHeaderComponent, 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, StatTrendComponent, StepperComponent, SwitchComponent, TabComponent, TableCellDirective, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, ThemeService, TimelineComponent, ToastComponent, ToastService, ToggleGroupComponent, ToolbarComponent, TooltipContentComponent, TooltipDirective, TypographyComponent, TypographyFontFamilyBase, TypographyFontFamilyMono, TypographyFontSize2xl, TypographyFontSize3xl, TypographyFontSize4xl, TypographyFontSize5xl, TypographyFontSize6xl, TypographyFontSizeBase, TypographyFontSizeLg, TypographyFontSizeSm, TypographyFontSizeXl, TypographyFontSizeXs, TypographyFontWeightBold, TypographyFontWeightMedium, TypographyFontWeightNormal, TypographyFontWeightSemibold, TypographyLineHeightNormal, TypographyLineHeightRelaxed, TypographyLineHeightTight, VerificationCodeInputComponent, WaterfallChartComponent };
|
|
6519
|
+
export type { AlertVariant, AreaChartSeries, AvatarGroupItem, AvatarSize, AvatarStatus, BadgeSize, BadgeVariant, BarChartItem, BarChartOrientation, BreadcrumbItem, BreadcrumbSize, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarView, CalloutVariant, CellEditEvent, ChatMessage, ChatMessageRole, 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, 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, StatTrendDirection, StepState, StepperStep, TabOrientation, TableColumn, TableSize, TableVariant, ThemeConfig, ThemeMode, ThemeState, TimelineItem, TimelineOrientation, Toast, ToastAction, ToastConfig, ToastPosition, ToastVariant, ToggleOption, ToolbarAction, ToolbarConfig, TooltipPosition, WaterfallItem };
|