@life-cockpit/angular-ui-kit 1.8.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';
|
|
@@ -268,6 +268,20 @@ declare class AccordionComponent {
|
|
|
268
268
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "lc-accordion", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
|
|
269
269
|
}
|
|
270
270
|
|
|
271
|
+
declare class AccordionGroupComponent {
|
|
272
|
+
/** When false (default), only one accordion can be expanded at a time. */
|
|
273
|
+
readonly multi: _angular_core.InputSignal<boolean>;
|
|
274
|
+
readonly accordions: _angular_core.Signal<readonly AccordionComponent[]>;
|
|
275
|
+
private previousExpanded;
|
|
276
|
+
constructor();
|
|
277
|
+
/** Collapse all accordions. */
|
|
278
|
+
collapseAll(): void;
|
|
279
|
+
/** Expand all accordions (only meaningful when multi=true). */
|
|
280
|
+
expandAll(): void;
|
|
281
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionGroupComponent, never>;
|
|
282
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionGroupComponent, "lc-accordion-group", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; }, {}, ["accordions"], ["*"], true, never>;
|
|
283
|
+
}
|
|
284
|
+
|
|
271
285
|
type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'danger' | 'warning' | 'info';
|
|
272
286
|
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
273
287
|
type ButtonType = 'button' | 'submit' | 'reset';
|
|
@@ -2207,6 +2221,65 @@ declare class ContainerComponent {
|
|
|
2207
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>;
|
|
2208
2222
|
}
|
|
2209
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
|
+
|
|
2210
2283
|
type SectionSpacing = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
2211
2284
|
type SectionBackground = 'none' | 'gray' | 'primary' | 'secondary';
|
|
2212
2285
|
declare class SectionComponent {
|
|
@@ -2237,6 +2310,7 @@ type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
|
2237
2310
|
type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
2238
2311
|
declare class StackComponent {
|
|
2239
2312
|
direction: _angular_core.InputSignal<StackDirection>;
|
|
2313
|
+
/** Spacing between children. Maps to `--lc-density-gap-*` when an ancestor sets `data-density`. */
|
|
2240
2314
|
gap: _angular_core.InputSignal<StackGap>;
|
|
2241
2315
|
align: _angular_core.InputSignal<StackAlign>;
|
|
2242
2316
|
justify: _angular_core.InputSignal<StackJustify>;
|
|
@@ -2248,6 +2322,76 @@ declare class StackComponent {
|
|
|
2248
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>;
|
|
2249
2323
|
}
|
|
2250
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
|
+
|
|
2251
2395
|
type AlertVariant = 'success' | 'error' | 'warning' | 'info';
|
|
2252
2396
|
/**
|
|
2253
2397
|
* Alert component for inline notifications.
|
|
@@ -5129,6 +5273,13 @@ declare class GanttChartComponent {
|
|
|
5129
5273
|
}
|
|
5130
5274
|
|
|
5131
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';
|
|
5132
5283
|
interface ChatMessage {
|
|
5133
5284
|
id: string;
|
|
5134
5285
|
role: ChatMessageRole;
|
|
@@ -5160,6 +5311,13 @@ declare class ChatComponent implements AfterViewChecked {
|
|
|
5160
5311
|
showAvatars: _angular_core.InputSignal<boolean>;
|
|
5161
5312
|
/** Show timestamps. */
|
|
5162
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>;
|
|
5163
5321
|
/** Emits when user sends a message. */
|
|
5164
5322
|
messageSend: _angular_core.OutputEmitterRef<ChatSendEvent>;
|
|
5165
5323
|
/** Custom template for rendering message content. Context: { $implicit: ChatMessage } */
|
|
@@ -5185,9 +5343,10 @@ declare class ChatComponent implements AfterViewChecked {
|
|
|
5185
5343
|
protected onKeydown(event: KeyboardEvent): void;
|
|
5186
5344
|
protected send(): void;
|
|
5187
5345
|
protected formatTime(date: Date | undefined): string;
|
|
5346
|
+
protected shouldRenderMarkdown(role: ChatMessageRole): boolean;
|
|
5188
5347
|
private scrollToBottom;
|
|
5189
5348
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatComponent, never>;
|
|
5190
|
-
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>;
|
|
5191
5350
|
}
|
|
5192
5351
|
|
|
5193
5352
|
type DocumentType = 'pdf' | 'markdown' | 'image' | 'text' | 'code' | 'auto';
|
|
@@ -5986,7 +6145,7 @@ declare class MarkdownComponent implements OnDestroy {
|
|
|
5986
6145
|
/** Raw markdown string */
|
|
5987
6146
|
readonly content: _angular_core.InputSignal<string | undefined>;
|
|
5988
6147
|
/** Display variant */
|
|
5989
|
-
readonly variant: _angular_core.InputSignal<"default" | "compact">;
|
|
6148
|
+
readonly variant: _angular_core.InputSignal<"default" | "compact" | "chat">;
|
|
5990
6149
|
/** Target for links */
|
|
5991
6150
|
readonly linkTarget: _angular_core.InputSignal<"_blank" | "_self">;
|
|
5992
6151
|
/** Whether to sanitize HTML output */
|
|
@@ -6356,5 +6515,5 @@ declare class ComboboxComponent implements ControlValueAccessor, OnDestroy {
|
|
|
6356
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>;
|
|
6357
6516
|
}
|
|
6358
6517
|
|
|
6359
|
-
export { AccordionComponent, 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 };
|
|
6360
|
-
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 };
|