@atelier-ui/angular 0.1.10 → 0.1.12
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/README.md +1 -1
- package/fesm2022/atelier-ui-angular.mjs +791 -518
- package/fesm2022/atelier-ui-angular.mjs.map +1 -1
- package/package.json +14 -10
- package/src/styles/tokens.css +346 -0
|
@@ -24,15 +24,21 @@ import { NgTemplateOutlet } from '@angular/common';
|
|
|
24
24
|
*/
|
|
25
25
|
class LlmButton {
|
|
26
26
|
/** Visual style of the button. */
|
|
27
|
-
variant = input('primary',
|
|
27
|
+
variant = input('primary', /* @ts-ignore */
|
|
28
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
28
29
|
/** Size of the button. */
|
|
29
|
-
size = input('md',
|
|
30
|
+
size = input('md', /* @ts-ignore */
|
|
31
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
30
32
|
/** Disables the button, preventing interaction. */
|
|
31
|
-
disabled = input(false,
|
|
33
|
+
disabled = input(false, /* @ts-ignore */
|
|
34
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
32
35
|
/** Shows a loading spinner and disables interaction. */
|
|
33
|
-
loading = input(false,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
+
loading = input(false, /* @ts-ignore */
|
|
37
|
+
...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
38
|
+
isDisabled = computed(() => this.disabled() || this.loading(), /* @ts-ignore */
|
|
39
|
+
...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
|
|
40
|
+
hostClasses = computed(() => `variant-${this.variant()} size-${this.size()}${this.isDisabled() ? ' is-disabled' : ''}${this.loading() ? ' is-loading' : ''}`, /* @ts-ignore */
|
|
41
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
36
42
|
/** @internal — host element ref for the dev-mode a11y check. */
|
|
37
43
|
el = inject(ElementRef);
|
|
38
44
|
destroyRef = inject(DestroyRef);
|
|
@@ -70,15 +76,15 @@ class LlmButton {
|
|
|
70
76
|
});
|
|
71
77
|
}
|
|
72
78
|
}
|
|
73
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
74
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
79
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmButton, isStandalone: true, selector: "llm-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, properties: { "class": "hostClasses()", "attr.aria-disabled": "isDisabled()", "attr.disabled": "isDisabled() ? true : null" } }, ngImport: i0, template: `
|
|
75
81
|
@if (loading()) {
|
|
76
82
|
<span class="spinner" aria-hidden="true"></span>
|
|
77
83
|
}
|
|
78
84
|
<ng-content />
|
|
79
|
-
`, isInline: true, styles: ["
|
|
85
|
+
`, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-spacing-2);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);letter-spacing:-.01em;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}:host(:focus-visible){outline:none;box-shadow:var(--ui-focus-ring)}:host(.variant-primary){background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(.variant-primary:hover:not(.is-disabled)){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(.variant-primary:active:not(.is-disabled)){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active)}:host(.variant-secondary){background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary)}:host(.variant-secondary:hover:not(.is-disabled)){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover)}:host(.variant-secondary:active:not(.is-disabled)){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active)}:host(.variant-outline){background-color:var(--ui-color-surface-raised);color:var(--ui-color-primary);border-color:var(--ui-color-border-strong)}:host(.variant-outline:hover:not(.is-disabled)){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary)}:host(.variant-outline:active:not(.is-disabled)){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary-active)}:host(.variant-danger){background-color:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger);box-shadow:inset 0 0 0 1px #0000002e}:host(.variant-danger:hover:not(.is-disabled)){background-color:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover);box-shadow:inset 0 0 0 1px #0000002e}:host(.variant-danger:active:not(.is-disabled)){background-color:var(--ui-color-danger-active);border-color:var(--ui-color-danger-active);box-shadow:inset 0 0 0 1px #0000002e}:host(.size-sm){padding:.375rem .875rem;font-size:var(--ui-font-size-sm);min-height:2rem}:host(.size-md){padding:.5625rem 1.125rem;font-size:var(--ui-font-size-md);min-height:2.5rem}:host(.size-lg){padding:.75rem 1.5rem;font-size:var(--ui-font-size-lg);min-height:3rem}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{display:inline-block;width:1em;height:1em;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--ui-radius-full);animation:llm-spin .7s linear infinite;flex-shrink:0}@keyframes llm-spin{to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
80
86
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmButton, decorators: [{
|
|
82
88
|
type: Component,
|
|
83
89
|
args: [{ selector: 'llm-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
84
90
|
@if (loading()) {
|
|
@@ -90,7 +96,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
90
96
|
'[class]': 'hostClasses()',
|
|
91
97
|
'[attr.aria-disabled]': 'isDisabled()',
|
|
92
98
|
'[attr.disabled]': 'isDisabled() ? true : null',
|
|
93
|
-
}, styles: ["
|
|
99
|
+
}, styles: [":host{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-spacing-2);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);letter-spacing:-.01em;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}:host(:focus-visible){outline:none;box-shadow:var(--ui-focus-ring)}:host(.variant-primary){background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(.variant-primary:hover:not(.is-disabled)){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(.variant-primary:active:not(.is-disabled)){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active)}:host(.variant-secondary){background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary)}:host(.variant-secondary:hover:not(.is-disabled)){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover)}:host(.variant-secondary:active:not(.is-disabled)){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active)}:host(.variant-outline){background-color:var(--ui-color-surface-raised);color:var(--ui-color-primary);border-color:var(--ui-color-border-strong)}:host(.variant-outline:hover:not(.is-disabled)){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary)}:host(.variant-outline:active:not(.is-disabled)){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary-active)}:host(.variant-danger){background-color:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger);box-shadow:inset 0 0 0 1px #0000002e}:host(.variant-danger:hover:not(.is-disabled)){background-color:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover);box-shadow:inset 0 0 0 1px #0000002e}:host(.variant-danger:active:not(.is-disabled)){background-color:var(--ui-color-danger-active);border-color:var(--ui-color-danger-active);box-shadow:inset 0 0 0 1px #0000002e}:host(.size-sm){padding:.375rem .875rem;font-size:var(--ui-font-size-sm);min-height:2rem}:host(.size-md){padding:.5625rem 1.125rem;font-size:var(--ui-font-size-md);min-height:2.5rem}:host(.size-lg){padding:.75rem 1.5rem;font-size:var(--ui-font-size-lg);min-height:3rem}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{display:inline-block;width:1em;height:1em;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--ui-radius-full);animation:llm-spin .7s linear infinite;flex-shrink:0}@keyframes llm-spin{to{transform:rotate(360deg)}}\n"] }]
|
|
94
100
|
}], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
|
|
95
101
|
|
|
96
102
|
/**
|
|
@@ -110,9 +116,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
110
116
|
*/
|
|
111
117
|
class LlmCard {
|
|
112
118
|
/** Visual style of the card. */
|
|
113
|
-
variant = input('elevated',
|
|
119
|
+
variant = input('elevated', /* @ts-ignore */
|
|
120
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
114
121
|
/** Internal padding of the card. */
|
|
115
|
-
padding = input('md',
|
|
122
|
+
padding = input('md', /* @ts-ignore */
|
|
123
|
+
...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
|
|
116
124
|
/**
|
|
117
125
|
* Opt-in landmark role. Default is no role.
|
|
118
126
|
*
|
|
@@ -124,17 +132,19 @@ class LlmCard {
|
|
|
124
132
|
* Most cards group content visually and shouldn't add a landmark.
|
|
125
133
|
* Leave unset by default.
|
|
126
134
|
*/
|
|
127
|
-
role = input(undefined,
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
135
|
+
role = input(undefined, /* @ts-ignore */
|
|
136
|
+
...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
|
|
137
|
+
hostClasses = computed(() => `llm-card variant-${this.variant()} padding-${this.padding()}`, /* @ts-ignore */
|
|
138
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
139
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
140
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmCard, isStandalone: true, selector: "llm-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "role() || null" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host(.llm-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.llm-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}:host(.llm-card.variant-outlined){border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.llm-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.llm-card-header):host-context(.padding-none),:host(.llm-card-content):host-context(.padding-none),:host(.llm-card-footer):host-context(.padding-none){padding:0}:host(.llm-card-header):host-context(.padding-sm),:host(.llm-card-content):host-context(.padding-sm),:host(.llm-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.llm-card-header):host-context(.padding-md),:host(.llm-card-content):host-context(.padding-md),:host(.llm-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.llm-card-header):host-context(.padding-lg),:host(.llm-card-content):host-context(.padding-lg),:host(.llm-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.llm-card-header){display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.llm-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.llm-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
131
141
|
}
|
|
132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCard, decorators: [{
|
|
133
143
|
type: Component,
|
|
134
144
|
args: [{ selector: 'llm-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: {
|
|
135
145
|
'[class]': 'hostClasses()',
|
|
136
146
|
'[attr.role]': 'role() || null',
|
|
137
|
-
}, styles: [".llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}.llm-card.variant-elevated{box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}.llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}.llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}.llm-card.padding-none
|
|
147
|
+
}, styles: [":host(.llm-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.llm-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}:host(.llm-card.variant-outlined){border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.llm-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.llm-card-header):host-context(.padding-none),:host(.llm-card-content):host-context(.padding-none),:host(.llm-card-footer):host-context(.padding-none){padding:0}:host(.llm-card-header):host-context(.padding-sm),:host(.llm-card-content):host-context(.padding-sm),:host(.llm-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.llm-card-header):host-context(.padding-md),:host(.llm-card-content):host-context(.padding-md),:host(.llm-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.llm-card-header):host-context(.padding-lg),:host(.llm-card-content):host-context(.padding-lg),:host(.llm-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.llm-card-header){display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.llm-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.llm-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"] }]
|
|
138
148
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }] } });
|
|
139
149
|
/**
|
|
140
150
|
* Header slot for `llm-card`. Renders above the main content with a bottom separator.
|
|
@@ -145,12 +155,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
145
155
|
* ```
|
|
146
156
|
*/
|
|
147
157
|
class LlmCardHeader {
|
|
148
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
149
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
158
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
159
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmCardHeader, isStandalone: true, selector: "llm-card-header", host: { classAttribute: "llm-card-header" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host(.llm-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.llm-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}:host(.llm-card.variant-outlined){border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.llm-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.llm-card-header):host-context(.padding-none),:host(.llm-card-content):host-context(.padding-none),:host(.llm-card-footer):host-context(.padding-none){padding:0}:host(.llm-card-header):host-context(.padding-sm),:host(.llm-card-content):host-context(.padding-sm),:host(.llm-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.llm-card-header):host-context(.padding-md),:host(.llm-card-content):host-context(.padding-md),:host(.llm-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.llm-card-header):host-context(.padding-lg),:host(.llm-card-content):host-context(.padding-lg),:host(.llm-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.llm-card-header){display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.llm-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.llm-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
150
160
|
}
|
|
151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCardHeader, decorators: [{
|
|
152
162
|
type: Component,
|
|
153
|
-
args: [{ selector: 'llm-card-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [".llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}.llm-card.variant-elevated{box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}.llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}.llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}.llm-card.padding-none
|
|
163
|
+
args: [{ selector: 'llm-card-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'llm-card-header' }, styles: [":host(.llm-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.llm-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}:host(.llm-card.variant-outlined){border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.llm-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.llm-card-header):host-context(.padding-none),:host(.llm-card-content):host-context(.padding-none),:host(.llm-card-footer):host-context(.padding-none){padding:0}:host(.llm-card-header):host-context(.padding-sm),:host(.llm-card-content):host-context(.padding-sm),:host(.llm-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.llm-card-header):host-context(.padding-md),:host(.llm-card-content):host-context(.padding-md),:host(.llm-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.llm-card-header):host-context(.padding-lg),:host(.llm-card-content):host-context(.padding-lg),:host(.llm-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.llm-card-header){display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.llm-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.llm-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"] }]
|
|
154
164
|
}] });
|
|
155
165
|
/**
|
|
156
166
|
* Content slot for `llm-card`. Primary content area of the card.
|
|
@@ -161,12 +171,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
161
171
|
* ```
|
|
162
172
|
*/
|
|
163
173
|
class LlmCardContent {
|
|
164
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
165
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
174
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCardContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
175
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmCardContent, isStandalone: true, selector: "llm-card-content", host: { classAttribute: "llm-card-content" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host(.llm-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.llm-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}:host(.llm-card.variant-outlined){border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.llm-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.llm-card-header):host-context(.padding-none),:host(.llm-card-content):host-context(.padding-none),:host(.llm-card-footer):host-context(.padding-none){padding:0}:host(.llm-card-header):host-context(.padding-sm),:host(.llm-card-content):host-context(.padding-sm),:host(.llm-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.llm-card-header):host-context(.padding-md),:host(.llm-card-content):host-context(.padding-md),:host(.llm-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.llm-card-header):host-context(.padding-lg),:host(.llm-card-content):host-context(.padding-lg),:host(.llm-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.llm-card-header){display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.llm-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.llm-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
166
176
|
}
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCardContent, decorators: [{
|
|
168
178
|
type: Component,
|
|
169
|
-
args: [{ selector: 'llm-card-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [".llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}.llm-card.variant-elevated{box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}.llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}.llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}.llm-card.padding-none
|
|
179
|
+
args: [{ selector: 'llm-card-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'llm-card-content' }, styles: [":host(.llm-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.llm-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}:host(.llm-card.variant-outlined){border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.llm-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.llm-card-header):host-context(.padding-none),:host(.llm-card-content):host-context(.padding-none),:host(.llm-card-footer):host-context(.padding-none){padding:0}:host(.llm-card-header):host-context(.padding-sm),:host(.llm-card-content):host-context(.padding-sm),:host(.llm-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.llm-card-header):host-context(.padding-md),:host(.llm-card-content):host-context(.padding-md),:host(.llm-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.llm-card-header):host-context(.padding-lg),:host(.llm-card-content):host-context(.padding-lg),:host(.llm-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.llm-card-header){display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.llm-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.llm-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"] }]
|
|
170
180
|
}] });
|
|
171
181
|
/**
|
|
172
182
|
* Footer slot for `llm-card`. Renders below the main content, typically holds actions.
|
|
@@ -179,12 +189,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
179
189
|
* ```
|
|
180
190
|
*/
|
|
181
191
|
class LlmCardFooter {
|
|
182
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
183
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
192
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
193
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmCardFooter, isStandalone: true, selector: "llm-card-footer", host: { classAttribute: "llm-card-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host(.llm-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.llm-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}:host(.llm-card.variant-outlined){border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.llm-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.llm-card-header):host-context(.padding-none),:host(.llm-card-content):host-context(.padding-none),:host(.llm-card-footer):host-context(.padding-none){padding:0}:host(.llm-card-header):host-context(.padding-sm),:host(.llm-card-content):host-context(.padding-sm),:host(.llm-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.llm-card-header):host-context(.padding-md),:host(.llm-card-content):host-context(.padding-md),:host(.llm-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.llm-card-header):host-context(.padding-lg),:host(.llm-card-content):host-context(.padding-lg),:host(.llm-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.llm-card-header){display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.llm-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.llm-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
184
194
|
}
|
|
185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCardFooter, decorators: [{
|
|
186
196
|
type: Component,
|
|
187
|
-
args: [{ selector: 'llm-card-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [".llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}.llm-card.variant-elevated{box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}.llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}.llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}.llm-card.padding-none
|
|
197
|
+
args: [{ selector: 'llm-card-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'llm-card-footer' }, styles: [":host(.llm-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.llm-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}:host(.llm-card.variant-outlined){border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.llm-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.llm-card-header):host-context(.padding-none),:host(.llm-card-content):host-context(.padding-none),:host(.llm-card-footer):host-context(.padding-none){padding:0}:host(.llm-card-header):host-context(.padding-sm),:host(.llm-card-content):host-context(.padding-sm),:host(.llm-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.llm-card-header):host-context(.padding-md),:host(.llm-card-content):host-context(.padding-md),:host(.llm-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.llm-card-header):host-context(.padding-lg),:host(.llm-card-content):host-context(.padding-lg),:host(.llm-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.llm-card-header){display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.llm-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.llm-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"] }]
|
|
188
198
|
}] });
|
|
189
199
|
|
|
190
200
|
/**
|
|
@@ -206,20 +216,24 @@ const VARIANT_ICONS$1 = {
|
|
|
206
216
|
};
|
|
207
217
|
class LlmBadge {
|
|
208
218
|
/** Semantic color variant of the badge. */
|
|
209
|
-
variant = input('default',
|
|
219
|
+
variant = input('default', /* @ts-ignore */
|
|
220
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
210
221
|
/** Size of the badge. */
|
|
211
|
-
size = input('md',
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
222
|
+
size = input('md', /* @ts-ignore */
|
|
223
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
224
|
+
hostClasses = computed(() => `variant-${this.variant()} size-${this.size()}`, /* @ts-ignore */
|
|
225
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
226
|
+
variantIcon = computed(() => VARIANT_ICONS$1[this.variant()], /* @ts-ignore */
|
|
227
|
+
...(ngDevMode ? [{ debugName: "variantIcon" }] : /* istanbul ignore next */ []));
|
|
228
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
229
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmBadge, isStandalone: true, selector: "llm-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
216
230
|
@if (variantIcon(); as icon) {
|
|
217
231
|
<span class="variant-icon" aria-hidden="true">{{ icon }}</span>
|
|
218
232
|
}
|
|
219
233
|
<ng-content />
|
|
220
234
|
`, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);white-space:nowrap;letter-spacing:.01em}:host(.size-sm){padding:.1875rem var(--ui-spacing-2);font-size:var(--ui-font-size-xs)}:host(.size-md){padding:.3125rem var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}:host(.variant-default){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border)}:host(.variant-success){background-color:var(--ui-color-success-bg);color:var(--ui-color-success-text);border:1px solid color-mix(in srgb,var(--ui-color-success-text) 25%,transparent)}:host(.variant-warning){background-color:var(--ui-color-warning-bg);color:var(--ui-color-warning-text);border:1px solid color-mix(in srgb,var(--ui-color-warning-text) 25%,transparent)}:host(.variant-danger){background-color:var(--ui-color-danger-bg);color:var(--ui-color-danger-text);border:1px solid color-mix(in srgb,var(--ui-color-danger-text) 25%,transparent)}:host(.variant-info){background-color:var(--ui-color-info-bg);color:var(--ui-color-info-text);border:1px solid color-mix(in srgb,var(--ui-color-info-text) 25%,transparent)}.variant-icon{font-weight:700;margin-right:.3em;line-height:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
221
235
|
}
|
|
222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmBadge, decorators: [{
|
|
223
237
|
type: Component,
|
|
224
238
|
args: [{ selector: 'llm-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
225
239
|
@if (variantIcon(); as icon) {
|
|
@@ -267,15 +281,20 @@ const ICON_GLYPHS = {
|
|
|
267
281
|
* ```
|
|
268
282
|
*/
|
|
269
283
|
class LlmIcon {
|
|
270
|
-
name = input.required(
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
284
|
+
name = input.required(/* @ts-ignore */
|
|
285
|
+
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
286
|
+
size = input('md', /* @ts-ignore */
|
|
287
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
288
|
+
label = input(/* @ts-ignore */
|
|
289
|
+
...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
290
|
+
glyph = computed(() => ICON_GLYPHS[this.name()], /* @ts-ignore */
|
|
291
|
+
...(ngDevMode ? [{ debugName: "glyph" }] : /* istanbul ignore next */ []));
|
|
292
|
+
hostClasses = computed(() => `size-${this.size()}`, /* @ts-ignore */
|
|
293
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
294
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
295
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmIcon, isStandalone: true, selector: "llm-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "label() ? \"img\" : null", "attr.aria-label": "label() || null", "attr.aria-hidden": "label() ? null : \"true\"" } }, ngImport: i0, template: `{{ glyph() }}`, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-medium);line-height:1;color:currentColor;-webkit-user-select:none;user-select:none;flex-shrink:0}:host(.size-sm){width:1rem;height:1rem;font-size:var(--ui-font-size-sm)}:host(.size-md){width:1.25rem;height:1.25rem;font-size:var(--ui-font-size-md)}:host(.size-lg){width:1.5rem;height:1.5rem;font-size:var(--ui-font-size-lg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
277
296
|
}
|
|
278
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmIcon, decorators: [{
|
|
279
298
|
type: Component,
|
|
280
299
|
args: [{ selector: 'llm-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `{{ glyph() }}`, host: {
|
|
281
300
|
'[class]': 'hostClasses()',
|
|
@@ -297,29 +316,40 @@ let nextId$d = 0;
|
|
|
297
316
|
*/
|
|
298
317
|
class LlmInput {
|
|
299
318
|
/** The current input value. Bound by [formField] directive. Supports [(value)] two-way binding. */
|
|
300
|
-
value = model('',
|
|
319
|
+
value = model('', /* @ts-ignore */
|
|
320
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
301
321
|
/** The type of input field. */
|
|
302
|
-
type = input('text',
|
|
322
|
+
type = input('text', /* @ts-ignore */
|
|
323
|
+
...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
303
324
|
/** Placeholder text shown when the input is empty. */
|
|
304
|
-
placeholder = input('',
|
|
325
|
+
placeholder = input('', /* @ts-ignore */
|
|
326
|
+
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
305
327
|
/** Whether the input is disabled. Bound by [formField] directive. */
|
|
306
|
-
disabled = input(false,
|
|
328
|
+
disabled = input(false, /* @ts-ignore */
|
|
329
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
307
330
|
/** Whether the input is read-only. Bound by [formField] directive. */
|
|
308
|
-
readonly = input(false,
|
|
331
|
+
readonly = input(false, /* @ts-ignore */
|
|
332
|
+
...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
309
333
|
/** Whether the input has validation errors. Bound by [formField] directive. */
|
|
310
|
-
invalid = input(false,
|
|
334
|
+
invalid = input(false, /* @ts-ignore */
|
|
335
|
+
...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
311
336
|
/** Validation errors from the form system. Bound by [formField] directive. */
|
|
312
|
-
errors = input([],
|
|
337
|
+
errors = input([], /* @ts-ignore */
|
|
338
|
+
...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
313
339
|
/** Whether the user has interacted with the input. Bound by [formField] directive. */
|
|
314
|
-
touched = model(false,
|
|
340
|
+
touched = model(false, /* @ts-ignore */
|
|
341
|
+
...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
|
|
315
342
|
/** Whether the input is required. Bound by [formField] directive. */
|
|
316
|
-
required = input(false,
|
|
343
|
+
required = input(false, /* @ts-ignore */
|
|
344
|
+
...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
317
345
|
/** The input's name attribute. Bound by [formField] directive. */
|
|
318
|
-
name = input('',
|
|
346
|
+
name = input('', /* @ts-ignore */
|
|
347
|
+
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
319
348
|
/** @internal */
|
|
320
349
|
errorId = `llm-input-errors-${nextId$d++}`;
|
|
321
350
|
/** @internal */
|
|
322
|
-
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0,
|
|
351
|
+
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, /* @ts-ignore */
|
|
352
|
+
...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
|
|
323
353
|
/** @internal */
|
|
324
354
|
hostClasses = computed(() => {
|
|
325
355
|
const classes = [];
|
|
@@ -332,14 +362,15 @@ class LlmInput {
|
|
|
332
362
|
if (this.touched())
|
|
333
363
|
classes.push('is-touched');
|
|
334
364
|
return classes.join(' ');
|
|
335
|
-
},
|
|
365
|
+
}, /* @ts-ignore */
|
|
366
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
336
367
|
/** @internal */
|
|
337
368
|
onInput(event) {
|
|
338
369
|
const target = event.target;
|
|
339
370
|
this.value.set(target.value);
|
|
340
371
|
}
|
|
341
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
342
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
372
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
373
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmInput, isStandalone: true, selector: "llm-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
343
374
|
<div class="input-field">
|
|
344
375
|
<input
|
|
345
376
|
[type]="type()"
|
|
@@ -362,9 +393,9 @@ class LlmInput {
|
|
|
362
393
|
}
|
|
363
394
|
</div>
|
|
364
395
|
}
|
|
365
|
-
`, isInline: true, styles: ["
|
|
396
|
+
`, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}input{display:block;width:100%;min-height:2.5rem;padding:.625rem var(--ui-spacing-4);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box}input::placeholder{color:var(--ui-color-placeholder)}input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.input-field{position:relative}:host(.is-invalid) input{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}:host(.is-invalid) input:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-invalid) .input-field:before{content:\"\\2715\";position:absolute;top:50%;transform:translateY(-50%);right:.875rem;color:var(--ui-color-danger);font-weight:700;line-height:1;pointer-events:none}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) input{cursor:not-allowed}:host(.is-readonly) input{background-color:var(--ui-color-surface-sunken);cursor:default}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
366
397
|
}
|
|
367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
398
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmInput, decorators: [{
|
|
368
399
|
type: Component,
|
|
369
400
|
args: [{ selector: 'llm-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
370
401
|
<div class="input-field">
|
|
@@ -391,7 +422,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
391
422
|
}
|
|
392
423
|
`, host: {
|
|
393
424
|
'[class]': 'hostClasses()',
|
|
394
|
-
}, styles: ["
|
|
425
|
+
}, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}input{display:block;width:100%;min-height:2.5rem;padding:.625rem var(--ui-spacing-4);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box}input::placeholder{color:var(--ui-color-placeholder)}input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.input-field{position:relative}:host(.is-invalid) input{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}:host(.is-invalid) input:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-invalid) .input-field:before{content:\"\\2715\";position:absolute;top:50%;transform:translateY(-50%);right:.875rem;color:var(--ui-color-danger);font-weight:700;line-height:1;pointer-events:none}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) input{cursor:not-allowed}:host(.is-readonly) input{background-color:var(--ui-color-surface-sunken);cursor:default}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"] }]
|
|
395
426
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] } });
|
|
396
427
|
|
|
397
428
|
let nextId$c = 0;
|
|
@@ -406,31 +437,43 @@ let nextId$c = 0;
|
|
|
406
437
|
*/
|
|
407
438
|
class LlmTextarea {
|
|
408
439
|
/** The current textarea value. Supports [(value)] two-way binding. */
|
|
409
|
-
value = model('',
|
|
440
|
+
value = model('', /* @ts-ignore */
|
|
441
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
410
442
|
/** Number of visible text rows. */
|
|
411
|
-
rows = input(3,
|
|
443
|
+
rows = input(3, /* @ts-ignore */
|
|
444
|
+
...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
|
|
412
445
|
/** Placeholder text shown when the textarea is empty. */
|
|
413
|
-
placeholder = input('',
|
|
446
|
+
placeholder = input('', /* @ts-ignore */
|
|
447
|
+
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
414
448
|
/** Whether the textarea is disabled. Bound by [formField] directive. */
|
|
415
|
-
disabled = input(false,
|
|
449
|
+
disabled = input(false, /* @ts-ignore */
|
|
450
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
416
451
|
/** Whether the textarea is read-only. Bound by [formField] directive. */
|
|
417
|
-
readonly = input(false,
|
|
452
|
+
readonly = input(false, /* @ts-ignore */
|
|
453
|
+
...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
418
454
|
/** Whether the textarea has validation errors. Bound by [formField] directive. */
|
|
419
|
-
invalid = input(false,
|
|
455
|
+
invalid = input(false, /* @ts-ignore */
|
|
456
|
+
...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
420
457
|
/** Validation errors from the form system. Bound by [formField] directive. */
|
|
421
|
-
errors = input([],
|
|
458
|
+
errors = input([], /* @ts-ignore */
|
|
459
|
+
...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
422
460
|
/** Whether the user has interacted with the textarea. Bound by [formField] directive. */
|
|
423
|
-
touched = model(false,
|
|
461
|
+
touched = model(false, /* @ts-ignore */
|
|
462
|
+
...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
|
|
424
463
|
/** Whether the textarea is required. Bound by [formField] directive. */
|
|
425
|
-
required = input(false,
|
|
464
|
+
required = input(false, /* @ts-ignore */
|
|
465
|
+
...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
426
466
|
/** The textarea's name attribute. Bound by [formField] directive. */
|
|
427
|
-
name = input('',
|
|
467
|
+
name = input('', /* @ts-ignore */
|
|
468
|
+
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
428
469
|
/** Whether to auto-resize the textarea height to fit its content. */
|
|
429
|
-
autoResize = input(false,
|
|
470
|
+
autoResize = input(false, /* @ts-ignore */
|
|
471
|
+
...(ngDevMode ? [{ debugName: "autoResize" }] : /* istanbul ignore next */ []));
|
|
430
472
|
/** @internal */
|
|
431
473
|
errorId = `llm-textarea-errors-${nextId$c++}`;
|
|
432
474
|
/** @internal */
|
|
433
|
-
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0,
|
|
475
|
+
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, /* @ts-ignore */
|
|
476
|
+
...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
|
|
434
477
|
/** @internal */
|
|
435
478
|
hostClasses = computed(() => {
|
|
436
479
|
const classes = [];
|
|
@@ -445,14 +488,15 @@ class LlmTextarea {
|
|
|
445
488
|
if (this.autoResize())
|
|
446
489
|
classes.push('is-auto-resize');
|
|
447
490
|
return classes.join(' ');
|
|
448
|
-
},
|
|
491
|
+
}, /* @ts-ignore */
|
|
492
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
449
493
|
/** @internal */
|
|
450
494
|
onInput(event) {
|
|
451
495
|
const target = event.target;
|
|
452
496
|
this.value.set(target.value);
|
|
453
497
|
}
|
|
454
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
455
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
498
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
499
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmTextarea, isStandalone: true, selector: "llm-textarea", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
456
500
|
<div class="textarea-field">
|
|
457
501
|
<textarea
|
|
458
502
|
[value]="value()"
|
|
@@ -477,9 +521,9 @@ class LlmTextarea {
|
|
|
477
521
|
}
|
|
478
522
|
</div>
|
|
479
523
|
}
|
|
480
|
-
`, isInline: true, styles: ["
|
|
524
|
+
`, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}textarea{display:block;width:100%;padding:.625rem var(--ui-spacing-4);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box;resize:vertical;min-height:5rem}textarea::placeholder{color:var(--ui-color-placeholder)}textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.textarea-field{position:relative}:host(.is-invalid) textarea{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}:host(.is-invalid) textarea:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-invalid) .textarea-field:before{content:\"\\2715\";position:absolute;top:.75rem;right:.875rem;color:var(--ui-color-danger);font-weight:700;line-height:1;pointer-events:none}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) textarea{cursor:not-allowed}:host(.is-readonly) textarea{background-color:var(--ui-color-surface-sunken);cursor:default}:host(.is-auto-resize) textarea{resize:none;overflow:hidden}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"], dependencies: [{ kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
481
525
|
}
|
|
482
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
526
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTextarea, decorators: [{
|
|
483
527
|
type: Component,
|
|
484
528
|
args: [{ selector: 'llm-textarea', standalone: true, imports: [TextFieldModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
485
529
|
<div class="textarea-field">
|
|
@@ -508,7 +552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
508
552
|
}
|
|
509
553
|
`, host: {
|
|
510
554
|
'[class]': 'hostClasses()',
|
|
511
|
-
}, styles: ["
|
|
555
|
+
}, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}textarea{display:block;width:100%;padding:.625rem var(--ui-spacing-4);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box;resize:vertical;min-height:5rem}textarea::placeholder{color:var(--ui-color-placeholder)}textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.textarea-field{position:relative}:host(.is-invalid) textarea{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}:host(.is-invalid) textarea:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-invalid) .textarea-field:before{content:\"\\2715\";position:absolute;top:.75rem;right:.875rem;color:var(--ui-color-danger);font-weight:700;line-height:1;pointer-events:none}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) textarea{cursor:not-allowed}:host(.is-readonly) textarea{background-color:var(--ui-color-surface-sunken);cursor:default}:host(.is-auto-resize) textarea{resize:none;overflow:hidden}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"] }]
|
|
512
556
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autoResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoResize", required: false }] }] } });
|
|
513
557
|
|
|
514
558
|
let nextId$b = 0;
|
|
@@ -523,29 +567,39 @@ let nextId$b = 0;
|
|
|
523
567
|
*/
|
|
524
568
|
class LlmCheckbox {
|
|
525
569
|
/** The checked state. Bound by [formField] directive. Supports [(checked)] two-way binding. */
|
|
526
|
-
checked = model(false,
|
|
570
|
+
checked = model(false, /* @ts-ignore */
|
|
571
|
+
...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
527
572
|
/** Whether the user has interacted with the input. Bound by [formField] directive. */
|
|
528
|
-
touched = model(false,
|
|
573
|
+
touched = model(false, /* @ts-ignore */
|
|
574
|
+
...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
|
|
529
575
|
/** Tri-state indeterminate mode (e.g. "select all"). Set via DOM property. */
|
|
530
|
-
indeterminate = input(false,
|
|
576
|
+
indeterminate = input(false, /* @ts-ignore */
|
|
577
|
+
...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
|
|
531
578
|
/** Whether the checkbox is disabled. Bound by [formField] directive. */
|
|
532
|
-
disabled = input(false,
|
|
579
|
+
disabled = input(false, /* @ts-ignore */
|
|
580
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
533
581
|
/** Whether the checkbox has validation errors. Bound by [formField] directive. */
|
|
534
|
-
invalid = input(false,
|
|
582
|
+
invalid = input(false, /* @ts-ignore */
|
|
583
|
+
...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
535
584
|
/** Whether the checkbox is required. Bound by [formField] directive. */
|
|
536
|
-
required = input(false,
|
|
585
|
+
required = input(false, /* @ts-ignore */
|
|
586
|
+
...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
537
587
|
/** The input's name attribute. Bound by [formField] directive. */
|
|
538
|
-
name = input('',
|
|
588
|
+
name = input('', /* @ts-ignore */
|
|
589
|
+
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
539
590
|
/** Validation errors from the form system. Bound by [formField] directive. */
|
|
540
|
-
errors = input([],
|
|
591
|
+
errors = input([], /* @ts-ignore */
|
|
592
|
+
...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
541
593
|
/** @internal */
|
|
542
594
|
inputId = `llm-checkbox-${nextId$b++}`;
|
|
543
595
|
/** @internal */
|
|
544
596
|
errorId = `llm-checkbox-errors-${nextId$b++}`;
|
|
545
597
|
/** @internal */
|
|
546
|
-
nativeInput = viewChild('nativeInput',
|
|
598
|
+
nativeInput = viewChild('nativeInput', /* @ts-ignore */
|
|
599
|
+
...(ngDevMode ? [{ debugName: "nativeInput" }] : /* istanbul ignore next */ []));
|
|
547
600
|
/** @internal */
|
|
548
|
-
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0,
|
|
601
|
+
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, /* @ts-ignore */
|
|
602
|
+
...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
|
|
549
603
|
/** @internal */
|
|
550
604
|
hostClasses = computed(() => {
|
|
551
605
|
const classes = [];
|
|
@@ -558,7 +612,8 @@ class LlmCheckbox {
|
|
|
558
612
|
if (this.touched())
|
|
559
613
|
classes.push('is-touched');
|
|
560
614
|
return classes.join(' ');
|
|
561
|
-
},
|
|
615
|
+
}, /* @ts-ignore */
|
|
616
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
562
617
|
constructor() {
|
|
563
618
|
effect(() => {
|
|
564
619
|
const el = this.nativeInput()?.nativeElement;
|
|
@@ -572,8 +627,8 @@ class LlmCheckbox {
|
|
|
572
627
|
const target = event.target;
|
|
573
628
|
this.checked.set(target.checked);
|
|
574
629
|
}
|
|
575
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
576
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
630
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
631
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmCheckbox, isStandalone: true, selector: "llm-checkbox", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touched: "touchedChange" }, host: { properties: { "class": "hostClasses()" } }, viewQueries: [{ propertyName: "nativeInput", first: true, predicate: ["nativeInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
577
632
|
<label [attr.for]="inputId">
|
|
578
633
|
<input
|
|
579
634
|
#nativeInput
|
|
@@ -597,9 +652,9 @@ class LlmCheckbox {
|
|
|
597
652
|
}
|
|
598
653
|
</div>
|
|
599
654
|
}
|
|
600
|
-
`, isInline: true, styles: ["
|
|
655
|
+
`, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);min-height:1.5rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-border-strong);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-primary);background-color:var(--ui-color-primary-light)}input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=checkbox]:checked:after{content:\"\";position:absolute;inset:0;margin:auto;width:.35rem;height:.6rem;border:2px solid var(--ui-color-text-on-primary);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=checkbox]:indeterminate:after{content:\"\";position:absolute;inset:0;margin:auto;width:.5rem;height:2px;background-color:var(--ui-color-text-on-primary);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}:host(.is-invalid) input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input[type=checkbox]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) input[type=checkbox]{cursor:not-allowed}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}@keyframes llm-check-pop{0%{transform:rotate(45deg) translate(-1px,-1px) scale(0)}60%{transform:rotate(45deg) translate(-1px,-1px) scale(1.15)}to{transform:rotate(45deg) translate(-1px,-1px) scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
601
656
|
}
|
|
602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCheckbox, decorators: [{
|
|
603
658
|
type: Component,
|
|
604
659
|
args: [{ selector: 'llm-checkbox', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
605
660
|
<label [attr.for]="inputId">
|
|
@@ -627,7 +682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
627
682
|
}
|
|
628
683
|
`, host: {
|
|
629
684
|
'[class]': 'hostClasses()',
|
|
630
|
-
}, styles: ["
|
|
685
|
+
}, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);min-height:1.5rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-border-strong);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-primary);background-color:var(--ui-color-primary-light)}input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=checkbox]:checked:after{content:\"\";position:absolute;inset:0;margin:auto;width:.35rem;height:.6rem;border:2px solid var(--ui-color-text-on-primary);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=checkbox]:indeterminate:after{content:\"\";position:absolute;inset:0;margin:auto;width:.5rem;height:2px;background-color:var(--ui-color-text-on-primary);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}:host(.is-invalid) input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input[type=checkbox]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) input[type=checkbox]{cursor:not-allowed}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}@keyframes llm-check-pop{0%{transform:rotate(45deg) translate(-1px,-1px) scale(0)}60%{transform:rotate(45deg) translate(-1px,-1px) scale(1.15)}to{transform:rotate(45deg) translate(-1px,-1px) scale(1)}}\n"] }]
|
|
631
686
|
}], ctorParameters: () => [], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], nativeInput: [{ type: i0.ViewChild, args: ['nativeInput', { isSignal: true }] }] } });
|
|
632
687
|
|
|
633
688
|
const LLM_RADIO_GROUP = new InjectionToken('LLM_RADIO_GROUP');
|
|
@@ -646,7 +701,8 @@ let nextId$a = 0;
|
|
|
646
701
|
*/
|
|
647
702
|
class LlmRadio {
|
|
648
703
|
/** The value this radio option represents within the group. */
|
|
649
|
-
radioValue = input.required(
|
|
704
|
+
radioValue = input.required(/* @ts-ignore */
|
|
705
|
+
...(ngDevMode ? [{ debugName: "radioValue" }] : /* istanbul ignore next */ []));
|
|
650
706
|
/** Whether this specific radio is individually disabled (stacked with group disabled). */
|
|
651
707
|
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
652
708
|
disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled' });
|
|
@@ -657,11 +713,14 @@ class LlmRadio {
|
|
|
657
713
|
/** @internal */
|
|
658
714
|
inputId = `llm-radio-${nextId$a++}`;
|
|
659
715
|
/** @internal */
|
|
660
|
-
isChecked = computed(() => this.group?.value() === this.radioValue(),
|
|
716
|
+
isChecked = computed(() => this.group?.value() === this.radioValue(), /* @ts-ignore */
|
|
717
|
+
...(ngDevMode ? [{ debugName: "isChecked" }] : /* istanbul ignore next */ []));
|
|
661
718
|
/** @internal */
|
|
662
|
-
isDisabled = computed(() => this.disabledInput() || (this.group?.disabled() ?? false),
|
|
719
|
+
isDisabled = computed(() => this.disabledInput() || (this.group?.disabled() ?? false), /* @ts-ignore */
|
|
720
|
+
...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
|
|
663
721
|
/** @internal */
|
|
664
|
-
effectiveName = computed(() => this.group?.name() ?? '',
|
|
722
|
+
effectiveName = computed(() => this.group?.name() ?? '', /* @ts-ignore */
|
|
723
|
+
...(ngDevMode ? [{ debugName: "effectiveName" }] : /* istanbul ignore next */ []));
|
|
665
724
|
/** @internal */
|
|
666
725
|
hostClasses = computed(() => {
|
|
667
726
|
const classes = [];
|
|
@@ -670,7 +729,8 @@ class LlmRadio {
|
|
|
670
729
|
if (this.isDisabled())
|
|
671
730
|
classes.push('is-disabled');
|
|
672
731
|
return classes.join(' ');
|
|
673
|
-
},
|
|
732
|
+
}, /* @ts-ignore */
|
|
733
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
674
734
|
/** @internal — for FocusKeyManager */
|
|
675
735
|
get disabled() {
|
|
676
736
|
return this.isDisabled();
|
|
@@ -693,8 +753,8 @@ class LlmRadio {
|
|
|
693
753
|
onBlur() {
|
|
694
754
|
this.group?.markTouched();
|
|
695
755
|
}
|
|
696
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
697
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
756
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
757
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmRadio, isStandalone: true, selector: "llm-radio", inputs: { radioValue: { classPropertyName: "radioValue", publicName: "radioValue", isSignal: true, isRequired: true, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
698
758
|
<label [attr.for]="inputId">
|
|
699
759
|
<input
|
|
700
760
|
type="radio"
|
|
@@ -708,9 +768,9 @@ class LlmRadio {
|
|
|
708
768
|
/>
|
|
709
769
|
<ng-content />
|
|
710
770
|
</label>
|
|
711
|
-
`, isInline: true, styles: ["
|
|
771
|
+
`, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);padding:var(--ui-spacing-1) 0;min-height:1.5rem;transition:color var(--ui-transition-fast)}:host(:hover:not(.is-disabled)){color:var(--ui-color-primary)}input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-border-strong);border-radius:50%;background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),border-width var(--ui-transition-fast) var(--ui-ease-out),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none;margin:0}:host(:hover) input[type=radio]:not(:disabled){border-color:var(--ui-color-primary)}input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}input[type=radio]:checked{border-color:var(--ui-color-primary);border-width:6px}:host(.is-invalid) input[type=radio]{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid:hover) input[type=radio]{border-color:var(--ui-color-danger-hover)}:host(.is-invalid) input[type=radio]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed;color:var(--ui-color-text-muted)}:host(.is-disabled) input[type=radio]{cursor:not-allowed;border-color:var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
712
772
|
}
|
|
713
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
773
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmRadio, decorators: [{
|
|
714
774
|
type: Component,
|
|
715
775
|
args: [{ selector: 'llm-radio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
716
776
|
<label [attr.for]="inputId">
|
|
@@ -728,7 +788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
728
788
|
</label>
|
|
729
789
|
`, host: {
|
|
730
790
|
'[class]': 'hostClasses()',
|
|
731
|
-
}, styles: ["
|
|
791
|
+
}, styles: [":host{display:inline-flex;align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);padding:var(--ui-spacing-1) 0;min-height:1.5rem;transition:color var(--ui-transition-fast)}:host(:hover:not(.is-disabled)){color:var(--ui-color-primary)}input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-border-strong);border-radius:50%;background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),border-width var(--ui-transition-fast) var(--ui-ease-out),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none;margin:0}:host(:hover) input[type=radio]:not(:disabled){border-color:var(--ui-color-primary)}input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}input[type=radio]:checked{border-color:var(--ui-color-primary);border-width:6px}:host(.is-invalid) input[type=radio]{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid:hover) input[type=radio]{border-color:var(--ui-color-danger-hover)}:host(.is-invalid) input[type=radio]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed;color:var(--ui-color-text-muted)}:host(.is-disabled) input[type=radio]{cursor:not-allowed;border-color:var(--ui-color-border)}\n"] }]
|
|
732
792
|
}], propDecorators: { radioValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "radioValue", required: true }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
733
793
|
|
|
734
794
|
let nextId$9 = 0;
|
|
@@ -752,27 +812,36 @@ let nextId$9 = 0;
|
|
|
752
812
|
*/
|
|
753
813
|
class LlmRadioGroup {
|
|
754
814
|
/** The selected value. Bound by [formField] directive. Supports [(value)] two-way binding. */
|
|
755
|
-
value = model('',
|
|
815
|
+
value = model('', /* @ts-ignore */
|
|
816
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
756
817
|
/** Whether the user has interacted. Bound by [formField] directive. */
|
|
757
|
-
touched = model(false,
|
|
818
|
+
touched = model(false, /* @ts-ignore */
|
|
819
|
+
...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
|
|
758
820
|
/** Whether the group is disabled. Bound by [formField] directive. */
|
|
759
|
-
disabled = input(false,
|
|
821
|
+
disabled = input(false, /* @ts-ignore */
|
|
822
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
760
823
|
/** Whether the group has validation errors. Bound by [formField] directive. */
|
|
761
|
-
invalid = input(false,
|
|
824
|
+
invalid = input(false, /* @ts-ignore */
|
|
825
|
+
...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
762
826
|
/** Whether the group is required. Bound by [formField] directive. */
|
|
763
|
-
required = input(false,
|
|
827
|
+
required = input(false, /* @ts-ignore */
|
|
828
|
+
...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
764
829
|
/** Shared name attribute propagated to all child radio inputs. Bound by [formField] directive. */
|
|
765
|
-
name = input('',
|
|
830
|
+
name = input('', /* @ts-ignore */
|
|
831
|
+
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
766
832
|
/** Validation errors from the form system. Bound by [formField] directive. */
|
|
767
|
-
errors = input([],
|
|
833
|
+
errors = input([], /* @ts-ignore */
|
|
834
|
+
...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
768
835
|
/** @internal */
|
|
769
836
|
errorId = `llm-radio-group-errors-${nextId$9++}`;
|
|
770
837
|
/** @internal */
|
|
771
|
-
items = signal([],
|
|
838
|
+
items = signal([], /* @ts-ignore */
|
|
839
|
+
...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
|
|
772
840
|
/** @internal */
|
|
773
841
|
keyManager = null;
|
|
774
842
|
/** @internal */
|
|
775
|
-
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0,
|
|
843
|
+
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, /* @ts-ignore */
|
|
844
|
+
...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
|
|
776
845
|
/** @internal */
|
|
777
846
|
hostClasses = computed(() => {
|
|
778
847
|
const classes = [];
|
|
@@ -783,7 +852,8 @@ class LlmRadioGroup {
|
|
|
783
852
|
if (this.touched())
|
|
784
853
|
classes.push('is-touched');
|
|
785
854
|
return classes.join(' ');
|
|
786
|
-
},
|
|
855
|
+
}, /* @ts-ignore */
|
|
856
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
787
857
|
/** @internal — called by LlmRadio on change */
|
|
788
858
|
select(v) {
|
|
789
859
|
if (!this.disabled()) {
|
|
@@ -822,8 +892,8 @@ class LlmRadioGroup {
|
|
|
822
892
|
this.touched.set(true);
|
|
823
893
|
}
|
|
824
894
|
}
|
|
825
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
826
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
895
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
896
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmRadioGroup, isStandalone: true, selector: "llm-radio-group", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()", "attr.aria-invalid": "invalid() || null", "attr.aria-required": "required() || null", "attr.aria-describedby": "showErrors() ? errorId : null" } }, providers: [{ provide: LLM_RADIO_GROUP, useExisting: LlmRadioGroup }], ngImport: i0, template: `
|
|
827
897
|
<ng-content />
|
|
828
898
|
@if (showErrors()) {
|
|
829
899
|
<div class="errors" [id]="errorId" aria-live="polite">
|
|
@@ -832,9 +902,9 @@ class LlmRadioGroup {
|
|
|
832
902
|
}
|
|
833
903
|
</div>
|
|
834
904
|
}
|
|
835
|
-
`, isInline: true, styles: ["
|
|
905
|
+
`, isInline: true, styles: [":host{display:flex;font-family:var(--ui-font-family);gap:var(--ui-spacing-3)}:host(.orientation-vertical){flex-direction:column}:host(.orientation-horizontal){flex-direction:row;flex-wrap:wrap}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
836
906
|
}
|
|
837
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmRadioGroup, decorators: [{
|
|
838
908
|
type: Component,
|
|
839
909
|
args: [{ selector: 'llm-radio-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
840
910
|
<ng-content />
|
|
@@ -852,7 +922,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
852
922
|
'[attr.aria-required]': 'required() || null',
|
|
853
923
|
'[attr.aria-describedby]': 'showErrors() ? errorId : null',
|
|
854
924
|
'(keydown)': 'onKeydown($event)',
|
|
855
|
-
}, providers: [{ provide: LLM_RADIO_GROUP, useExisting: LlmRadioGroup }], styles: ["
|
|
925
|
+
}, providers: [{ provide: LLM_RADIO_GROUP, useExisting: LlmRadioGroup }], styles: [":host{display:flex;font-family:var(--ui-font-family);gap:var(--ui-spacing-3)}:host(.orientation-vertical){flex-direction:column}:host(.orientation-horizontal){flex-direction:row;flex-wrap:wrap}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"] }]
|
|
856
926
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }] } });
|
|
857
927
|
|
|
858
928
|
let nextId$8 = 0;
|
|
@@ -869,25 +939,33 @@ let nextId$8 = 0;
|
|
|
869
939
|
*/
|
|
870
940
|
class LlmToggle {
|
|
871
941
|
/** The checked state. Bound by [formField] directive. Supports [(checked)] two-way binding. */
|
|
872
|
-
checked = model(false,
|
|
942
|
+
checked = model(false, /* @ts-ignore */
|
|
943
|
+
...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
873
944
|
/** Whether the user has interacted with the input. Bound by [formField] directive. */
|
|
874
|
-
touched = model(false,
|
|
945
|
+
touched = model(false, /* @ts-ignore */
|
|
946
|
+
...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
|
|
875
947
|
/** Whether the toggle is disabled. Bound by [formField] directive. */
|
|
876
|
-
disabled = input(false,
|
|
948
|
+
disabled = input(false, /* @ts-ignore */
|
|
949
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
877
950
|
/** Whether the toggle has validation errors. Bound by [formField] directive. */
|
|
878
|
-
invalid = input(false,
|
|
951
|
+
invalid = input(false, /* @ts-ignore */
|
|
952
|
+
...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
879
953
|
/** Whether the toggle is required. Bound by [formField] directive. */
|
|
880
|
-
required = input(false,
|
|
954
|
+
required = input(false, /* @ts-ignore */
|
|
955
|
+
...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
881
956
|
/** The input's name attribute. Bound by [formField] directive. */
|
|
882
|
-
name = input('',
|
|
957
|
+
name = input('', /* @ts-ignore */
|
|
958
|
+
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
883
959
|
/** Validation errors from the form system. Bound by [formField] directive. */
|
|
884
|
-
errors = input([],
|
|
960
|
+
errors = input([], /* @ts-ignore */
|
|
961
|
+
...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
885
962
|
/** @internal */
|
|
886
963
|
inputId = `llm-toggle-${nextId$8++}`;
|
|
887
964
|
/** @internal */
|
|
888
965
|
errorId = `llm-toggle-errors-${nextId$8++}`;
|
|
889
966
|
/** @internal */
|
|
890
|
-
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0,
|
|
967
|
+
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, /* @ts-ignore */
|
|
968
|
+
...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
|
|
891
969
|
/** @internal */
|
|
892
970
|
hostClasses = computed(() => {
|
|
893
971
|
const classes = [];
|
|
@@ -900,14 +978,15 @@ class LlmToggle {
|
|
|
900
978
|
if (this.touched())
|
|
901
979
|
classes.push('is-touched');
|
|
902
980
|
return classes.join(' ');
|
|
903
|
-
},
|
|
981
|
+
}, /* @ts-ignore */
|
|
982
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
904
983
|
/** @internal */
|
|
905
984
|
onChange(event) {
|
|
906
985
|
const target = event.target;
|
|
907
986
|
this.checked.set(target.checked);
|
|
908
987
|
}
|
|
909
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
910
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
988
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
989
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmToggle, isStandalone: true, selector: "llm-toggle", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touched: "touchedChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
911
990
|
<label [attr.for]="inputId">
|
|
912
991
|
<input
|
|
913
992
|
type="checkbox"
|
|
@@ -935,9 +1014,9 @@ class LlmToggle {
|
|
|
935
1014
|
}
|
|
936
1015
|
</div>
|
|
937
1016
|
}
|
|
938
|
-
`, isInline: true, styles: ["
|
|
1017
|
+
`, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);min-height:1.5rem}input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:2.75rem;height:1.5rem;border-radius:var(--ui-radius-full);border:1px solid var(--ui-color-border-strong);background-color:var(--ui-color-input-bg);transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);cursor:pointer}.thumb{position:absolute;left:.125rem;width:1.125rem;height:1.125rem;border-radius:var(--ui-radius-full);background-color:var(--ui-color-border-strong);box-shadow:var(--ui-shadow-xs);transition:transform var(--ui-transition-normal) var(--ui-ease-out),background-color var(--ui-transition-fast)}label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-primary)}input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}:host(.is-checked) .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}:host(.is-checked) .thumb{transform:translate(1.25rem);background-color:var(--ui-color-text-on-primary)}:host(.is-invalid) .track{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input[type=checkbox]:focus-visible+.track{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) .track{cursor:not-allowed}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
939
1018
|
}
|
|
940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmToggle, decorators: [{
|
|
941
1020
|
type: Component,
|
|
942
1021
|
args: [{ selector: 'llm-toggle', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
943
1022
|
<label [attr.for]="inputId">
|
|
@@ -969,7 +1048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
969
1048
|
}
|
|
970
1049
|
`, host: {
|
|
971
1050
|
'[class]': 'hostClasses()',
|
|
972
|
-
}, styles: ["
|
|
1051
|
+
}, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);min-height:1.5rem}input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:2.75rem;height:1.5rem;border-radius:var(--ui-radius-full);border:1px solid var(--ui-color-border-strong);background-color:var(--ui-color-input-bg);transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);cursor:pointer}.thumb{position:absolute;left:.125rem;width:1.125rem;height:1.125rem;border-radius:var(--ui-radius-full);background-color:var(--ui-color-border-strong);box-shadow:var(--ui-shadow-xs);transition:transform var(--ui-transition-normal) var(--ui-ease-out),background-color var(--ui-transition-fast)}label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-primary)}input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}:host(.is-checked) .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}:host(.is-checked) .thumb{transform:translate(1.25rem);background-color:var(--ui-color-text-on-primary)}:host(.is-invalid) .track{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input[type=checkbox]:focus-visible+.track{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) .track{cursor:not-allowed}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"] }]
|
|
973
1052
|
}], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }] } });
|
|
974
1053
|
|
|
975
1054
|
/**
|
|
@@ -991,13 +1070,17 @@ const VARIANT_ICONS = {
|
|
|
991
1070
|
};
|
|
992
1071
|
class LlmAlert {
|
|
993
1072
|
/** Semantic color variant of the alert. */
|
|
994
|
-
variant = input('info',
|
|
1073
|
+
variant = input('info', /* @ts-ignore */
|
|
1074
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
995
1075
|
/** Whether to show a dismiss button. */
|
|
996
|
-
dismissible = input(false,
|
|
1076
|
+
dismissible = input(false, /* @ts-ignore */
|
|
1077
|
+
...(ngDevMode ? [{ debugName: "dismissible" }] : /* istanbul ignore next */ []));
|
|
997
1078
|
/** Emitted when the dismiss button is clicked. */
|
|
998
1079
|
dismissed = output();
|
|
999
|
-
hostClasses = computed(() => `variant-${this.variant()}`,
|
|
1000
|
-
|
|
1080
|
+
hostClasses = computed(() => `variant-${this.variant()}`, /* @ts-ignore */
|
|
1081
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
1082
|
+
variantIcon = computed(() => VARIANT_ICONS[this.variant()], /* @ts-ignore */
|
|
1083
|
+
...(ngDevMode ? [{ debugName: "variantIcon" }] : /* istanbul ignore next */ []));
|
|
1001
1084
|
/** @internal */
|
|
1002
1085
|
get isDismissible() {
|
|
1003
1086
|
return this.dismissible();
|
|
@@ -1013,8 +1096,8 @@ class LlmAlert {
|
|
|
1013
1096
|
dismiss() {
|
|
1014
1097
|
this.dismissed.emit();
|
|
1015
1098
|
}
|
|
1016
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1017
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1099
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1100
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmAlert, isStandalone: true, selector: "llm-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { attributes: { "role": "alert" }, properties: { "class": "hostClassesValue", "attr.aria-live": "ariaLive" } }, ngImport: i0, template: `
|
|
1018
1101
|
<span class="content">
|
|
1019
1102
|
<span class="variant-icon" aria-hidden="true">{{ variantIcon() }}</span>
|
|
1020
1103
|
<ng-content />
|
|
@@ -1027,9 +1110,9 @@ class LlmAlert {
|
|
|
1027
1110
|
</svg>
|
|
1028
1111
|
</button>
|
|
1029
1112
|
}
|
|
1030
|
-
`, isInline: true, styles: ["
|
|
1113
|
+
`, isInline: true, styles: [":host{display:flex;align-items:flex-start;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-radius:var(--ui-radius-lg);border:1px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-sizing:border-box;width:100%}.content{flex:1}:host(.variant-info){background-color:var(--ui-color-info-bg);color:var(--ui-color-info-text);border-color:color-mix(in srgb,var(--ui-color-info-text) 20%,transparent)}:host(.variant-success){background-color:var(--ui-color-success-bg);color:var(--ui-color-success-text);border-color:color-mix(in srgb,var(--ui-color-success-text) 20%,transparent)}:host(.variant-warning){background-color:var(--ui-color-warning-bg);color:var(--ui-color-warning-text);border-color:color-mix(in srgb,var(--ui-color-warning-text) 20%,transparent)}:host(.variant-danger){background-color:var(--ui-color-danger-bg);color:var(--ui-color-danger-text);border-color:color-mix(in srgb,var(--ui-color-danger-text) 20%,transparent)}.dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--ui-transition-fast),background-color var(--ui-transition-fast);line-height:1}.dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}.content .variant-icon{display:inline-block;font-weight:700;margin-right:.4em;line-height:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1031
1114
|
}
|
|
1032
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAlert, decorators: [{
|
|
1033
1116
|
type: Component,
|
|
1034
1117
|
args: [{ selector: 'llm-alert', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
1035
1118
|
<span class="content">
|
|
@@ -1048,7 +1131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
1048
1131
|
'[class]': 'hostClassesValue',
|
|
1049
1132
|
role: 'alert',
|
|
1050
1133
|
'[attr.aria-live]': 'ariaLive',
|
|
1051
|
-
}, styles: ["
|
|
1134
|
+
}, styles: [":host{display:flex;align-items:flex-start;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-radius:var(--ui-radius-lg);border:1px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-sizing:border-box;width:100%}.content{flex:1}:host(.variant-info){background-color:var(--ui-color-info-bg);color:var(--ui-color-info-text);border-color:color-mix(in srgb,var(--ui-color-info-text) 20%,transparent)}:host(.variant-success){background-color:var(--ui-color-success-bg);color:var(--ui-color-success-text);border-color:color-mix(in srgb,var(--ui-color-success-text) 20%,transparent)}:host(.variant-warning){background-color:var(--ui-color-warning-bg);color:var(--ui-color-warning-text);border-color:color-mix(in srgb,var(--ui-color-warning-text) 20%,transparent)}:host(.variant-danger){background-color:var(--ui-color-danger-bg);color:var(--ui-color-danger-text);border-color:color-mix(in srgb,var(--ui-color-danger-text) 20%,transparent)}.dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--ui-transition-fast),background-color var(--ui-transition-fast);line-height:1}.dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}.content .variant-icon{display:inline-block;font-weight:700;margin-right:.4em;line-height:1}\n"] }]
|
|
1052
1135
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
|
|
1053
1136
|
|
|
1054
1137
|
const LLM_SELECT = new InjectionToken('LLM_SELECT');
|
|
@@ -1097,29 +1180,41 @@ let nextId$7 = 0;
|
|
|
1097
1180
|
*/
|
|
1098
1181
|
class LlmSelect {
|
|
1099
1182
|
/** The selected value. Bound by [formField] directive. Supports [(value)] two-way binding. */
|
|
1100
|
-
value = model('',
|
|
1183
|
+
value = model('', /* @ts-ignore */
|
|
1184
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
1101
1185
|
/** Whether the user has interacted. Bound by [formField] directive. */
|
|
1102
|
-
touched = model(false,
|
|
1186
|
+
touched = model(false, /* @ts-ignore */
|
|
1187
|
+
...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
|
|
1103
1188
|
/** Placeholder text shown when no option is selected. */
|
|
1104
|
-
placeholder = input('',
|
|
1189
|
+
placeholder = input('', /* @ts-ignore */
|
|
1190
|
+
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
1105
1191
|
/** Whether the select is disabled. Bound by [formField] directive. */
|
|
1106
|
-
disabled = input(false,
|
|
1192
|
+
disabled = input(false, /* @ts-ignore */
|
|
1193
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
1107
1194
|
/** Whether the select has validation errors. Bound by [formField] directive. */
|
|
1108
|
-
invalid = input(false,
|
|
1195
|
+
invalid = input(false, /* @ts-ignore */
|
|
1196
|
+
...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
1109
1197
|
/** Whether the select is required. Bound by [formField] directive. */
|
|
1110
|
-
required = input(false,
|
|
1198
|
+
required = input(false, /* @ts-ignore */
|
|
1199
|
+
...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
1111
1200
|
/** The input's name attribute. Bound by [formField] directive. */
|
|
1112
|
-
name = input('',
|
|
1201
|
+
name = input('', /* @ts-ignore */
|
|
1202
|
+
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
1113
1203
|
/** Validation errors from the form system. Bound by [formField] directive. */
|
|
1114
|
-
errors = input([],
|
|
1204
|
+
errors = input([], /* @ts-ignore */
|
|
1205
|
+
...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
1115
1206
|
/** @internal */
|
|
1116
|
-
activeOptionId = signal(null,
|
|
1207
|
+
activeOptionId = signal(null, /* @ts-ignore */
|
|
1208
|
+
...(ngDevMode ? [{ debugName: "activeOptionId" }] : /* istanbul ignore next */ []));
|
|
1117
1209
|
/** @internal */
|
|
1118
|
-
isOpen = signal(false,
|
|
1210
|
+
isOpen = signal(false, /* @ts-ignore */
|
|
1211
|
+
...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
|
|
1119
1212
|
/** @internal */
|
|
1120
|
-
optionsList = signal([],
|
|
1213
|
+
optionsList = signal([], /* @ts-ignore */
|
|
1214
|
+
...(ngDevMode ? [{ debugName: "optionsList" }] : /* istanbul ignore next */ []));
|
|
1121
1215
|
/** @internal */
|
|
1122
|
-
panelRef = viewChild('panel',
|
|
1216
|
+
panelRef = viewChild('panel', /* @ts-ignore */
|
|
1217
|
+
...(ngDevMode ? [{ debugName: "panelRef" }] : /* istanbul ignore next */ []));
|
|
1123
1218
|
/** @internal */
|
|
1124
1219
|
triggerId = `llm-select-trigger-${nextId$7}`;
|
|
1125
1220
|
/** @internal */
|
|
@@ -1127,9 +1222,11 @@ class LlmSelect {
|
|
|
1127
1222
|
/** @internal */
|
|
1128
1223
|
errorId = `llm-select-errors-${nextId$7++}`;
|
|
1129
1224
|
/** @internal */
|
|
1130
|
-
selectedLabel = computed(() => this.optionsList().find((o) => o.value === this.value())?.labelText ?? '',
|
|
1225
|
+
selectedLabel = computed(() => this.optionsList().find((o) => o.value === this.value())?.labelText ?? '', /* @ts-ignore */
|
|
1226
|
+
...(ngDevMode ? [{ debugName: "selectedLabel" }] : /* istanbul ignore next */ []));
|
|
1131
1227
|
/** @internal */
|
|
1132
|
-
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0,
|
|
1228
|
+
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, /* @ts-ignore */
|
|
1229
|
+
...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
|
|
1133
1230
|
/** @internal */
|
|
1134
1231
|
hostClasses = computed(() => {
|
|
1135
1232
|
const classes = [];
|
|
@@ -1142,7 +1239,8 @@ class LlmSelect {
|
|
|
1142
1239
|
if (this.touched())
|
|
1143
1240
|
classes.push('is-touched');
|
|
1144
1241
|
return classes.join(' ');
|
|
1145
|
-
},
|
|
1242
|
+
}, /* @ts-ignore */
|
|
1243
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
1146
1244
|
/** @internal */
|
|
1147
1245
|
keyManager = null;
|
|
1148
1246
|
overlayRef = null;
|
|
@@ -1296,8 +1394,8 @@ class LlmSelect {
|
|
|
1296
1394
|
minWidth: triggerEl.offsetWidth,
|
|
1297
1395
|
});
|
|
1298
1396
|
}
|
|
1299
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1300
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1397
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1398
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmSelect, isStandalone: true, selector: "llm-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { attributes: { "role": "combobox" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()" } }, providers: [{ provide: LLM_SELECT, useExisting: LlmSelect }], viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
1301
1399
|
<button
|
|
1302
1400
|
type="button"
|
|
1303
1401
|
class="trigger"
|
|
@@ -1332,9 +1430,9 @@ class LlmSelect {
|
|
|
1332
1430
|
}
|
|
1333
1431
|
</div>
|
|
1334
1432
|
}
|
|
1335
|
-
`, isInline: true, styles: ["
|
|
1433
|
+
`, isInline: true, styles: [":host{display:inline-block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.5rem;box-sizing:border-box;padding:.625rem var(--ui-spacing-4);font-family:inherit;font-size:inherit;color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);outline:none;cursor:pointer;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast)}.trigger:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.trigger:focus-visible,:host(.is-open) .trigger{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}.trigger:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-invalid) .trigger{border-color:var(--ui-color-input-border-invalid)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}.trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-icon{flex-shrink:0;margin-left:var(--ui-spacing-2);color:var(--ui-color-text-muted);transition:transform var(--ui-transition-fast)}:host(.is-open) .trigger-icon{transform:rotate(180deg)}.panel{position:absolute;left:0;top:calc(100% + var(--ui-spacing-2));width:100%;max-height:16rem;overflow-y:auto;margin:0;padding:var(--ui-spacing-2) 0;background-color:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);z-index:100;display:none}.panel.is-open{display:block}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1336
1434
|
}
|
|
1337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1435
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmSelect, decorators: [{
|
|
1338
1436
|
type: Component,
|
|
1339
1437
|
args: [{ selector: 'llm-select', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
1340
1438
|
<button
|
|
@@ -1375,7 +1473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
1375
1473
|
role: 'combobox',
|
|
1376
1474
|
'[class]': 'hostClasses()',
|
|
1377
1475
|
'(keydown)': 'onKeydown($event)',
|
|
1378
|
-
}, providers: [{ provide: LLM_SELECT, useExisting: LlmSelect }], styles: ["
|
|
1476
|
+
}, providers: [{ provide: LLM_SELECT, useExisting: LlmSelect }], styles: [":host{display:inline-block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.5rem;box-sizing:border-box;padding:.625rem var(--ui-spacing-4);font-family:inherit;font-size:inherit;color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);outline:none;cursor:pointer;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast)}.trigger:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.trigger:focus-visible,:host(.is-open) .trigger{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}.trigger:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-invalid) .trigger{border-color:var(--ui-color-input-border-invalid)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}.trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-icon{flex-shrink:0;margin-left:var(--ui-spacing-2);color:var(--ui-color-text-muted);transition:transform var(--ui-transition-fast)}:host(.is-open) .trigger-icon{transform:rotate(180deg)}.panel{position:absolute;left:0;top:calc(100% + var(--ui-spacing-2));width:100%;max-height:16rem;overflow-y:auto;margin:0;padding:var(--ui-spacing-2) 0;background-color:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);z-index:100;display:none}.panel.is-open{display:block}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text)}\n"] }]
|
|
1379
1477
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], panelRef: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }] } });
|
|
1380
1478
|
|
|
1381
1479
|
let nextOptionId = 0;
|
|
@@ -1389,9 +1487,11 @@ let nextOptionId = 0;
|
|
|
1389
1487
|
*/
|
|
1390
1488
|
class LlmOption {
|
|
1391
1489
|
/** The value this option represents. Required. */
|
|
1392
|
-
optionValue = input.required(
|
|
1490
|
+
optionValue = input.required(/* @ts-ignore */
|
|
1491
|
+
...(ngDevMode ? [{ debugName: "optionValue" }] : /* istanbul ignore next */ []));
|
|
1393
1492
|
/** Whether this option is disabled. */
|
|
1394
|
-
disabled = input(false,
|
|
1493
|
+
disabled = input(false, /* @ts-ignore */
|
|
1494
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
1395
1495
|
/** @internal */
|
|
1396
1496
|
optionId = `llm-option-${nextOptionId++}`;
|
|
1397
1497
|
/** @internal */
|
|
@@ -1399,9 +1499,11 @@ class LlmOption {
|
|
|
1399
1499
|
/** @internal */
|
|
1400
1500
|
elementRef = inject(ElementRef);
|
|
1401
1501
|
/** @internal */
|
|
1402
|
-
isSelected = computed(() => this.context.value() === this.optionValue(),
|
|
1502
|
+
isSelected = computed(() => this.context.value() === this.optionValue(), /* @ts-ignore */
|
|
1503
|
+
...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
|
|
1403
1504
|
/** @internal */
|
|
1404
|
-
isActive = computed(() => this.context.activeOptionId() === this.optionId,
|
|
1505
|
+
isActive = computed(() => this.context.activeOptionId() === this.optionId, /* @ts-ignore */
|
|
1506
|
+
...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
|
|
1405
1507
|
ngOnInit() {
|
|
1406
1508
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
1407
1509
|
const labelText = (this.elementRef.nativeElement.textContent ?? '').trim();
|
|
@@ -1423,8 +1525,8 @@ class LlmOption {
|
|
|
1423
1525
|
this.context.activeOptionId.set(this.optionId);
|
|
1424
1526
|
}
|
|
1425
1527
|
}
|
|
1426
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1427
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1528
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmOption, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1529
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmOption, isStandalone: true, selector: "llm-option", inputs: { optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1428
1530
|
<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
|
|
1429
1531
|
<div
|
|
1430
1532
|
role="option"
|
|
@@ -1441,7 +1543,7 @@ class LlmOption {
|
|
|
1441
1543
|
</div>
|
|
1442
1544
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1443
1545
|
}
|
|
1444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmOption, decorators: [{
|
|
1445
1547
|
type: Component,
|
|
1446
1548
|
args: [{
|
|
1447
1549
|
selector: 'llm-option',
|
|
@@ -1486,33 +1588,47 @@ let nextId$6 = 0;
|
|
|
1486
1588
|
*/
|
|
1487
1589
|
class LlmCombobox {
|
|
1488
1590
|
/** The selected value. Supports [(value)] two-way binding and [formField] directive. */
|
|
1489
|
-
value = model('',
|
|
1591
|
+
value = model('', /* @ts-ignore */
|
|
1592
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
1490
1593
|
/** Whether the user has interacted. Bound by [formField] directive. */
|
|
1491
|
-
touched = model(false,
|
|
1594
|
+
touched = model(false, /* @ts-ignore */
|
|
1595
|
+
...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
|
|
1492
1596
|
/** Options to display and filter. */
|
|
1493
|
-
options = input([],
|
|
1597
|
+
options = input([], /* @ts-ignore */
|
|
1598
|
+
...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
1494
1599
|
/** Placeholder text for the input. */
|
|
1495
|
-
placeholder = input('',
|
|
1600
|
+
placeholder = input('', /* @ts-ignore */
|
|
1601
|
+
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
1496
1602
|
/** Whether the combobox is disabled. */
|
|
1497
|
-
disabled = input(false,
|
|
1603
|
+
disabled = input(false, /* @ts-ignore */
|
|
1604
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
1498
1605
|
/** Whether the combobox has validation errors. */
|
|
1499
|
-
invalid = input(false,
|
|
1606
|
+
invalid = input(false, /* @ts-ignore */
|
|
1607
|
+
...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
1500
1608
|
/** Whether the combobox is required. */
|
|
1501
|
-
required = input(false,
|
|
1609
|
+
required = input(false, /* @ts-ignore */
|
|
1610
|
+
...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
1502
1611
|
/** The input's name attribute. */
|
|
1503
|
-
name = input('',
|
|
1612
|
+
name = input('', /* @ts-ignore */
|
|
1613
|
+
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
1504
1614
|
/** Validation errors from the form system. */
|
|
1505
|
-
errors = input([],
|
|
1615
|
+
errors = input([], /* @ts-ignore */
|
|
1616
|
+
...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
1506
1617
|
/** @internal */
|
|
1507
|
-
query = signal('',
|
|
1618
|
+
query = signal('', /* @ts-ignore */
|
|
1619
|
+
...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
|
|
1508
1620
|
/** @internal */
|
|
1509
|
-
isOpen = signal(false,
|
|
1621
|
+
isOpen = signal(false, /* @ts-ignore */
|
|
1622
|
+
...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
|
|
1510
1623
|
/** @internal */
|
|
1511
|
-
activeIndex = signal(-1,
|
|
1624
|
+
activeIndex = signal(-1, /* @ts-ignore */
|
|
1625
|
+
...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
|
|
1512
1626
|
/** @internal */
|
|
1513
|
-
panelRef = viewChild('panel',
|
|
1627
|
+
panelRef = viewChild('panel', /* @ts-ignore */
|
|
1628
|
+
...(ngDevMode ? [{ debugName: "panelRef" }] : /* istanbul ignore next */ []));
|
|
1514
1629
|
/** @internal */
|
|
1515
|
-
inputEl = viewChild('inputEl',
|
|
1630
|
+
inputEl = viewChild('inputEl', /* @ts-ignore */
|
|
1631
|
+
...(ngDevMode ? [{ debugName: "inputEl" }] : /* istanbul ignore next */ []));
|
|
1516
1632
|
/** @internal */
|
|
1517
1633
|
inputId = `llm-combobox-input-${nextId$6}`;
|
|
1518
1634
|
/** @internal */
|
|
@@ -1525,14 +1641,17 @@ class LlmCombobox {
|
|
|
1525
1641
|
if (!q)
|
|
1526
1642
|
return this.options();
|
|
1527
1643
|
return this.options().filter((o) => o.label.toLowerCase().includes(q));
|
|
1528
|
-
},
|
|
1644
|
+
}, /* @ts-ignore */
|
|
1645
|
+
...(ngDevMode ? [{ debugName: "filteredOptions" }] : /* istanbul ignore next */ []));
|
|
1529
1646
|
/** @internal */
|
|
1530
1647
|
activeOptionId = computed(() => {
|
|
1531
1648
|
const idx = this.activeIndex();
|
|
1532
1649
|
return idx >= 0 ? this.optionId(idx) : null;
|
|
1533
|
-
},
|
|
1650
|
+
}, /* @ts-ignore */
|
|
1651
|
+
...(ngDevMode ? [{ debugName: "activeOptionId" }] : /* istanbul ignore next */ []));
|
|
1534
1652
|
/** @internal */
|
|
1535
|
-
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0,
|
|
1653
|
+
showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, /* @ts-ignore */
|
|
1654
|
+
...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
|
|
1536
1655
|
/** @internal */
|
|
1537
1656
|
hostClasses = computed(() => {
|
|
1538
1657
|
const classes = [];
|
|
@@ -1545,7 +1664,8 @@ class LlmCombobox {
|
|
|
1545
1664
|
if (this.touched())
|
|
1546
1665
|
classes.push('is-touched');
|
|
1547
1666
|
return classes.join(' ');
|
|
1548
|
-
},
|
|
1667
|
+
}, /* @ts-ignore */
|
|
1668
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
1549
1669
|
outsideClickHandler = null;
|
|
1550
1670
|
elementRef = inject(ElementRef);
|
|
1551
1671
|
/** @internal */
|
|
@@ -1661,8 +1781,8 @@ class LlmCombobox {
|
|
|
1661
1781
|
this.outsideClickHandler = null;
|
|
1662
1782
|
}
|
|
1663
1783
|
}
|
|
1664
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1665
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1784
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCombobox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1785
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmCombobox, isStandalone: true, selector: "llm-combobox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { properties: { "class": "hostClasses()" } }, viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
1666
1786
|
<div class="combobox-wrapper">
|
|
1667
1787
|
<input
|
|
1668
1788
|
#inputEl
|
|
@@ -1734,9 +1854,9 @@ class LlmCombobox {
|
|
|
1734
1854
|
}
|
|
1735
1855
|
</div>
|
|
1736
1856
|
}
|
|
1737
|
-
`, isInline: true, styles: ["
|
|
1857
|
+
`, isInline: true, styles: [":host{display:block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.combobox-wrapper{position:relative;display:flex;align-items:center}.combobox-input{width:100%;min-height:2.5rem;box-sizing:border-box;padding:.625rem var(--ui-spacing-8) .625rem var(--ui-spacing-4);font-family:inherit;font-size:inherit;color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);outline:none;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);cursor:text}.combobox-input::placeholder{color:var(--ui-color-placeholder)}.combobox-input:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.combobox-input:focus-visible,:host(.is-open) .combobox-input{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}:host(.is-invalid) .combobox-input{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) .combobox-input:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) .combobox-input{cursor:not-allowed}.combobox-icon{position:absolute;right:var(--ui-spacing-4);pointer-events:none;color:var(--ui-color-text-muted);transition:transform var(--ui-transition-fast);display:flex;align-items:center}:host(.is-open) .combobox-icon{transform:rotate(180deg)}.panel{position:absolute;left:0;top:calc(100% + var(--ui-spacing-2));width:100%;max-height:16rem;overflow-y:auto;margin:0;padding:var(--ui-spacing-2) 0;background-color:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);z-index:100;list-style:none}.option{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);cursor:pointer;color:var(--ui-color-text);font-size:var(--ui-font-size-md);transition:background-color var(--ui-transition-fast)}.option:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken)}.option.is-active{background-color:var(--ui-color-primary-light);color:var(--ui-color-primary)}.option.is-selected{font-weight:var(--ui-font-weight-semibold)}.option.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.option-check{color:var(--ui-color-primary);flex-shrink:0}.no-results{padding:var(--ui-spacing-4);text-align:center;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1738
1858
|
}
|
|
1739
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1859
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCombobox, decorators: [{
|
|
1740
1860
|
type: Component,
|
|
1741
1861
|
args: [{ selector: 'llm-combobox', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
1742
1862
|
<div class="combobox-wrapper">
|
|
@@ -1812,7 +1932,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
1812
1932
|
}
|
|
1813
1933
|
`, host: {
|
|
1814
1934
|
'[class]': 'hostClasses()',
|
|
1815
|
-
}, styles: ["
|
|
1935
|
+
}, styles: [":host{display:block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.combobox-wrapper{position:relative;display:flex;align-items:center}.combobox-input{width:100%;min-height:2.5rem;box-sizing:border-box;padding:.625rem var(--ui-spacing-8) .625rem var(--ui-spacing-4);font-family:inherit;font-size:inherit;color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);outline:none;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);cursor:text}.combobox-input::placeholder{color:var(--ui-color-placeholder)}.combobox-input:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.combobox-input:focus-visible,:host(.is-open) .combobox-input{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}:host(.is-invalid) .combobox-input{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) .combobox-input:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) .combobox-input{cursor:not-allowed}.combobox-icon{position:absolute;right:var(--ui-spacing-4);pointer-events:none;color:var(--ui-color-text-muted);transition:transform var(--ui-transition-fast);display:flex;align-items:center}:host(.is-open) .combobox-icon{transform:rotate(180deg)}.panel{position:absolute;left:0;top:calc(100% + var(--ui-spacing-2));width:100%;max-height:16rem;overflow-y:auto;margin:0;padding:var(--ui-spacing-2) 0;background-color:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);z-index:100;list-style:none}.option{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);cursor:pointer;color:var(--ui-color-text);font-size:var(--ui-font-size-md);transition:background-color var(--ui-transition-fast)}.option:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken)}.option.is-active{background-color:var(--ui-color-primary-light);color:var(--ui-color-primary)}.option.is-selected{font-weight:var(--ui-font-weight-semibold)}.option.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.option-check{color:var(--ui-color-primary);flex-shrink:0}.no-results{padding:var(--ui-spacing-4);text-align:center;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}.errors{margin-top:var(--ui-spacing-2)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"] }]
|
|
1816
1936
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], panelRef: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], inputEl: [{ type: i0.ViewChild, args: ['inputEl', { isSignal: true }] }] } });
|
|
1817
1937
|
|
|
1818
1938
|
const LLM_DIALOG = new InjectionToken('LLM_DIALOG');
|
|
@@ -1836,11 +1956,14 @@ let nextId$5 = 0;
|
|
|
1836
1956
|
*/
|
|
1837
1957
|
class LlmDialog {
|
|
1838
1958
|
/** Whether the dialog is open. Supports two-way binding: [(open)]="isOpen". */
|
|
1839
|
-
open = model(false,
|
|
1959
|
+
open = model(false, /* @ts-ignore */
|
|
1960
|
+
...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
|
|
1840
1961
|
/** Whether clicking the backdrop closes the dialog. */
|
|
1841
|
-
closeOnBackdrop = input(true,
|
|
1962
|
+
closeOnBackdrop = input(true, /* @ts-ignore */
|
|
1963
|
+
...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : /* istanbul ignore next */ []));
|
|
1842
1964
|
/** Size of the dialog panel. */
|
|
1843
|
-
size = input('md',
|
|
1965
|
+
size = input('md', /* @ts-ignore */
|
|
1966
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
1844
1967
|
/** Accessible label for the dialog (use instead of aria-labelledby when no header is present). */
|
|
1845
1968
|
ariaLabel = input('', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
|
|
1846
1969
|
/** ID of the element that labels the dialog (defaults to the llm-dialog-header id). */
|
|
@@ -1848,10 +1971,14 @@ class LlmDialog {
|
|
|
1848
1971
|
/** @internal — referenced by LlmDialogHeader via LLM_DIALOG token */
|
|
1849
1972
|
headerId = `llm-dialog-header-${nextId$5}`;
|
|
1850
1973
|
dialogId = `llm-dialog-${nextId$5++}`;
|
|
1851
|
-
dialogRef = viewChild('dialogEl',
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1974
|
+
dialogRef = viewChild('dialogEl', /* @ts-ignore */
|
|
1975
|
+
...(ngDevMode ? [{ debugName: "dialogRef" }] : /* istanbul ignore next */ []));
|
|
1976
|
+
triggerEl = signal(null, /* @ts-ignore */
|
|
1977
|
+
...(ngDevMode ? [{ debugName: "triggerEl" }] : /* istanbul ignore next */ []));
|
|
1978
|
+
panelClass = computed(() => `panel size-${this.size()}`, /* @ts-ignore */
|
|
1979
|
+
...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
|
|
1980
|
+
hostClasses = computed(() => (this.open() ? 'is-open' : ''), /* @ts-ignore */
|
|
1981
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
1855
1982
|
constructor() {
|
|
1856
1983
|
effect(() => {
|
|
1857
1984
|
const dialog = this.dialogRef()?.nativeElement;
|
|
@@ -1878,8 +2005,8 @@ class LlmDialog {
|
|
|
1878
2005
|
this.open.set(false);
|
|
1879
2006
|
}
|
|
1880
2007
|
}
|
|
1881
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1882
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
2008
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2009
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: LlmDialog, isStandalone: true, selector: "llm-dialog", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [
|
|
1883
2010
|
{
|
|
1884
2011
|
provide: LLM_DIALOG,
|
|
1885
2012
|
useFactory: (dialog) => ({
|
|
@@ -1892,6 +2019,7 @@ class LlmDialog {
|
|
|
1892
2019
|
<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
|
|
1893
2020
|
<dialog
|
|
1894
2021
|
#dialogEl
|
|
2022
|
+
class="llm-dialog"
|
|
1895
2023
|
[attr.aria-label]="ariaLabel() || null"
|
|
1896
2024
|
[attr.aria-labelledby]="ariaLabel() ? null : (ariaLabelledby() || headerId)"
|
|
1897
2025
|
aria-modal="true"
|
|
@@ -1903,9 +2031,9 @@ class LlmDialog {
|
|
|
1903
2031
|
<ng-content />
|
|
1904
2032
|
</div>
|
|
1905
2033
|
</dialog>
|
|
1906
|
-
`, isInline: true, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}.llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-dialog-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2034
|
+
`, isInline: true, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.llm-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-dialog-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1907
2035
|
}
|
|
1908
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2036
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDialog, decorators: [{
|
|
1909
2037
|
type: Component,
|
|
1910
2038
|
args: [{ selector: 'llm-dialog', standalone: true, imports: [A11yModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
1911
2039
|
{
|
|
@@ -1920,6 +2048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
1920
2048
|
<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
|
|
1921
2049
|
<dialog
|
|
1922
2050
|
#dialogEl
|
|
2051
|
+
class="llm-dialog"
|
|
1923
2052
|
[attr.aria-label]="ariaLabel() || null"
|
|
1924
2053
|
[attr.aria-labelledby]="ariaLabel() ? null : (ariaLabelledby() || headerId)"
|
|
1925
2054
|
aria-modal="true"
|
|
@@ -1933,7 +2062,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
1933
2062
|
</dialog>
|
|
1934
2063
|
`, host: {
|
|
1935
2064
|
'[class]': 'hostClasses()',
|
|
1936
|
-
}, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}.llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-dialog-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
2065
|
+
}, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.llm-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-dialog-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
1937
2066
|
}], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], dialogRef: [{ type: i0.ViewChild, args: ['dialogEl', { isSignal: true }] }] } });
|
|
1938
2067
|
/**
|
|
1939
2068
|
* Header slot for `llm-dialog`. Renders above content with a bottom separator.
|
|
@@ -1941,8 +2070,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
1941
2070
|
*/
|
|
1942
2071
|
class LlmDialogHeader {
|
|
1943
2072
|
context = inject(LLM_DIALOG);
|
|
1944
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1945
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2073
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2074
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmDialogHeader, isStandalone: true, selector: "llm-dialog-header", host: { properties: { "attr.id": "context.headerId" }, classAttribute: "llm-dialog-header" }, ngImport: i0, template: `
|
|
1946
2075
|
<ng-content />
|
|
1947
2076
|
<button
|
|
1948
2077
|
class="close-btn"
|
|
@@ -1967,9 +2096,9 @@ class LlmDialogHeader {
|
|
|
1967
2096
|
<line x1="6" y1="6" x2="18" y2="18" />
|
|
1968
2097
|
</svg>
|
|
1969
2098
|
</button>
|
|
1970
|
-
`, isInline: true, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}.llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-dialog-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2099
|
+
`, isInline: true, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.llm-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-dialog-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1971
2100
|
}
|
|
1972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDialogHeader, decorators: [{
|
|
1973
2102
|
type: Component,
|
|
1974
2103
|
args: [{ selector: 'llm-dialog-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
1975
2104
|
<ng-content />
|
|
@@ -1997,30 +2126,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
1997
2126
|
</svg>
|
|
1998
2127
|
</button>
|
|
1999
2128
|
`, host: {
|
|
2129
|
+
class: 'llm-dialog-header',
|
|
2000
2130
|
'[attr.id]': 'context.headerId',
|
|
2001
|
-
}, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}.llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-dialog-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
2131
|
+
}, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.llm-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-dialog-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
2002
2132
|
}] });
|
|
2003
2133
|
/**
|
|
2004
2134
|
* Content slot for `llm-dialog`. Scrollable primary content area.
|
|
2005
2135
|
*/
|
|
2006
2136
|
class LlmDialogContent {
|
|
2007
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2008
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2137
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2138
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmDialogContent, isStandalone: true, selector: "llm-dialog-content", host: { classAttribute: "llm-dialog-content" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.llm-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-dialog-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2009
2139
|
}
|
|
2010
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDialogContent, decorators: [{
|
|
2011
2141
|
type: Component,
|
|
2012
|
-
args: [{ selector: 'llm-dialog-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}.llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-dialog-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
2142
|
+
args: [{ selector: 'llm-dialog-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'llm-dialog-content' }, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.llm-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-dialog-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
2013
2143
|
}] });
|
|
2014
2144
|
/**
|
|
2015
2145
|
* Footer slot for `llm-dialog`. Renders below content, typically holds action buttons.
|
|
2016
2146
|
*/
|
|
2017
2147
|
class LlmDialogFooter {
|
|
2018
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2019
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2148
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2149
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmDialogFooter, isStandalone: true, selector: "llm-dialog-footer", host: { classAttribute: "llm-dialog-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.llm-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-dialog-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2020
2150
|
}
|
|
2021
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDialogFooter, decorators: [{
|
|
2022
2152
|
type: Component,
|
|
2023
|
-
args: [{ selector: 'llm-dialog-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}.llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-dialog-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
2153
|
+
args: [{ selector: 'llm-dialog-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'llm-dialog-footer' }, styles: [".llm-dialog{all:unset;position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;display:none;flex-direction:column;max-width:100vw;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .llm-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.llm-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.llm-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.llm-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.llm-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.llm-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.llm-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-dialog-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
2024
2154
|
}] });
|
|
2025
2155
|
|
|
2026
2156
|
const LLM_TAB_GROUP = new InjectionToken('LLM_TAB_GROUP');
|
|
@@ -2041,15 +2171,20 @@ let nextId$4 = 0;
|
|
|
2041
2171
|
*/
|
|
2042
2172
|
class LlmTabGroup {
|
|
2043
2173
|
/** Index of the currently active tab. Supports two-way binding. */
|
|
2044
|
-
selectedIndex = model(0,
|
|
2174
|
+
selectedIndex = model(0, /* @ts-ignore */
|
|
2175
|
+
...(ngDevMode ? [{ debugName: "selectedIndex" }] : /* istanbul ignore next */ []));
|
|
2045
2176
|
/** Visual variant. */
|
|
2046
|
-
variant = input('default',
|
|
2177
|
+
variant = input('default', /* @ts-ignore */
|
|
2178
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
2047
2179
|
/** @internal */
|
|
2048
|
-
tabs = signal([],
|
|
2180
|
+
tabs = signal([], /* @ts-ignore */
|
|
2181
|
+
...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
|
|
2049
2182
|
/** @internal */
|
|
2050
|
-
tabBtns = viewChildren('tabBtn',
|
|
2183
|
+
tabBtns = viewChildren('tabBtn', /* @ts-ignore */
|
|
2184
|
+
...(ngDevMode ? [{ debugName: "tabBtns" }] : /* istanbul ignore next */ []));
|
|
2051
2185
|
/** @internal */
|
|
2052
|
-
hostClasses = computed(() => `variant-${this.variant()}`,
|
|
2186
|
+
hostClasses = computed(() => `llm-tab-group variant-${this.variant()}`, /* @ts-ignore */
|
|
2187
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
2053
2188
|
/** @internal — called by LlmTab on init */
|
|
2054
2189
|
registerTab(info) {
|
|
2055
2190
|
this.tabs.update((list) => [...list, info]);
|
|
@@ -2095,8 +2230,8 @@ class LlmTabGroup {
|
|
|
2095
2230
|
this.selectTab(targetIdx);
|
|
2096
2231
|
this.tabBtns()[targetIdx]?.nativeElement.focus();
|
|
2097
2232
|
}
|
|
2098
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2099
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2233
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2234
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmTabGroup, isStandalone: true, selector: "llm-tab-group", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [{ provide: LLM_TAB_GROUP, useExisting: LlmTabGroup }], viewQueries: [{ propertyName: "tabBtns", predicate: ["tabBtn"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
2100
2235
|
<div class="tablist" role="tablist">
|
|
2101
2236
|
@for (tab of tabs(); track tab.id; let i = $index) {
|
|
2102
2237
|
<button
|
|
@@ -2118,9 +2253,9 @@ class LlmTabGroup {
|
|
|
2118
2253
|
}
|
|
2119
2254
|
</div>
|
|
2120
2255
|
<ng-content />
|
|
2121
|
-
`, isInline: true, styles: ["
|
|
2256
|
+
`, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.tablist{display:flex;gap:var(--ui-spacing-2);border-bottom:1px solid var(--ui-color-border);overflow-x:auto;scrollbar-width:none}.tablist::-webkit-scrollbar{display:none}.tablist button{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;min-height:2.5rem;padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);cursor:pointer;transition:var(--ui-transition-fast);transition-property:color,background-color;border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;white-space:nowrap;-webkit-user-select:none;user-select:none}.tablist button:after{content:\"\";position:absolute;bottom:-1px;left:var(--ui-spacing-2);right:var(--ui-spacing-2);height:3px;background:transparent;border-radius:var(--ui-radius-full) var(--ui-radius-full) 0 0;transition:background var(--ui-transition-fast)}.tablist button.is-active{color:var(--ui-color-primary)}.tablist button.is-active:after{background:var(--ui-color-primary)}.tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.tablist button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.tablist button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.variant-pills) .tablist{border-bottom:none;gap:var(--ui-spacing-2);padding:var(--ui-spacing-1);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg)}:host(.variant-pills) .tablist button{border-radius:var(--ui-radius-md);min-height:2rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}:host(.variant-pills) .tablist button:after{display:none}:host(.variant-pills) .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}:host(.variant-pills) .tablist button:hover:not(.is-disabled):not(.is-active){background:transparent;color:var(--ui-color-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2122
2257
|
}
|
|
2123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTabGroup, decorators: [{
|
|
2124
2259
|
type: Component,
|
|
2125
2260
|
args: [{ selector: 'llm-tab-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
2126
2261
|
<div class="tablist" role="tablist">
|
|
@@ -2146,7 +2281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2146
2281
|
<ng-content />
|
|
2147
2282
|
`, host: {
|
|
2148
2283
|
'[class]': 'hostClasses()',
|
|
2149
|
-
}, providers: [{ provide: LLM_TAB_GROUP, useExisting: LlmTabGroup }], styles: ["
|
|
2284
|
+
}, providers: [{ provide: LLM_TAB_GROUP, useExisting: LlmTabGroup }], styles: [":host{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.tablist{display:flex;gap:var(--ui-spacing-2);border-bottom:1px solid var(--ui-color-border);overflow-x:auto;scrollbar-width:none}.tablist::-webkit-scrollbar{display:none}.tablist button{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;min-height:2.5rem;padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);cursor:pointer;transition:var(--ui-transition-fast);transition-property:color,background-color;border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;white-space:nowrap;-webkit-user-select:none;user-select:none}.tablist button:after{content:\"\";position:absolute;bottom:-1px;left:var(--ui-spacing-2);right:var(--ui-spacing-2);height:3px;background:transparent;border-radius:var(--ui-radius-full) var(--ui-radius-full) 0 0;transition:background var(--ui-transition-fast)}.tablist button.is-active{color:var(--ui-color-primary)}.tablist button.is-active:after{background:var(--ui-color-primary)}.tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.tablist button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.tablist button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.variant-pills) .tablist{border-bottom:none;gap:var(--ui-spacing-2);padding:var(--ui-spacing-1);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg)}:host(.variant-pills) .tablist button{border-radius:var(--ui-radius-md);min-height:2rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}:host(.variant-pills) .tablist button:after{display:none}:host(.variant-pills) .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}:host(.variant-pills) .tablist button:hover:not(.is-disabled):not(.is-active){background:transparent;color:var(--ui-color-text)}\n"] }]
|
|
2150
2285
|
}], propDecorators: { selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tabBtns: [{ type: i0.ViewChildren, args: ['tabBtn', { isSignal: true }] }] } });
|
|
2151
2286
|
/**
|
|
2152
2287
|
* Individual tab definition. Place inside `<llm-tab-group>`.
|
|
@@ -2158,9 +2293,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2158
2293
|
*/
|
|
2159
2294
|
class LlmTab {
|
|
2160
2295
|
/** Text displayed on the tab button. Required. */
|
|
2161
|
-
label = input.required(
|
|
2296
|
+
label = input.required(/* @ts-ignore */
|
|
2297
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
2162
2298
|
/** Whether this tab is disabled. */
|
|
2163
|
-
disabled = input(false,
|
|
2299
|
+
disabled = input(false, /* @ts-ignore */
|
|
2300
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
2164
2301
|
/** @internal */
|
|
2165
2302
|
tabId = `llm-tab-${nextId$4}`;
|
|
2166
2303
|
/** @internal */
|
|
@@ -2173,7 +2310,8 @@ class LlmTab {
|
|
|
2173
2310
|
isActive = computed(() => {
|
|
2174
2311
|
const index = this.context.tabs().findIndex((t) => t.id === this.id);
|
|
2175
2312
|
return this.context.selectedIndex() === index;
|
|
2176
|
-
},
|
|
2313
|
+
}, /* @ts-ignore */
|
|
2314
|
+
...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
|
|
2177
2315
|
ngOnInit() {
|
|
2178
2316
|
this.context.registerTab({
|
|
2179
2317
|
id: this.id,
|
|
@@ -2186,8 +2324,8 @@ class LlmTab {
|
|
|
2186
2324
|
ngOnDestroy() {
|
|
2187
2325
|
this.context.unregisterTab(this.id);
|
|
2188
2326
|
}
|
|
2189
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2190
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2327
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2328
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmTab, isStandalone: true, selector: "llm-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
2191
2329
|
@if (isActive()) {
|
|
2192
2330
|
<div
|
|
2193
2331
|
role="tabpanel"
|
|
@@ -2198,9 +2336,9 @@ class LlmTab {
|
|
|
2198
2336
|
<ng-content />
|
|
2199
2337
|
</div>
|
|
2200
2338
|
}
|
|
2201
|
-
`, isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2339
|
+
`, isInline: true, styles: [":host{display:contents}[role=tabpanel]{padding:var(--ui-spacing-5) 0}[role=tabpanel]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2202
2340
|
}
|
|
2203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2341
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTab, decorators: [{
|
|
2204
2342
|
type: Component,
|
|
2205
2343
|
args: [{ selector: 'llm-tab', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
2206
2344
|
@if (isActive()) {
|
|
@@ -2213,7 +2351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2213
2351
|
<ng-content />
|
|
2214
2352
|
</div>
|
|
2215
2353
|
}
|
|
2216
|
-
`, styles: [":host{display:contents}\n"] }]
|
|
2354
|
+
`, styles: [":host{display:contents}[role=tabpanel]{padding:var(--ui-spacing-5) 0}[role=tabpanel]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}\n"] }]
|
|
2217
2355
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
2218
2356
|
|
|
2219
2357
|
const LLM_ACCORDION_GROUP = new InjectionToken('LLM_ACCORDION_GROUP');
|
|
@@ -2235,17 +2373,21 @@ let nextId$3 = 0;
|
|
|
2235
2373
|
*/
|
|
2236
2374
|
class LlmAccordionGroup {
|
|
2237
2375
|
/** Allow multiple items to be expanded simultaneously. */
|
|
2238
|
-
multi = input(false,
|
|
2376
|
+
multi = input(false, /* @ts-ignore */
|
|
2377
|
+
...(ngDevMode ? [{ debugName: "multi" }] : /* istanbul ignore next */ []));
|
|
2239
2378
|
/** Visual variant. */
|
|
2240
|
-
variant = input('default',
|
|
2379
|
+
variant = input('default', /* @ts-ignore */
|
|
2380
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
2241
2381
|
/** @internal */
|
|
2242
|
-
hostClasses = computed(() => `variant-${this.variant()}`,
|
|
2382
|
+
hostClasses = computed(() => `llm-accordion-group variant-${this.variant()}`, /* @ts-ignore */
|
|
2383
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
2243
2384
|
/** @internal */
|
|
2244
2385
|
get hostClassesValue() {
|
|
2245
2386
|
return this.hostClasses();
|
|
2246
2387
|
}
|
|
2247
2388
|
/** @internal */
|
|
2248
|
-
items = signal([],
|
|
2389
|
+
items = signal([], /* @ts-ignore */
|
|
2390
|
+
...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
|
|
2249
2391
|
register(item) {
|
|
2250
2392
|
this.items.update((list) => [...list, item]);
|
|
2251
2393
|
}
|
|
@@ -2278,24 +2420,24 @@ class LlmAccordionGroup {
|
|
|
2278
2420
|
event.preventDefault();
|
|
2279
2421
|
targetItem.focus();
|
|
2280
2422
|
}
|
|
2281
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2282
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
2423
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAccordionGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2424
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmAccordionGroup, isStandalone: true, selector: "llm-accordion-group", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "class": "hostClassesValue" } }, providers: [{ provide: LLM_ACCORDION_GROUP, useExisting: LlmAccordionGroup }], hostDirectives: [{ directive: i1$2.CdkAccordion, inputs: ["multi", "multi"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host(.llm-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.llm-accordion-group.variant-default){border-top:1px solid var(--ui-color-border)}:host(.llm-accordion-item):host-context(.variant-default){border-bottom:1px solid var(--ui-color-border)}:host(.llm-accordion-group.variant-bordered){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.llm-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:1px solid var(--ui-color-border)}:host(.llm-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.llm-accordion-item):host-context(.variant-separated){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.llm-accordion-item){display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);width:100%;min-height:3.25rem;padding:var(--ui-spacing-4) var(--ui-spacing-5);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-5) var(--ui-spacing-5)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-5)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2283
2425
|
}
|
|
2284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAccordionGroup, decorators: [{
|
|
2285
2427
|
type: Component,
|
|
2286
2428
|
args: [{ selector: 'llm-accordion-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, hostDirectives: [{ directive: CdkAccordion, inputs: ['multi'] }], host: {
|
|
2287
2429
|
'[class]': 'hostClassesValue',
|
|
2288
2430
|
role: 'presentation',
|
|
2289
|
-
}, providers: [{ provide: LLM_ACCORDION_GROUP, useExisting: LlmAccordionGroup }], styles: [".llm-accordion-group{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-accordion-group.variant-default{border-top:1px solid var(--ui-color-border)}.llm-accordion-
|
|
2431
|
+
}, providers: [{ provide: LLM_ACCORDION_GROUP, useExisting: LlmAccordionGroup }], styles: [":host(.llm-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.llm-accordion-group.variant-default){border-top:1px solid var(--ui-color-border)}:host(.llm-accordion-item):host-context(.variant-default){border-bottom:1px solid var(--ui-color-border)}:host(.llm-accordion-group.variant-bordered){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.llm-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:1px solid var(--ui-color-border)}:host(.llm-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.llm-accordion-item):host-context(.variant-separated){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.llm-accordion-item){display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);width:100%;min-height:3.25rem;padding:var(--ui-spacing-4) var(--ui-spacing-5);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-5) var(--ui-spacing-5)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-5)}\n"] }]
|
|
2290
2432
|
}], propDecorators: { multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
|
|
2291
2433
|
/**
|
|
2292
2434
|
* Directive to mark the accordion header content.
|
|
2293
2435
|
*/
|
|
2294
2436
|
class LlmAccordionHeader {
|
|
2295
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2296
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2437
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2438
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: LlmAccordionHeader, isStandalone: true, selector: "[llmAccordionHeader]", ngImport: i0 });
|
|
2297
2439
|
}
|
|
2298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAccordionHeader, decorators: [{
|
|
2299
2441
|
type: Directive,
|
|
2300
2442
|
args: [{
|
|
2301
2443
|
selector: '[llmAccordionHeader]',
|
|
@@ -2315,7 +2457,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2315
2457
|
*/
|
|
2316
2458
|
class LlmAccordionItem {
|
|
2317
2459
|
/** Whether this item is expanded. Supports two-way binding. */
|
|
2318
|
-
expanded = model(false,
|
|
2460
|
+
expanded = model(false, /* @ts-ignore */
|
|
2461
|
+
...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
|
|
2319
2462
|
/** Whether this item is disabled. */
|
|
2320
2463
|
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
2321
2464
|
disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled' });
|
|
@@ -2325,7 +2468,8 @@ class LlmAccordionItem {
|
|
|
2325
2468
|
* Rendered as `<div role="heading" aria-level="N">` so screen
|
|
2326
2469
|
* readers treat it as a real heading at that level.
|
|
2327
2470
|
*/
|
|
2328
|
-
headingLevel = input(3,
|
|
2471
|
+
headingLevel = input(3, /* @ts-ignore */
|
|
2472
|
+
...(ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []));
|
|
2329
2473
|
/** @internal — satisfies AccordionItem / FocusableOption interface */
|
|
2330
2474
|
get disabled() {
|
|
2331
2475
|
return this.disabledInput();
|
|
@@ -2343,7 +2487,8 @@ class LlmAccordionItem {
|
|
|
2343
2487
|
/** @internal */
|
|
2344
2488
|
el = inject(ElementRef);
|
|
2345
2489
|
/** @internal */
|
|
2346
|
-
isExpanded = signal(false,
|
|
2490
|
+
isExpanded = signal(false, /* @ts-ignore */
|
|
2491
|
+
...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
|
|
2347
2492
|
/** @internal */
|
|
2348
2493
|
get isExpandedValue() {
|
|
2349
2494
|
return this.isExpanded();
|
|
@@ -2386,8 +2531,8 @@ class LlmAccordionItem {
|
|
|
2386
2531
|
onKeydown(event) {
|
|
2387
2532
|
this.group.handleKeydown(event, this);
|
|
2388
2533
|
}
|
|
2389
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2390
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
2534
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2535
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmAccordionItem, isStandalone: true, selector: "llm-accordion-item", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "attr.data-accordion-id": "id" }, classAttribute: "llm-accordion-item" }, hostDirectives: [{ directive: i1$2.CdkAccordionItem }], ngImport: i0, template: `
|
|
2391
2536
|
<div role="heading" [attr.aria-level]="headingLevel()" class="accordion-heading">
|
|
2392
2537
|
<button
|
|
2393
2538
|
type="button"
|
|
@@ -2433,9 +2578,9 @@ class LlmAccordionItem {
|
|
|
2433
2578
|
<ng-content />
|
|
2434
2579
|
</div>
|
|
2435
2580
|
</div>
|
|
2436
|
-
`, isInline: true, styles: [".llm-accordion-group{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-accordion-group.variant-default{border-top:1px solid var(--ui-color-border)}.llm-accordion-
|
|
2581
|
+
`, isInline: true, styles: [":host(.llm-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.llm-accordion-group.variant-default){border-top:1px solid var(--ui-color-border)}:host(.llm-accordion-item):host-context(.variant-default){border-bottom:1px solid var(--ui-color-border)}:host(.llm-accordion-group.variant-bordered){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.llm-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:1px solid var(--ui-color-border)}:host(.llm-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.llm-accordion-item):host-context(.variant-separated){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.llm-accordion-item){display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);width:100%;min-height:3.25rem;padding:var(--ui-spacing-4) var(--ui-spacing-5);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-5) var(--ui-spacing-5)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-5)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2437
2582
|
}
|
|
2438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAccordionItem, decorators: [{
|
|
2439
2584
|
type: Component,
|
|
2440
2585
|
args: [{ selector: 'llm-accordion-item', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CdkAccordionItem], template: `
|
|
2441
2586
|
<div role="heading" [attr.aria-level]="headingLevel()" class="accordion-heading">
|
|
@@ -2484,8 +2629,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2484
2629
|
</div>
|
|
2485
2630
|
</div>
|
|
2486
2631
|
`, host: {
|
|
2632
|
+
class: 'llm-accordion-item',
|
|
2487
2633
|
'[attr.data-accordion-id]': 'id',
|
|
2488
|
-
}, styles: [".llm-accordion-group{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-accordion-group.variant-default{border-top:1px solid var(--ui-color-border)}.llm-accordion-
|
|
2634
|
+
}, styles: [":host(.llm-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.llm-accordion-group.variant-default){border-top:1px solid var(--ui-color-border)}:host(.llm-accordion-item):host-context(.variant-default){border-bottom:1px solid var(--ui-color-border)}:host(.llm-accordion-group.variant-bordered){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.llm-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:1px solid var(--ui-color-border)}:host(.llm-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.llm-accordion-item):host-context(.variant-separated){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.llm-accordion-item){display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);width:100%;min-height:3.25rem;padding:var(--ui-spacing-4) var(--ui-spacing-5);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-5) var(--ui-spacing-5)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-5)}\n"] }]
|
|
2489
2635
|
}], ctorParameters: () => [], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], headingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingLevel", required: false }] }] } });
|
|
2490
2636
|
|
|
2491
2637
|
/**
|
|
@@ -2503,10 +2649,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2503
2649
|
* ```
|
|
2504
2650
|
*/
|
|
2505
2651
|
class LlmMenuTrigger {
|
|
2506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2507
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2652
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2653
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: LlmMenuTrigger, isStandalone: true, selector: "[llmMenuTriggerFor]", hostDirectives: [{ directive: i1$3.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "llmMenuTriggerFor"] }], ngImport: i0 });
|
|
2508
2654
|
}
|
|
2509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2655
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmMenuTrigger, decorators: [{
|
|
2510
2656
|
type: Directive,
|
|
2511
2657
|
args: [{
|
|
2512
2658
|
selector: '[llmMenuTriggerFor]',
|
|
@@ -2537,13 +2683,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2537
2683
|
*/
|
|
2538
2684
|
class LlmMenu {
|
|
2539
2685
|
/** Visual variant. `compact` reduces font size and padding. */
|
|
2540
|
-
variant = input('default',
|
|
2686
|
+
variant = input('default', /* @ts-ignore */
|
|
2687
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
2541
2688
|
/** @internal */
|
|
2542
|
-
hostClasses = computed(() => `llm-menu variant-${this.variant()}`,
|
|
2543
|
-
|
|
2544
|
-
static
|
|
2689
|
+
hostClasses = computed(() => `llm-menu variant-${this.variant()}`, /* @ts-ignore */
|
|
2690
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
2691
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2692
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmMenu, isStandalone: true, selector: "llm-menu", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$3.CdkMenu }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".llm-menu{display:block;min-width:12rem;padding:var(--ui-spacing-2) 0;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);color:var(--ui-color-text);outline:none;overflow:hidden;animation:llm-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards}.llm-menu.variant-compact{font-size:var(--ui-font-size-sm);padding:var(--ui-spacing-1) 0}.llm-menu.variant-compact .llm-menu-item{min-height:2rem;padding:var(--ui-spacing-1) var(--ui-spacing-3)}@keyframes llm-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.llm-menu-item{display:flex;align-items:center;gap:var(--ui-spacing-3);min-height:2.25rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast);outline:none;border:none;background:none;font:inherit;width:100%;text-align:start}.llm-menu-item:hover,.llm-menu-item:focus-visible{background:var(--ui-color-surface-sunken)}.llm-menu-item.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-menu-separator{display:block;height:1px;margin:var(--ui-spacing-2) 0;background:var(--ui-color-border);border:none}.llm-menu-panel{position:absolute;z-index:var(--ui-z-dropdown, 100);top:calc(100% + var(--ui-spacing-2));left:0;min-width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2545
2693
|
}
|
|
2546
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2694
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmMenu, decorators: [{
|
|
2547
2695
|
type: Component,
|
|
2548
2696
|
args: [{ selector: 'llm-menu', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [CdkMenu], template: `<ng-content />`, host: {
|
|
2549
2697
|
'[class]': 'hostClasses()',
|
|
@@ -2561,20 +2709,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2561
2709
|
*/
|
|
2562
2710
|
class LlmMenuItem {
|
|
2563
2711
|
/** Whether this menu item is disabled. */
|
|
2564
|
-
disabled = input(false,
|
|
2712
|
+
disabled = input(false, /* @ts-ignore */
|
|
2713
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
2565
2714
|
/** @internal — detect if this item also triggers a submenu */
|
|
2566
2715
|
menuTrigger = inject(CdkMenuTrigger, { optional: true, self: true });
|
|
2567
2716
|
/** @internal */
|
|
2568
|
-
hasSubmenu = computed(() => !!this.menuTrigger,
|
|
2569
|
-
|
|
2570
|
-
static
|
|
2717
|
+
hasSubmenu = computed(() => !!this.menuTrigger, /* @ts-ignore */
|
|
2718
|
+
...(ngDevMode ? [{ debugName: "hasSubmenu" }] : /* istanbul ignore next */ []));
|
|
2719
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2720
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmMenuItem, isStandalone: true, selector: "llm-menu-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-disabled": "disabled()" }, classAttribute: "llm-menu-item" }, hostDirectives: [{ directive: i1$3.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0, template: `
|
|
2571
2721
|
<ng-content />
|
|
2572
2722
|
@if (hasSubmenu()) {
|
|
2573
2723
|
<span class="llm-menu-item-chevron" aria-hidden="true">›</span>
|
|
2574
2724
|
}
|
|
2575
2725
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2576
2726
|
}
|
|
2577
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmMenuItem, decorators: [{
|
|
2578
2728
|
type: Component,
|
|
2579
2729
|
args: [{
|
|
2580
2730
|
selector: 'llm-menu-item',
|
|
@@ -2610,10 +2760,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2610
2760
|
* ```
|
|
2611
2761
|
*/
|
|
2612
2762
|
class LlmMenuSeparator {
|
|
2613
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2614
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2763
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmMenuSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2764
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmMenuSeparator, isStandalone: true, selector: "llm-menu-separator", host: { attributes: { "role": "separator" }, classAttribute: "llm-menu-separator" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2615
2765
|
}
|
|
2616
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2766
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmMenuSeparator, decorators: [{
|
|
2617
2767
|
type: Component,
|
|
2618
2768
|
args: [{
|
|
2619
2769
|
selector: 'llm-menu-separator',
|
|
@@ -2631,13 +2781,15 @@ let nextTooltipId = 0;
|
|
|
2631
2781
|
/** @internal — Rendered inside the CDK overlay when the tooltip is visible. */
|
|
2632
2782
|
class LlmTooltipContent {
|
|
2633
2783
|
/** @internal */
|
|
2634
|
-
text = input('',
|
|
2784
|
+
text = input('', /* @ts-ignore */
|
|
2785
|
+
...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
|
|
2635
2786
|
/** @internal */
|
|
2636
|
-
tooltipId = input('',
|
|
2637
|
-
|
|
2638
|
-
static
|
|
2787
|
+
tooltipId = input('', /* @ts-ignore */
|
|
2788
|
+
...(ngDevMode ? [{ debugName: "tooltipId" }] : /* istanbul ignore next */ []));
|
|
2789
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTooltipContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2790
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmTooltipContent, isStandalone: true, selector: "llm-tooltip-content", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, tooltipId: { classPropertyName: "tooltipId", publicName: "tooltipId", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tooltip" }, properties: { "id": "tooltipId()" }, classAttribute: "llm-tooltip" }, ngImport: i0, template: `{{ text() }}`, isInline: true, styles: [".llm-tooltip{display:block;padding:var(--ui-spacing-1) var(--ui-spacing-2);background:var(--ui-color-text);color:var(--ui-color-surface);font-family:var(--ui-font-family);font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-normal);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-md);max-width:20rem;word-wrap:break-word;pointer-events:none;animation:llm-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards}@keyframes llm-tooltip-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2639
2791
|
}
|
|
2640
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTooltipContent, decorators: [{
|
|
2641
2793
|
type: Component,
|
|
2642
2794
|
args: [{ selector: 'llm-tooltip-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `{{ text() }}`, host: {
|
|
2643
2795
|
class: 'llm-tooltip',
|
|
@@ -2675,22 +2827,28 @@ const POSITIONS = {
|
|
|
2675
2827
|
*/
|
|
2676
2828
|
class LlmTooltip {
|
|
2677
2829
|
/** The tooltip text. */
|
|
2678
|
-
llmTooltip = input.required(
|
|
2830
|
+
llmTooltip = input.required(/* @ts-ignore */
|
|
2831
|
+
...(ngDevMode ? [{ debugName: "llmTooltip" }] : /* istanbul ignore next */ []));
|
|
2679
2832
|
/** Preferred tooltip placement. Falls back to the opposite side if clipped. */
|
|
2680
|
-
llmTooltipPosition = input('above',
|
|
2833
|
+
llmTooltipPosition = input('above', /* @ts-ignore */
|
|
2834
|
+
...(ngDevMode ? [{ debugName: "llmTooltipPosition" }] : /* istanbul ignore next */ []));
|
|
2681
2835
|
/** Disable the tooltip without removing the directive. */
|
|
2682
|
-
llmTooltipDisabled = input(false,
|
|
2836
|
+
llmTooltipDisabled = input(false, /* @ts-ignore */
|
|
2837
|
+
...(ngDevMode ? [{ debugName: "llmTooltipDisabled" }] : /* istanbul ignore next */ []));
|
|
2683
2838
|
/** Delay in ms before the tooltip appears. */
|
|
2684
|
-
llmTooltipShowDelay = input(300,
|
|
2839
|
+
llmTooltipShowDelay = input(300, /* @ts-ignore */
|
|
2840
|
+
...(ngDevMode ? [{ debugName: "llmTooltipShowDelay" }] : /* istanbul ignore next */ []));
|
|
2685
2841
|
/** Delay in ms before the tooltip hides. */
|
|
2686
|
-
llmTooltipHideDelay = input(0,
|
|
2842
|
+
llmTooltipHideDelay = input(0, /* @ts-ignore */
|
|
2843
|
+
...(ngDevMode ? [{ debugName: "llmTooltipHideDelay" }] : /* istanbul ignore next */ []));
|
|
2687
2844
|
injector = inject(Injector);
|
|
2688
2845
|
elementRef = inject(ElementRef);
|
|
2689
2846
|
overlayRef = null;
|
|
2690
2847
|
showTimer = null;
|
|
2691
2848
|
hideTimer = null;
|
|
2692
2849
|
/** @internal — links host aria-describedby to the tooltip element */
|
|
2693
|
-
activeTooltipId = signal(null,
|
|
2850
|
+
activeTooltipId = signal(null, /* @ts-ignore */
|
|
2851
|
+
...(ngDevMode ? [{ debugName: "activeTooltipId" }] : /* istanbul ignore next */ []));
|
|
2694
2852
|
/** @internal */
|
|
2695
2853
|
show() {
|
|
2696
2854
|
if (this.llmTooltipDisabled() || !this.llmTooltip())
|
|
@@ -2758,10 +2916,10 @@ class LlmTooltip {
|
|
|
2758
2916
|
this.hideTimer = null;
|
|
2759
2917
|
}
|
|
2760
2918
|
}
|
|
2761
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2762
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
2919
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2920
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: LlmTooltip, isStandalone: true, selector: "[llmTooltip]", inputs: { llmTooltip: { classPropertyName: "llmTooltip", publicName: "llmTooltip", isSignal: true, isRequired: true, transformFunction: null }, llmTooltipPosition: { classPropertyName: "llmTooltipPosition", publicName: "llmTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, llmTooltipDisabled: { classPropertyName: "llmTooltipDisabled", publicName: "llmTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, llmTooltipShowDelay: { classPropertyName: "llmTooltipShowDelay", publicName: "llmTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, llmTooltipHideDelay: { classPropertyName: "llmTooltipHideDelay", publicName: "llmTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()", "focusin": "show()", "focusout": "hide()", "keydown.escape": "hide()" }, properties: { "attr.aria-describedby": "activeTooltipId()" } }, ngImport: i0 });
|
|
2763
2921
|
}
|
|
2764
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2922
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTooltip, decorators: [{
|
|
2765
2923
|
type: Directive,
|
|
2766
2924
|
args: [{
|
|
2767
2925
|
selector: '[llmTooltip]',
|
|
@@ -2789,13 +2947,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2789
2947
|
*/
|
|
2790
2948
|
class LlmSkeleton {
|
|
2791
2949
|
/** Shape variant of the skeleton placeholder. */
|
|
2792
|
-
variant = input('text',
|
|
2950
|
+
variant = input('text', /* @ts-ignore */
|
|
2951
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
2793
2952
|
/** CSS width of the skeleton. */
|
|
2794
|
-
width = input('100%',
|
|
2953
|
+
width = input('100%', /* @ts-ignore */
|
|
2954
|
+
...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
|
|
2795
2955
|
/** CSS height — when empty, a sensible default is chosen per variant. */
|
|
2796
|
-
height = input('',
|
|
2956
|
+
height = input('', /* @ts-ignore */
|
|
2957
|
+
...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
|
|
2797
2958
|
/** Whether the shimmer animation is active. */
|
|
2798
|
-
animated = input(true,
|
|
2959
|
+
animated = input(true, /* @ts-ignore */
|
|
2960
|
+
...(ngDevMode ? [{ debugName: "animated" }] : /* istanbul ignore next */ []));
|
|
2799
2961
|
computedHeight = computed(() => {
|
|
2800
2962
|
if (this.height())
|
|
2801
2963
|
return this.height();
|
|
@@ -2807,24 +2969,26 @@ class LlmSkeleton {
|
|
|
2807
2969
|
case 'rectangular':
|
|
2808
2970
|
return '100px';
|
|
2809
2971
|
}
|
|
2810
|
-
},
|
|
2972
|
+
}, /* @ts-ignore */
|
|
2973
|
+
...(ngDevMode ? [{ debugName: "computedHeight" }] : /* istanbul ignore next */ []));
|
|
2811
2974
|
hostClasses = computed(() => {
|
|
2812
2975
|
const classes = [`variant-${this.variant()}`];
|
|
2813
2976
|
if (this.animated())
|
|
2814
2977
|
classes.push('is-animated');
|
|
2815
2978
|
return classes.join(' ');
|
|
2816
|
-
},
|
|
2817
|
-
|
|
2818
|
-
static
|
|
2979
|
+
}, /* @ts-ignore */
|
|
2980
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
2981
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2982
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmSkeleton, isStandalone: true, selector: "llm-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "hostClasses()", "style.width": "width()", "style.height": "computedHeight()" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}:host(.variant-text){border-radius:var(--ui-radius-sm)}:host(.variant-circular){border-radius:var(--ui-radius-full, 9999px)}:host(.variant-rectangular){border-radius:var(--ui-radius-md)}:host(.is-animated):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ui-color-surface-raised) 80%,transparent) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.is-animated):after{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2819
2983
|
}
|
|
2820
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2984
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmSkeleton, decorators: [{
|
|
2821
2985
|
type: Component,
|
|
2822
2986
|
args: [{ selector: 'llm-skeleton', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: ``, host: {
|
|
2823
2987
|
'[class]': 'hostClasses()',
|
|
2824
2988
|
'[style.width]': 'width()',
|
|
2825
2989
|
'[style.height]': 'computedHeight()',
|
|
2826
2990
|
'aria-hidden': 'true',
|
|
2827
|
-
}, styles: ["
|
|
2991
|
+
}, styles: [":host{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}:host(.variant-text){border-radius:var(--ui-radius-sm)}:host(.variant-circular){border-radius:var(--ui-radius-full, 9999px)}:host(.variant-rectangular){border-radius:var(--ui-radius-md)}:host(.is-animated):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ui-color-surface-raised) 80%,transparent) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.is-animated):after{animation:none}}\n"] }]
|
|
2828
2992
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }] } });
|
|
2829
2993
|
|
|
2830
2994
|
let toastId = 0;
|
|
@@ -2838,7 +3002,8 @@ let toastId = 0;
|
|
|
2838
3002
|
* ```
|
|
2839
3003
|
*/
|
|
2840
3004
|
class LlmToastService {
|
|
2841
|
-
toasts = signal([],
|
|
3005
|
+
toasts = signal([], /* @ts-ignore */
|
|
3006
|
+
...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
|
|
2842
3007
|
timers = new Map();
|
|
2843
3008
|
/**
|
|
2844
3009
|
* Show a toast notification.
|
|
@@ -2877,10 +3042,10 @@ class LlmToastService {
|
|
|
2877
3042
|
this.timers.clear();
|
|
2878
3043
|
this.toasts.set([]);
|
|
2879
3044
|
}
|
|
2880
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2881
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3045
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3046
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmToastService, providedIn: 'root' });
|
|
2882
3047
|
}
|
|
2883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3048
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmToastService, decorators: [{
|
|
2884
3049
|
type: Injectable,
|
|
2885
3050
|
args: [{ providedIn: 'root' }]
|
|
2886
3051
|
}] });
|
|
@@ -2891,21 +3056,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2891
3056
|
*/
|
|
2892
3057
|
class LlmToast {
|
|
2893
3058
|
/** Semantic color variant. */
|
|
2894
|
-
variant = input('default',
|
|
3059
|
+
variant = input('default', /* @ts-ignore */
|
|
3060
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
2895
3061
|
/** Whether to show a dismiss button. */
|
|
2896
|
-
dismissible = input(true,
|
|
3062
|
+
dismissible = input(true, /* @ts-ignore */
|
|
3063
|
+
...(ngDevMode ? [{ debugName: "dismissible" }] : /* istanbul ignore next */ []));
|
|
2897
3064
|
/** The message to display. */
|
|
2898
|
-
message = input('',
|
|
3065
|
+
message = input('', /* @ts-ignore */
|
|
3066
|
+
...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
|
|
2899
3067
|
/** Unique identifier for this toast. */
|
|
2900
|
-
toastId = input('',
|
|
3068
|
+
toastId = input('', /* @ts-ignore */
|
|
3069
|
+
...(ngDevMode ? [{ debugName: "toastId" }] : /* istanbul ignore next */ []));
|
|
2901
3070
|
/** Emitted when the toast is dismissed by the user. */
|
|
2902
3071
|
dismissed = output();
|
|
2903
|
-
hostClasses = computed(() => `variant-${this.variant()}`,
|
|
3072
|
+
hostClasses = computed(() => `variant-${this.variant()}`, /* @ts-ignore */
|
|
3073
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
2904
3074
|
onDismiss() {
|
|
2905
3075
|
this.dismissed.emit(this.toastId());
|
|
2906
3076
|
}
|
|
2907
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2908
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3077
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3078
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmToast, isStandalone: true, selector: "llm-toast", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, toastId: { classPropertyName: "toastId", publicName: "toastId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
2909
3079
|
<span class="message">{{ message() }}</span>
|
|
2910
3080
|
@if (dismissible()) {
|
|
2911
3081
|
<button class="dismiss" type="button" aria-label="Dismiss" (click)="onDismiss()">
|
|
@@ -2917,7 +3087,7 @@ class LlmToast {
|
|
|
2917
3087
|
}
|
|
2918
3088
|
`, isInline: true, styles: [":host{display:flex;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-radius:var(--ui-radius-lg);border-left:4px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-shadow:var(--ui-shadow-lg);background-color:var(--ui-color-surface-raised, var(--ui-color-surface));color:var(--ui-color-text);pointer-events:auto;min-width:18rem;max-width:100%;box-sizing:border-box;animation:toast-enter .3s ease-out}:host(.variant-default){border-left-color:var(--ui-color-border)}:host(.variant-success){border-left-color:var(--ui-color-success);background-color:color-mix(in srgb,var(--ui-color-success) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}:host(.variant-warning){border-left-color:var(--ui-color-warning);background-color:color-mix(in srgb,var(--ui-color-warning) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}:host(.variant-danger){border-left-color:var(--ui-color-danger);background-color:color-mix(in srgb,var(--ui-color-danger) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}:host(.variant-info){border-left-color:var(--ui-color-info);background-color:color-mix(in srgb,var(--ui-color-info) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.message{flex:1}.dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted, currentColor);opacity:.7;transition:opacity var(--ui-transition-fast, .15s),background-color var(--ui-transition-fast, .15s);line-height:1}.dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}@keyframes toast-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){:host{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2919
3089
|
}
|
|
2920
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmToast, decorators: [{
|
|
2921
3091
|
type: Component,
|
|
2922
3092
|
args: [{ selector: 'llm-toast', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
2923
3093
|
<span class="message">{{ message() }}</span>
|
|
@@ -2947,13 +3117,15 @@ class LlmToastContainer {
|
|
|
2947
3117
|
toastService = inject(LlmToastService);
|
|
2948
3118
|
destroyRef = inject(DestroyRef);
|
|
2949
3119
|
/** Position of the toast stack on the viewport. */
|
|
2950
|
-
position = input('bottom-right',
|
|
2951
|
-
|
|
3120
|
+
position = input('bottom-right', /* @ts-ignore */
|
|
3121
|
+
...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
3122
|
+
hostClasses = computed(() => `position-${this.position()}`, /* @ts-ignore */
|
|
3123
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
2952
3124
|
constructor() {
|
|
2953
3125
|
this.destroyRef.onDestroy(() => this.toastService.clear());
|
|
2954
3126
|
}
|
|
2955
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2956
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3127
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmToastContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3128
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmToastContainer, isStandalone: true, selector: "llm-toast-container", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-live": "polite", "role": "status" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
2957
3129
|
@for (toast of toastService.toasts(); track toast.id) {
|
|
2958
3130
|
<llm-toast
|
|
2959
3131
|
[variant]="toast.variant"
|
|
@@ -2965,7 +3137,7 @@ class LlmToastContainer {
|
|
|
2965
3137
|
}
|
|
2966
3138
|
`, isInline: true, styles: [":host{position:fixed;z-index:var(--ui-z-toast, 400);display:flex;flex-direction:column;gap:var(--ui-spacing-2);pointer-events:none;max-width:min(24rem,calc(100vw - 2rem));box-sizing:border-box}:host(.position-bottom-right){bottom:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}:host(.position-bottom-center){bottom:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}:host(.position-top-right){top:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}:host(.position-top-center){top:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}\n"], dependencies: [{ kind: "component", type: LlmToast, selector: "llm-toast", inputs: ["variant", "dismissible", "message", "toastId"], outputs: ["dismissed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2967
3139
|
}
|
|
2968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmToastContainer, decorators: [{
|
|
2969
3141
|
type: Component,
|
|
2970
3142
|
args: [{ selector: 'llm-toast-container', standalone: true, imports: [LlmToast], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
2971
3143
|
@for (toast of toastService.toasts(); track toast.id) {
|
|
@@ -2998,19 +3170,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2998
3170
|
*/
|
|
2999
3171
|
class LlmAvatar {
|
|
3000
3172
|
/** Image URL. Falls back to initials or icon if empty or fails to load. */
|
|
3001
|
-
src = input('',
|
|
3173
|
+
src = input('', /* @ts-ignore */
|
|
3174
|
+
...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
|
|
3002
3175
|
/** Alt text for the image (also used as aria-label). */
|
|
3003
|
-
alt = input('',
|
|
3176
|
+
alt = input('', /* @ts-ignore */
|
|
3177
|
+
...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
|
|
3004
3178
|
/** Full name used to generate initials fallback and default aria-label. */
|
|
3005
|
-
name = input('',
|
|
3179
|
+
name = input('', /* @ts-ignore */
|
|
3180
|
+
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
3006
3181
|
/** Size of the avatar. */
|
|
3007
|
-
size = input('md',
|
|
3182
|
+
size = input('md', /* @ts-ignore */
|
|
3183
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
3008
3184
|
/** Shape of the avatar. */
|
|
3009
|
-
shape = input('circle',
|
|
3185
|
+
shape = input('circle', /* @ts-ignore */
|
|
3186
|
+
...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
|
|
3010
3187
|
/** Presence status indicator dot. Empty string hides the dot. */
|
|
3011
|
-
status = input('',
|
|
3188
|
+
status = input('', /* @ts-ignore */
|
|
3189
|
+
...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
|
|
3012
3190
|
/** @internal — reset to true whenever src changes */
|
|
3013
|
-
showImage = signal(true,
|
|
3191
|
+
showImage = signal(true, /* @ts-ignore */
|
|
3192
|
+
...(ngDevMode ? [{ debugName: "showImage" }] : /* istanbul ignore next */ []));
|
|
3014
3193
|
/** @internal */
|
|
3015
3194
|
initials = computed(() => {
|
|
3016
3195
|
const name = this.name();
|
|
@@ -3022,19 +3201,22 @@ class LlmAvatar {
|
|
|
3022
3201
|
.slice(0, 2)
|
|
3023
3202
|
.map((w) => w[0].toUpperCase())
|
|
3024
3203
|
.join('');
|
|
3025
|
-
},
|
|
3204
|
+
}, /* @ts-ignore */
|
|
3205
|
+
...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
|
|
3026
3206
|
/** @internal */
|
|
3027
|
-
ariaLabel = computed(() => this.alt() || this.name() || 'Avatar',
|
|
3207
|
+
ariaLabel = computed(() => this.alt() || this.name() || 'Avatar', /* @ts-ignore */
|
|
3208
|
+
...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
3028
3209
|
/** @internal */
|
|
3029
|
-
hostClasses = computed(() => `size-${this.size()} shape-${this.shape()}`,
|
|
3210
|
+
hostClasses = computed(() => `size-${this.size()} shape-${this.shape()}`, /* @ts-ignore */
|
|
3211
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
3030
3212
|
constructor() {
|
|
3031
3213
|
effect(() => {
|
|
3032
3214
|
this.src(); // track src changes
|
|
3033
3215
|
untracked(() => this.showImage.set(true));
|
|
3034
3216
|
});
|
|
3035
3217
|
}
|
|
3036
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3037
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3218
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3219
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmAvatar, isStandalone: true, selector: "llm-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "class": "hostClasses()", "attr.aria-label": "ariaLabel()" } }, ngImport: i0, template: `
|
|
3038
3220
|
<!-- eslint-disable -->
|
|
3039
3221
|
@if (src() && showImage()) {
|
|
3040
3222
|
<img [src]="src()" [alt]="alt()" (error)="showImage.set(false)" />
|
|
@@ -3050,7 +3232,7 @@ class LlmAvatar {
|
|
|
3050
3232
|
}
|
|
3051
3233
|
`, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(llm-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3052
3234
|
}
|
|
3053
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAvatar, decorators: [{
|
|
3054
3236
|
type: Component,
|
|
3055
3237
|
args: [{ selector: 'llm-avatar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
3056
3238
|
<!-- eslint-disable -->
|
|
@@ -3087,11 +3269,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3087
3269
|
*/
|
|
3088
3270
|
class LlmAvatarGroup {
|
|
3089
3271
|
/** Maximum visible avatars before showing an overflow count. */
|
|
3090
|
-
max = input(5,
|
|
3272
|
+
max = input(5, /* @ts-ignore */
|
|
3273
|
+
...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
|
|
3091
3274
|
/** Size applied to the overflow badge (match the size used on child avatars). */
|
|
3092
|
-
size = input('md',
|
|
3275
|
+
size = input('md', /* @ts-ignore */
|
|
3276
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
3093
3277
|
avatarEls = contentChildren(LlmAvatar, { ...(ngDevMode ? { debugName: "avatarEls" } : /* istanbul ignore next */ {}), read: ElementRef });
|
|
3094
|
-
overflowCount = computed(() => Math.max(0, this.avatarEls().length - this.max()),
|
|
3278
|
+
overflowCount = computed(() => Math.max(0, this.avatarEls().length - this.max()), /* @ts-ignore */
|
|
3279
|
+
...(ngDevMode ? [{ debugName: "overflowCount" }] : /* istanbul ignore next */ []));
|
|
3095
3280
|
constructor() {
|
|
3096
3281
|
effect(() => {
|
|
3097
3282
|
const max = this.max();
|
|
@@ -3100,15 +3285,15 @@ class LlmAvatarGroup {
|
|
|
3100
3285
|
});
|
|
3101
3286
|
});
|
|
3102
3287
|
}
|
|
3103
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3104
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3288
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3289
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmAvatarGroup, isStandalone: true, selector: "llm-avatar-group", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"group size-\" + size()" }, classAttribute: "group" }, queries: [{ propertyName: "avatarEls", predicate: LlmAvatar, read: ElementRef, isSignal: true }], ngImport: i0, template: `
|
|
3105
3290
|
<ng-content />
|
|
3106
3291
|
@if (overflowCount() > 0) {
|
|
3107
3292
|
<span [class]="'overflow-badge size-' + size()">+{{ overflowCount() }}</span>
|
|
3108
3293
|
}
|
|
3109
3294
|
`, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(llm-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3110
3295
|
}
|
|
3111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmAvatarGroup, decorators: [{
|
|
3112
3297
|
type: Component,
|
|
3113
3298
|
args: [{ selector: 'llm-avatar-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
3114
3299
|
<ng-content />
|
|
@@ -3133,33 +3318,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3133
3318
|
*/
|
|
3134
3319
|
class LlmProgress {
|
|
3135
3320
|
/** Current value of the progress bar. */
|
|
3136
|
-
value = input(0,
|
|
3321
|
+
value = input(0, /* @ts-ignore */
|
|
3322
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
3137
3323
|
/** Maximum value. */
|
|
3138
|
-
max = input(100,
|
|
3324
|
+
max = input(100, /* @ts-ignore */
|
|
3325
|
+
...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
|
|
3139
3326
|
/** Semantic color variant. */
|
|
3140
|
-
variant = input('default',
|
|
3327
|
+
variant = input('default', /* @ts-ignore */
|
|
3328
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
3141
3329
|
/** Height size of the track. */
|
|
3142
|
-
size = input('md',
|
|
3330
|
+
size = input('md', /* @ts-ignore */
|
|
3331
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
3143
3332
|
/** Shows an animated indeterminate state (loading). */
|
|
3144
|
-
indeterminate = input(false,
|
|
3333
|
+
indeterminate = input(false, /* @ts-ignore */
|
|
3334
|
+
...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
|
|
3145
3335
|
/**
|
|
3146
3336
|
* Accessible name — rendered as `aria-label` on the host.
|
|
3147
3337
|
* Required by ARIA when there is no visible label nearby.
|
|
3148
3338
|
*/
|
|
3149
|
-
label = input(undefined,
|
|
3150
|
-
|
|
3339
|
+
label = input(undefined, /* @ts-ignore */
|
|
3340
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
3341
|
+
clampedValue = computed(() => Math.min(Math.max(this.value(), 0), this.max()), /* @ts-ignore */
|
|
3342
|
+
...(ngDevMode ? [{ debugName: "clampedValue" }] : /* istanbul ignore next */ []));
|
|
3151
3343
|
fillWidth = computed(() => this.indeterminate()
|
|
3152
3344
|
? '100%'
|
|
3153
|
-
: `${(this.clampedValue() / this.max()) * 100}%`,
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
|
|
3345
|
+
: `${(this.clampedValue() / this.max()) * 100}%`, /* @ts-ignore */
|
|
3346
|
+
...(ngDevMode ? [{ debugName: "fillWidth" }] : /* istanbul ignore next */ []));
|
|
3347
|
+
hostClasses = computed(() => `variant-${this.variant()} size-${this.size()}${this.indeterminate() ? ' is-indeterminate' : ''}`, /* @ts-ignore */
|
|
3348
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
3349
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3350
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmProgress, isStandalone: true, selector: "llm-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar", "aria-valuemin": "0" }, properties: { "attr.aria-valuenow": "indeterminate() ? null : clampedValue()", "attr.aria-valuemax": "indeterminate() ? null : max()", "attr.aria-label": "label() || null", "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
3157
3351
|
<div class="track">
|
|
3158
3352
|
<div class="fill" [style.width]="fillWidth()"></div>
|
|
3159
3353
|
</div>
|
|
3160
|
-
`, isInline: true, styles: ["
|
|
3354
|
+
`, isInline: true, styles: [":host{display:block;width:100%;font-family:var(--ui-font-family)}.track{position:relative;width:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-surface-sunken);overflow:hidden}:host(.size-sm) .track{height:6px}:host(.size-md) .track{height:10px}:host(.size-lg) .track{height:14px}.fill{height:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-primary);transition:width var(--ui-transition-normal)}:host(.variant-success) .fill{background-color:var(--ui-color-success)}:host(.variant-warning) .fill{background-color:var(--ui-color-warning)}:host(.variant-danger) .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}:host(.is-indeterminate) .fill{width:40%!important;animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){:host(.is-indeterminate) .fill{animation:none;opacity:.5}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3161
3355
|
}
|
|
3162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3356
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmProgress, decorators: [{
|
|
3163
3357
|
type: Component,
|
|
3164
3358
|
args: [{ selector: 'llm-progress', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
3165
3359
|
<div class="track">
|
|
@@ -3172,7 +3366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3172
3366
|
'[attr.aria-valuemax]': 'indeterminate() ? null : max()',
|
|
3173
3367
|
'[attr.aria-label]': 'label() || null',
|
|
3174
3368
|
'[class]': 'hostClasses()',
|
|
3175
|
-
}, styles: ["
|
|
3369
|
+
}, styles: [":host{display:block;width:100%;font-family:var(--ui-font-family)}.track{position:relative;width:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-surface-sunken);overflow:hidden}:host(.size-sm) .track{height:6px}:host(.size-md) .track{height:10px}:host(.size-lg) .track{height:14px}.fill{height:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-primary);transition:width var(--ui-transition-normal)}:host(.variant-success) .fill{background-color:var(--ui-color-success)}:host(.variant-warning) .fill{background-color:var(--ui-color-warning)}:host(.variant-danger) .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}:host(.is-indeterminate) .fill{width:40%!important;animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){:host(.is-indeterminate) .fill{animation:none;opacity:.5}}\n"] }]
|
|
3176
3370
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
|
|
3177
3371
|
|
|
3178
3372
|
const LLM_BREADCRUMBS = new InjectionToken('LLM_BREADCRUMBS');
|
|
@@ -3191,15 +3385,19 @@ const LLM_BREADCRUMBS = new InjectionToken('LLM_BREADCRUMBS');
|
|
|
3191
3385
|
* ```
|
|
3192
3386
|
*/
|
|
3193
3387
|
class LlmBreadcrumbs {
|
|
3194
|
-
separator = input('/',
|
|
3195
|
-
|
|
3196
|
-
|
|
3388
|
+
separator = input('/', /* @ts-ignore */
|
|
3389
|
+
...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
|
|
3390
|
+
separatorCssVar = computed(() => `'${this.separator()}'`, /* @ts-ignore */
|
|
3391
|
+
...(ngDevMode ? [{ debugName: "separatorCssVar" }] : /* istanbul ignore next */ []));
|
|
3392
|
+
_itemIds = signal([], /* @ts-ignore */
|
|
3393
|
+
...(ngDevMode ? [{ debugName: "_itemIds" }] : /* istanbul ignore next */ []));
|
|
3197
3394
|
_nextId = 0;
|
|
3198
3395
|
/** @internal — used by LlmBreadcrumbItem via LLM_BREADCRUMBS token */
|
|
3199
3396
|
lastItemId = computed(() => {
|
|
3200
3397
|
const ids = this._itemIds();
|
|
3201
3398
|
return ids.length > 0 ? ids[ids.length - 1] : -1;
|
|
3202
|
-
},
|
|
3399
|
+
}, /* @ts-ignore */
|
|
3400
|
+
...(ngDevMode ? [{ debugName: "lastItemId" }] : /* istanbul ignore next */ []));
|
|
3203
3401
|
/** @internal */
|
|
3204
3402
|
registerItem() {
|
|
3205
3403
|
const id = this._nextId++;
|
|
@@ -3210,8 +3408,8 @@ class LlmBreadcrumbs {
|
|
|
3210
3408
|
unregisterItem(id) {
|
|
3211
3409
|
this._itemIds.update((ids) => ids.filter((i) => i !== id));
|
|
3212
3410
|
}
|
|
3213
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3214
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
3411
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmBreadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3412
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmBreadcrumbs, isStandalone: true, selector: "llm-breadcrumbs", inputs: { separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--llm-separator": "separatorCssVar()" }, classAttribute: "llm-breadcrumbs" }, providers: [
|
|
3215
3413
|
{
|
|
3216
3414
|
provide: LLM_BREADCRUMBS,
|
|
3217
3415
|
useFactory: (bc) => ({
|
|
@@ -3227,9 +3425,9 @@ class LlmBreadcrumbs {
|
|
|
3227
3425
|
<ng-content />
|
|
3228
3426
|
</ol>
|
|
3229
3427
|
</nav>
|
|
3230
|
-
`, isInline: true, styles: [".llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.
|
|
3428
|
+
`, isInline: true, styles: [":host(.llm-breadcrumbs){display:block;font-family:var(--ui-font-family)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.llm-breadcrumb-item){display:flex;align-items:center}:host(.llm-breadcrumb-item):after{content:var(--llm-separator, \"\\203a\");margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.llm-breadcrumb-item.is-current):after{display:none}a{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}a:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}a:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.llm-breadcrumb-item.is-current) a{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3231
3429
|
}
|
|
3232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmBreadcrumbs, decorators: [{
|
|
3233
3431
|
type: Component,
|
|
3234
3432
|
args: [{ selector: 'llm-breadcrumbs', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
3235
3433
|
{
|
|
@@ -3248,8 +3446,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3248
3446
|
</ol>
|
|
3249
3447
|
</nav>
|
|
3250
3448
|
`, host: {
|
|
3449
|
+
class: 'llm-breadcrumbs',
|
|
3251
3450
|
'[style.--llm-separator]': 'separatorCssVar()',
|
|
3252
|
-
}, styles: [".llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.
|
|
3451
|
+
}, styles: [":host(.llm-breadcrumbs){display:block;font-family:var(--ui-font-family)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.llm-breadcrumb-item){display:flex;align-items:center}:host(.llm-breadcrumb-item):after{content:var(--llm-separator, \"\\203a\");margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.llm-breadcrumb-item.is-current):after{display:none}a{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}a:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}a:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.llm-breadcrumb-item.is-current) a{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"] }]
|
|
3253
3452
|
}], propDecorators: { separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }] } });
|
|
3254
3453
|
/**
|
|
3255
3454
|
* A single breadcrumb step. The last item is automatically treated as
|
|
@@ -3257,10 +3456,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3257
3456
|
*/
|
|
3258
3457
|
class LlmBreadcrumbItem {
|
|
3259
3458
|
/** Optional href for navigation. Ignored on the last (current) item. */
|
|
3260
|
-
href = input('',
|
|
3459
|
+
href = input('', /* @ts-ignore */
|
|
3460
|
+
...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
|
|
3261
3461
|
context = inject(LLM_BREADCRUMBS);
|
|
3262
|
-
myIndex = signal(-1,
|
|
3263
|
-
|
|
3462
|
+
myIndex = signal(-1, /* @ts-ignore */
|
|
3463
|
+
...(ngDevMode ? [{ debugName: "myIndex" }] : /* istanbul ignore next */ []));
|
|
3464
|
+
isCurrent = computed(() => this.myIndex() >= 0 && this.myIndex() === this.context.lastItemId(), /* @ts-ignore */
|
|
3465
|
+
...(ngDevMode ? [{ debugName: "isCurrent" }] : /* istanbul ignore next */ []));
|
|
3264
3466
|
ngOnInit() {
|
|
3265
3467
|
this.myIndex.set(this.context.registerItem());
|
|
3266
3468
|
}
|
|
@@ -3269,17 +3471,17 @@ class LlmBreadcrumbItem {
|
|
|
3269
3471
|
this.context.unregisterItem(this.myIndex());
|
|
3270
3472
|
}
|
|
3271
3473
|
}
|
|
3272
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3273
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
3474
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3475
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmBreadcrumbItem, isStandalone: true, selector: "llm-breadcrumb-item", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-current": "isCurrent()" }, classAttribute: "llm-breadcrumb-item" }, ngImport: i0, template: `
|
|
3274
3476
|
<li class="item">
|
|
3275
3477
|
<a
|
|
3276
3478
|
[attr.href]="href() && !isCurrent() ? href() : null"
|
|
3277
3479
|
[attr.aria-current]="isCurrent() ? 'page' : null"
|
|
3278
3480
|
><ng-content /></a>
|
|
3279
3481
|
</li>
|
|
3280
|
-
`, isInline: true, styles: [".llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.
|
|
3482
|
+
`, isInline: true, styles: [":host(.llm-breadcrumbs){display:block;font-family:var(--ui-font-family)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.llm-breadcrumb-item){display:flex;align-items:center}:host(.llm-breadcrumb-item):after{content:var(--llm-separator, \"\\203a\");margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.llm-breadcrumb-item.is-current):after{display:none}a{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}a:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}a:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.llm-breadcrumb-item.is-current) a{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3281
3483
|
}
|
|
3282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3484
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmBreadcrumbItem, decorators: [{
|
|
3283
3485
|
type: Component,
|
|
3284
3486
|
args: [{ selector: 'llm-breadcrumb-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
3285
3487
|
<li class="item">
|
|
@@ -3289,8 +3491,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3289
3491
|
><ng-content /></a>
|
|
3290
3492
|
</li>
|
|
3291
3493
|
`, host: {
|
|
3494
|
+
class: 'llm-breadcrumb-item',
|
|
3292
3495
|
'[class.is-current]': 'isCurrent()',
|
|
3293
|
-
}, styles: [".llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.
|
|
3496
|
+
}, styles: [":host(.llm-breadcrumbs){display:block;font-family:var(--ui-font-family)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.llm-breadcrumb-item){display:flex;align-items:center}:host(.llm-breadcrumb-item):after{content:var(--llm-separator, \"\\203a\");margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.llm-breadcrumb-item.is-current):after{display:none}a{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}a:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}a:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.llm-breadcrumb-item.is-current) a{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"] }]
|
|
3294
3497
|
}], propDecorators: { href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }] } });
|
|
3295
3498
|
|
|
3296
3499
|
/**
|
|
@@ -3303,13 +3506,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3303
3506
|
*/
|
|
3304
3507
|
class LlmPagination {
|
|
3305
3508
|
/** Current page (1-based). Supports two-way binding: [(page)]="currentPage". */
|
|
3306
|
-
page = model(1,
|
|
3509
|
+
page = model(1, /* @ts-ignore */
|
|
3510
|
+
...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
|
|
3307
3511
|
/** Total number of pages. */
|
|
3308
|
-
pageCount = input(1,
|
|
3512
|
+
pageCount = input(1, /* @ts-ignore */
|
|
3513
|
+
...(ngDevMode ? [{ debugName: "pageCount" }] : /* istanbul ignore next */ []));
|
|
3309
3514
|
/** Number of page buttons to show on each side of the current page. */
|
|
3310
|
-
siblingCount = input(1,
|
|
3515
|
+
siblingCount = input(1, /* @ts-ignore */
|
|
3516
|
+
...(ngDevMode ? [{ debugName: "siblingCount" }] : /* istanbul ignore next */ []));
|
|
3311
3517
|
/** Whether to show first/last page jump buttons. */
|
|
3312
|
-
showFirstLast = input(true,
|
|
3518
|
+
showFirstLast = input(true, /* @ts-ignore */
|
|
3519
|
+
...(ngDevMode ? [{ debugName: "showFirstLast" }] : /* istanbul ignore next */ []));
|
|
3313
3520
|
pageItems = computed(() => {
|
|
3314
3521
|
const total = this.pageCount();
|
|
3315
3522
|
const current = this.page();
|
|
@@ -3336,7 +3543,8 @@ class LlmPagination {
|
|
|
3336
3543
|
// Always include last page
|
|
3337
3544
|
items.push({ type: 'page', page: total });
|
|
3338
3545
|
return items;
|
|
3339
|
-
},
|
|
3546
|
+
}, /* @ts-ignore */
|
|
3547
|
+
...(ngDevMode ? [{ debugName: "pageItems" }] : /* istanbul ignore next */ []));
|
|
3340
3548
|
goTo(p) {
|
|
3341
3549
|
const clamped = Math.min(Math.max(p, 1), this.pageCount());
|
|
3342
3550
|
this.page.set(clamped);
|
|
@@ -3353,8 +3561,8 @@ class LlmPagination {
|
|
|
3353
3561
|
goLast() {
|
|
3354
3562
|
this.goTo(this.pageCount());
|
|
3355
3563
|
}
|
|
3356
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3357
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3564
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3565
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmPagination, isStandalone: true, selector: "llm-pagination", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, pageCount: { classPropertyName: "pageCount", publicName: "pageCount", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, showFirstLast: { classPropertyName: "showFirstLast", publicName: "showFirstLast", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange" }, ngImport: i0, template: `
|
|
3358
3566
|
<nav aria-label="Pagination">
|
|
3359
3567
|
<ul role="list" class="page-list">
|
|
3360
3568
|
@if (showFirstLast()) {
|
|
@@ -3418,9 +3626,9 @@ class LlmPagination {
|
|
|
3418
3626
|
}
|
|
3419
3627
|
</ul>
|
|
3420
3628
|
</nav>
|
|
3421
|
-
`, isInline: true, styles: ["
|
|
3629
|
+
`, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family)}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-2);list-style:none;margin:0;padding:0}.page-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--ui-spacing-2);border-radius:var(--ui-radius-md);border:1px solid transparent;background:transparent;color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);font-weight:var(--ui-font-weight-semibold)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:var(--ui-opacity-disabled);pointer-events:none;cursor:default}.ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3422
3630
|
}
|
|
3423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3631
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmPagination, decorators: [{
|
|
3424
3632
|
type: Component,
|
|
3425
3633
|
args: [{ selector: 'llm-pagination', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
3426
3634
|
<nav aria-label="Pagination">
|
|
@@ -3486,7 +3694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3486
3694
|
}
|
|
3487
3695
|
</ul>
|
|
3488
3696
|
</nav>
|
|
3489
|
-
`, styles: ["
|
|
3697
|
+
`, styles: [":host{display:block;font-family:var(--ui-font-family)}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-2);list-style:none;margin:0;padding:0}.page-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--ui-spacing-2);border-radius:var(--ui-radius-md);border:1px solid transparent;background:transparent;color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);font-weight:var(--ui-font-weight-semibold)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:var(--ui-opacity-disabled);pointer-events:none;cursor:default}.ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none}\n"] }]
|
|
3490
3698
|
}], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }], pageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageCount", required: false }] }], siblingCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "siblingCount", required: false }] }], showFirstLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFirstLast", required: false }] }] } });
|
|
3491
3699
|
|
|
3492
3700
|
const LLM_DRAWER = new InjectionToken('LLM_DRAWER');
|
|
@@ -3512,19 +3720,26 @@ let nextId$2 = 0;
|
|
|
3512
3720
|
*/
|
|
3513
3721
|
class LlmDrawer {
|
|
3514
3722
|
/** Whether the drawer is open. Supports two-way binding: [(open)]="isOpen". */
|
|
3515
|
-
open = model(false,
|
|
3723
|
+
open = model(false, /* @ts-ignore */
|
|
3724
|
+
...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
|
|
3516
3725
|
/** Which edge the drawer slides in from. */
|
|
3517
|
-
position = input('right',
|
|
3726
|
+
position = input('right', /* @ts-ignore */
|
|
3727
|
+
...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
3518
3728
|
/** Width (for left/right) or height (for top/bottom) of the panel. */
|
|
3519
|
-
size = input('md',
|
|
3729
|
+
size = input('md', /* @ts-ignore */
|
|
3730
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
3520
3731
|
/** Whether clicking the backdrop closes the drawer. */
|
|
3521
|
-
closeOnBackdrop = input(true,
|
|
3732
|
+
closeOnBackdrop = input(true, /* @ts-ignore */
|
|
3733
|
+
...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : /* istanbul ignore next */ []));
|
|
3522
3734
|
/** @internal — referenced by LlmDrawerHeader via LLM_DRAWER token */
|
|
3523
3735
|
headerId = `llm-drawer-header-${nextId$2}`;
|
|
3524
3736
|
drawerId = `llm-drawer-${nextId$2++}`;
|
|
3525
|
-
dialogRef = viewChild('dialogEl',
|
|
3526
|
-
|
|
3527
|
-
|
|
3737
|
+
dialogRef = viewChild('dialogEl', /* @ts-ignore */
|
|
3738
|
+
...(ngDevMode ? [{ debugName: "dialogRef" }] : /* istanbul ignore next */ []));
|
|
3739
|
+
triggerEl = signal(null, /* @ts-ignore */
|
|
3740
|
+
...(ngDevMode ? [{ debugName: "triggerEl" }] : /* istanbul ignore next */ []));
|
|
3741
|
+
hostClasses = computed(() => `llm-drawer position-${this.position()} size-${this.size()}${this.open() ? ' is-open' : ''}`, /* @ts-ignore */
|
|
3742
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
3528
3743
|
constructor() {
|
|
3529
3744
|
effect(() => {
|
|
3530
3745
|
const dialog = this.dialogRef()?.nativeElement;
|
|
@@ -3551,8 +3766,8 @@ class LlmDrawer {
|
|
|
3551
3766
|
this.open.set(false);
|
|
3552
3767
|
}
|
|
3553
3768
|
}
|
|
3554
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3555
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
3769
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3770
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: LlmDrawer, isStandalone: true, selector: "llm-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [
|
|
3556
3771
|
{
|
|
3557
3772
|
provide: LLM_DRAWER,
|
|
3558
3773
|
useFactory: (drawer) => ({
|
|
@@ -3577,9 +3792,9 @@ class LlmDrawer {
|
|
|
3577
3792
|
<ng-content />
|
|
3578
3793
|
</div>
|
|
3579
3794
|
</dialog>
|
|
3580
|
-
`, isInline: true, styles: ["
|
|
3795
|
+
`, isInline: true, styles: [":host(.llm-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.llm-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.llm-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.llm-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.llm-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.llm-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.llm-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.llm-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.llm-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.llm-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.llm-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.llm-drawer.position-right.size-sm) dialog,:host(.llm-drawer.position-left.size-sm) dialog{width:20rem}:host(.llm-drawer.position-right.size-md) dialog,:host(.llm-drawer.position-left.size-md) dialog{width:28rem}:host(.llm-drawer.position-right.size-lg) dialog,:host(.llm-drawer.position-left.size-lg) dialog{width:40rem}:host(.llm-drawer.position-right.size-full) dialog,:host(.llm-drawer.position-left.size-full) dialog{width:100vw}:host(.llm-drawer.position-top.size-sm) dialog,:host(.llm-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.llm-drawer.position-top.size-md) dialog,:host(.llm-drawer.position-bottom.size-md) dialog{height:20rem}:host(.llm-drawer.position-top.size-lg) dialog,:host(.llm-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.llm-drawer.position-top.size-full) dialog,:host(.llm-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.llm-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-drawer-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3581
3796
|
}
|
|
3582
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3797
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDrawer, decorators: [{
|
|
3583
3798
|
type: Component,
|
|
3584
3799
|
args: [{ selector: 'llm-drawer', standalone: true, imports: [A11yModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
3585
3800
|
{
|
|
@@ -3608,7 +3823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3608
3823
|
</dialog>
|
|
3609
3824
|
`, host: {
|
|
3610
3825
|
'[class]': 'hostClasses()',
|
|
3611
|
-
}, styles: ["
|
|
3826
|
+
}, styles: [":host(.llm-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.llm-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.llm-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.llm-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.llm-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.llm-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.llm-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.llm-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.llm-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.llm-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.llm-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.llm-drawer.position-right.size-sm) dialog,:host(.llm-drawer.position-left.size-sm) dialog{width:20rem}:host(.llm-drawer.position-right.size-md) dialog,:host(.llm-drawer.position-left.size-md) dialog{width:28rem}:host(.llm-drawer.position-right.size-lg) dialog,:host(.llm-drawer.position-left.size-lg) dialog{width:40rem}:host(.llm-drawer.position-right.size-full) dialog,:host(.llm-drawer.position-left.size-full) dialog{width:100vw}:host(.llm-drawer.position-top.size-sm) dialog,:host(.llm-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.llm-drawer.position-top.size-md) dialog,:host(.llm-drawer.position-bottom.size-md) dialog{height:20rem}:host(.llm-drawer.position-top.size-lg) dialog,:host(.llm-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.llm-drawer.position-top.size-full) dialog,:host(.llm-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.llm-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-drawer-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
3612
3827
|
}], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], dialogRef: [{ type: i0.ViewChild, args: ['dialogEl', { isSignal: true }] }] } });
|
|
3613
3828
|
/**
|
|
3614
3829
|
* Header slot for `llm-drawer`. Contains the title and a close button.
|
|
@@ -3616,8 +3831,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3616
3831
|
*/
|
|
3617
3832
|
class LlmDrawerHeader {
|
|
3618
3833
|
context = inject(LLM_DRAWER);
|
|
3619
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3620
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3834
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDrawerHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3835
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmDrawerHeader, isStandalone: true, selector: "llm-drawer-header", host: { properties: { "attr.id": "context.headerId" }, classAttribute: "llm-drawer-header" }, ngImport: i0, template: `
|
|
3621
3836
|
<ng-content />
|
|
3622
3837
|
<button
|
|
3623
3838
|
class="close-btn"
|
|
@@ -3642,9 +3857,9 @@ class LlmDrawerHeader {
|
|
|
3642
3857
|
<line x1="6" y1="6" x2="18" y2="18" />
|
|
3643
3858
|
</svg>
|
|
3644
3859
|
</button>
|
|
3645
|
-
`, isInline: true, styles: ["
|
|
3860
|
+
`, isInline: true, styles: [":host(.llm-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.llm-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.llm-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.llm-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.llm-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.llm-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.llm-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.llm-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.llm-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.llm-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.llm-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.llm-drawer.position-right.size-sm) dialog,:host(.llm-drawer.position-left.size-sm) dialog{width:20rem}:host(.llm-drawer.position-right.size-md) dialog,:host(.llm-drawer.position-left.size-md) dialog{width:28rem}:host(.llm-drawer.position-right.size-lg) dialog,:host(.llm-drawer.position-left.size-lg) dialog{width:40rem}:host(.llm-drawer.position-right.size-full) dialog,:host(.llm-drawer.position-left.size-full) dialog{width:100vw}:host(.llm-drawer.position-top.size-sm) dialog,:host(.llm-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.llm-drawer.position-top.size-md) dialog,:host(.llm-drawer.position-bottom.size-md) dialog{height:20rem}:host(.llm-drawer.position-top.size-lg) dialog,:host(.llm-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.llm-drawer.position-top.size-full) dialog,:host(.llm-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.llm-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-drawer-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3646
3861
|
}
|
|
3647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3862
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDrawerHeader, decorators: [{
|
|
3648
3863
|
type: Component,
|
|
3649
3864
|
args: [{ selector: 'llm-drawer-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
3650
3865
|
<ng-content />
|
|
@@ -3672,30 +3887,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3672
3887
|
</svg>
|
|
3673
3888
|
</button>
|
|
3674
3889
|
`, host: {
|
|
3890
|
+
class: 'llm-drawer-header',
|
|
3675
3891
|
'[attr.id]': 'context.headerId',
|
|
3676
|
-
}, styles: ["
|
|
3892
|
+
}, styles: [":host(.llm-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.llm-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.llm-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.llm-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.llm-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.llm-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.llm-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.llm-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.llm-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.llm-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.llm-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.llm-drawer.position-right.size-sm) dialog,:host(.llm-drawer.position-left.size-sm) dialog{width:20rem}:host(.llm-drawer.position-right.size-md) dialog,:host(.llm-drawer.position-left.size-md) dialog{width:28rem}:host(.llm-drawer.position-right.size-lg) dialog,:host(.llm-drawer.position-left.size-lg) dialog{width:40rem}:host(.llm-drawer.position-right.size-full) dialog,:host(.llm-drawer.position-left.size-full) dialog{width:100vw}:host(.llm-drawer.position-top.size-sm) dialog,:host(.llm-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.llm-drawer.position-top.size-md) dialog,:host(.llm-drawer.position-bottom.size-md) dialog{height:20rem}:host(.llm-drawer.position-top.size-lg) dialog,:host(.llm-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.llm-drawer.position-top.size-full) dialog,:host(.llm-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.llm-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-drawer-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
3677
3893
|
}] });
|
|
3678
3894
|
/**
|
|
3679
3895
|
* Content slot for `llm-drawer`. Scrollable primary content area.
|
|
3680
3896
|
*/
|
|
3681
3897
|
class LlmDrawerContent {
|
|
3682
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3683
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3898
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDrawerContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3899
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmDrawerContent, isStandalone: true, selector: "llm-drawer-content", host: { classAttribute: "llm-drawer-content" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host(.llm-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.llm-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.llm-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.llm-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.llm-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.llm-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.llm-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.llm-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.llm-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.llm-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.llm-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.llm-drawer.position-right.size-sm) dialog,:host(.llm-drawer.position-left.size-sm) dialog{width:20rem}:host(.llm-drawer.position-right.size-md) dialog,:host(.llm-drawer.position-left.size-md) dialog{width:28rem}:host(.llm-drawer.position-right.size-lg) dialog,:host(.llm-drawer.position-left.size-lg) dialog{width:40rem}:host(.llm-drawer.position-right.size-full) dialog,:host(.llm-drawer.position-left.size-full) dialog{width:100vw}:host(.llm-drawer.position-top.size-sm) dialog,:host(.llm-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.llm-drawer.position-top.size-md) dialog,:host(.llm-drawer.position-bottom.size-md) dialog{height:20rem}:host(.llm-drawer.position-top.size-lg) dialog,:host(.llm-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.llm-drawer.position-top.size-full) dialog,:host(.llm-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.llm-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-drawer-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3684
3900
|
}
|
|
3685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3901
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDrawerContent, decorators: [{
|
|
3686
3902
|
type: Component,
|
|
3687
|
-
args: [{ selector: 'llm-drawer-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`,
|
|
3903
|
+
args: [{ selector: 'llm-drawer-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'llm-drawer-content' }, styles: [":host(.llm-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.llm-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.llm-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.llm-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.llm-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.llm-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.llm-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.llm-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.llm-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.llm-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.llm-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.llm-drawer.position-right.size-sm) dialog,:host(.llm-drawer.position-left.size-sm) dialog{width:20rem}:host(.llm-drawer.position-right.size-md) dialog,:host(.llm-drawer.position-left.size-md) dialog{width:28rem}:host(.llm-drawer.position-right.size-lg) dialog,:host(.llm-drawer.position-left.size-lg) dialog{width:40rem}:host(.llm-drawer.position-right.size-full) dialog,:host(.llm-drawer.position-left.size-full) dialog{width:100vw}:host(.llm-drawer.position-top.size-sm) dialog,:host(.llm-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.llm-drawer.position-top.size-md) dialog,:host(.llm-drawer.position-bottom.size-md) dialog{height:20rem}:host(.llm-drawer.position-top.size-lg) dialog,:host(.llm-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.llm-drawer.position-top.size-full) dialog,:host(.llm-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.llm-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-drawer-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
3688
3904
|
}] });
|
|
3689
3905
|
/**
|
|
3690
3906
|
* Footer slot for `llm-drawer`. Renders at the bottom with action buttons.
|
|
3691
3907
|
*/
|
|
3692
3908
|
class LlmDrawerFooter {
|
|
3693
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3694
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3909
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDrawerFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3910
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmDrawerFooter, isStandalone: true, selector: "llm-drawer-footer", host: { classAttribute: "llm-drawer-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host(.llm-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.llm-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.llm-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.llm-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.llm-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.llm-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.llm-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.llm-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.llm-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.llm-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.llm-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.llm-drawer.position-right.size-sm) dialog,:host(.llm-drawer.position-left.size-sm) dialog{width:20rem}:host(.llm-drawer.position-right.size-md) dialog,:host(.llm-drawer.position-left.size-md) dialog{width:28rem}:host(.llm-drawer.position-right.size-lg) dialog,:host(.llm-drawer.position-left.size-lg) dialog{width:40rem}:host(.llm-drawer.position-right.size-full) dialog,:host(.llm-drawer.position-left.size-full) dialog{width:100vw}:host(.llm-drawer.position-top.size-sm) dialog,:host(.llm-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.llm-drawer.position-top.size-md) dialog,:host(.llm-drawer.position-bottom.size-md) dialog{height:20rem}:host(.llm-drawer.position-top.size-lg) dialog,:host(.llm-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.llm-drawer.position-top.size-full) dialog,:host(.llm-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.llm-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-drawer-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3695
3911
|
}
|
|
3696
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3912
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmDrawerFooter, decorators: [{
|
|
3697
3913
|
type: Component,
|
|
3698
|
-
args: [{ selector: 'llm-drawer-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`,
|
|
3914
|
+
args: [{ selector: 'llm-drawer-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'llm-drawer-footer' }, styles: [":host(.llm-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.llm-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.llm-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.llm-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.llm-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.llm-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.llm-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.llm-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.llm-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.llm-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.llm-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.llm-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.llm-drawer.position-right.size-sm) dialog,:host(.llm-drawer.position-left.size-sm) dialog{width:20rem}:host(.llm-drawer.position-right.size-md) dialog,:host(.llm-drawer.position-left.size-md) dialog{width:28rem}:host(.llm-drawer.position-right.size-lg) dialog,:host(.llm-drawer.position-left.size-lg) dialog{width:40rem}:host(.llm-drawer.position-right.size-full) dialog,:host(.llm-drawer.position-left.size-full) dialog{width:100vw}:host(.llm-drawer.position-top.size-sm) dialog,:host(.llm-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.llm-drawer.position-top.size-md) dialog,:host(.llm-drawer.position-bottom.size-md) dialog{height:20rem}:host(.llm-drawer.position-top.size-lg) dialog,:host(.llm-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.llm-drawer.position-top.size-full) dialog,:host(.llm-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.llm-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.llm-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.llm-drawer-footer){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
|
|
3699
3915
|
}] });
|
|
3700
3916
|
|
|
3701
3917
|
const LLM_TABLE = new InjectionToken('LLM_TABLE');
|
|
@@ -3729,11 +3945,14 @@ const LLM_TABLE = new InjectionToken('LLM_TABLE');
|
|
|
3729
3945
|
*/
|
|
3730
3946
|
class LlmTable {
|
|
3731
3947
|
/** Visual style of the table rows. */
|
|
3732
|
-
variant = input('default',
|
|
3948
|
+
variant = input('default', /* @ts-ignore */
|
|
3949
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
3733
3950
|
/** Row density. */
|
|
3734
|
-
size = input('md',
|
|
3951
|
+
size = input('md', /* @ts-ignore */
|
|
3952
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
3735
3953
|
/** Whether the header row sticks to the top when the table scrolls. */
|
|
3736
|
-
stickyHeader = input(false,
|
|
3954
|
+
stickyHeader = input(false, /* @ts-ignore */
|
|
3955
|
+
...(ngDevMode ? [{ debugName: "stickyHeader" }] : /* istanbul ignore next */ []));
|
|
3737
3956
|
/**
|
|
3738
3957
|
* Accessible name for the scrollable table region. Surfaces to
|
|
3739
3958
|
* screen readers as the region's label so keyboard users who
|
|
@@ -3743,13 +3962,14 @@ class LlmTable {
|
|
|
3743
3962
|
ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
|
|
3744
3963
|
/** @internal */
|
|
3745
3964
|
hostClasses = computed(() => {
|
|
3746
|
-
const classes = [`variant-${this.variant()}`, `size-${this.size()}`];
|
|
3965
|
+
const classes = ['llm-table', `variant-${this.variant()}`, `size-${this.size()}`];
|
|
3747
3966
|
if (this.stickyHeader())
|
|
3748
3967
|
classes.push('is-sticky-header');
|
|
3749
3968
|
return classes.join(' ');
|
|
3750
|
-
},
|
|
3751
|
-
|
|
3752
|
-
static
|
|
3969
|
+
}, /* @ts-ignore */
|
|
3970
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
3971
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3972
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmTable, isStandalone: true, selector: "llm-table", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, providers: [{ provide: LLM_TABLE, useExisting: LlmTable }], ngImport: i0, template: `
|
|
3753
3973
|
<!-- The wrapper is the scrollable region — tabindex=0 lets keyboard
|
|
3754
3974
|
users scroll horizontally through wide tables. role=region +
|
|
3755
3975
|
aria-label expose it as a labelled landmark for screen readers
|
|
@@ -3764,9 +3984,9 @@ class LlmTable {
|
|
|
3764
3984
|
<ng-content />
|
|
3765
3985
|
</table>
|
|
3766
3986
|
</div>
|
|
3767
|
-
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3987
|
+
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3768
3988
|
}
|
|
3769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3989
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTable, decorators: [{
|
|
3770
3990
|
type: Component,
|
|
3771
3991
|
args: [{ selector: 'llm-table', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
3772
3992
|
<!-- The wrapper is the scrollable region — tabindex=0 lets keyboard
|
|
@@ -3785,7 +4005,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3785
4005
|
</div>
|
|
3786
4006
|
`, host: {
|
|
3787
4007
|
'[class]': 'hostClasses()',
|
|
3788
|
-
}, providers: [{ provide: LLM_TABLE, useExisting: LlmTable }], encapsulation: ViewEncapsulation.None, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
4008
|
+
}, providers: [{ provide: LLM_TABLE, useExisting: LlmTable }], encapsulation: ViewEncapsulation.None, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
3789
4009
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
|
|
3790
4010
|
// ---------------------------------------------------------------------------
|
|
3791
4011
|
// LlmThead
|
|
@@ -3803,12 +4023,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3803
4023
|
* ```
|
|
3804
4024
|
*/
|
|
3805
4025
|
class LlmThead {
|
|
3806
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3807
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4026
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmThead, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4027
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmThead, isStandalone: true, selector: "llm-thead", host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: `<thead><ng-content /></thead>`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3808
4028
|
}
|
|
3809
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmThead, decorators: [{
|
|
3810
4030
|
type: Component,
|
|
3811
|
-
args: [{ selector: 'llm-thead', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<thead><ng-content /></thead>`, host: { '[style.display]': '"contents"' }, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
4031
|
+
args: [{ selector: 'llm-thead', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<thead><ng-content /></thead>`, host: { '[style.display]': '"contents"' }, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
3812
4032
|
}] });
|
|
3813
4033
|
// ---------------------------------------------------------------------------
|
|
3814
4034
|
// LlmTbody
|
|
@@ -3828,11 +4048,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3828
4048
|
*/
|
|
3829
4049
|
class LlmTbody {
|
|
3830
4050
|
/** When true, hides rows and shows the `[llmTableEmpty]` slot content instead. */
|
|
3831
|
-
empty = input(false,
|
|
4051
|
+
empty = input(false, /* @ts-ignore */
|
|
4052
|
+
...(ngDevMode ? [{ debugName: "empty" }] : /* istanbul ignore next */ []));
|
|
3832
4053
|
/** Number of columns to span in the empty-state row. Should match total column count. */
|
|
3833
|
-
colSpan = input(1,
|
|
3834
|
-
|
|
3835
|
-
static
|
|
4054
|
+
colSpan = input(1, /* @ts-ignore */
|
|
4055
|
+
...(ngDevMode ? [{ debugName: "colSpan" }] : /* istanbul ignore next */ []));
|
|
4056
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTbody, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4057
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmTbody, isStandalone: true, selector: "llm-tbody", inputs: { empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: `
|
|
3836
4058
|
<tbody>
|
|
3837
4059
|
@if (!empty()) {
|
|
3838
4060
|
<ng-content />
|
|
@@ -3844,9 +4066,9 @@ class LlmTbody {
|
|
|
3844
4066
|
</tr>
|
|
3845
4067
|
}
|
|
3846
4068
|
</tbody>
|
|
3847
|
-
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4069
|
+
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3848
4070
|
}
|
|
3849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4071
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTbody, decorators: [{
|
|
3850
4072
|
type: Component,
|
|
3851
4073
|
args: [{ selector: 'llm-tbody', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
3852
4074
|
<tbody>
|
|
@@ -3860,7 +4082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3860
4082
|
</tr>
|
|
3861
4083
|
}
|
|
3862
4084
|
</tbody>
|
|
3863
|
-
`, host: { '[style.display]': '"contents"' }, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
4085
|
+
`, host: { '[style.display]': '"contents"' }, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
3864
4086
|
}], propDecorators: { empty: [{ type: i0.Input, args: [{ isSignal: true, alias: "empty", required: false }] }], colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }] } });
|
|
3865
4087
|
// ---------------------------------------------------------------------------
|
|
3866
4088
|
// LlmTr
|
|
@@ -3878,19 +4100,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3878
4100
|
*/
|
|
3879
4101
|
class LlmTr {
|
|
3880
4102
|
/** Whether this row is currently selected. */
|
|
3881
|
-
selected = input(false,
|
|
4103
|
+
selected = input(false, /* @ts-ignore */
|
|
4104
|
+
...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
|
|
3882
4105
|
/** Whether this row shows a selection checkbox. */
|
|
3883
|
-
selectable = input(false,
|
|
4106
|
+
selectable = input(false, /* @ts-ignore */
|
|
4107
|
+
...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
|
|
3884
4108
|
/** Optional identifier for this row. Useful for tracking selection. */
|
|
3885
|
-
rowId = input(undefined,
|
|
4109
|
+
rowId = input(undefined, /* @ts-ignore */
|
|
4110
|
+
...(ngDevMode ? [{ debugName: "rowId" }] : /* istanbul ignore next */ []));
|
|
3886
4111
|
/** Emits when the row's checkbox is toggled. */
|
|
3887
4112
|
selectedChange = output();
|
|
3888
4113
|
/** @internal */
|
|
3889
|
-
hostClasses = computed(() => this.selectable() ? 'is-selectable' : '',
|
|
4114
|
+
hostClasses = computed(() => this.selectable() ? 'is-selectable' : '', /* @ts-ignore */
|
|
4115
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
3890
4116
|
/** @internal — applied to inner <tr> for CSS selection styling */
|
|
3891
|
-
innerClasses = computed(() => this.selected() ? 'is-selected' : '',
|
|
3892
|
-
|
|
3893
|
-
static
|
|
4117
|
+
innerClasses = computed(() => this.selected() ? 'is-selected' : '', /* @ts-ignore */
|
|
4118
|
+
...(ngDevMode ? [{ debugName: "innerClasses" }] : /* istanbul ignore next */ []));
|
|
4119
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTr, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4120
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmTr, isStandalone: true, selector: "llm-tr", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, rowId: { classPropertyName: "rowId", publicName: "rowId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange" }, host: { properties: { "class": "hostClasses()", "style.display": "\"contents\"" } }, ngImport: i0, template: `
|
|
3894
4121
|
<tr
|
|
3895
4122
|
[attr.aria-selected]="selectable() ? selected() : null"
|
|
3896
4123
|
[class]="innerClasses()"
|
|
@@ -3902,9 +4129,9 @@ class LlmTr {
|
|
|
3902
4129
|
}
|
|
3903
4130
|
<ng-content />
|
|
3904
4131
|
</tr>
|
|
3905
|
-
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], dependencies: [{ kind: "component", type: LlmCheckbox, selector: "llm-checkbox", inputs: ["checked", "touched", "indeterminate", "disabled", "invalid", "required", "name", "errors"], outputs: ["checkedChange", "touchedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4132
|
+
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], dependencies: [{ kind: "component", type: LlmCheckbox, selector: "llm-checkbox", inputs: ["checked", "touched", "indeterminate", "disabled", "invalid", "required", "name", "errors"], outputs: ["checkedChange", "touchedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3906
4133
|
}
|
|
3907
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTr, decorators: [{
|
|
3908
4135
|
type: Component,
|
|
3909
4136
|
args: [{ selector: 'llm-tr', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LlmCheckbox], template: `
|
|
3910
4137
|
<tr
|
|
@@ -3921,7 +4148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3921
4148
|
`, host: {
|
|
3922
4149
|
'[class]': 'hostClasses()',
|
|
3923
4150
|
'[style.display]': '"contents"',
|
|
3924
|
-
}, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
4151
|
+
}, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
3925
4152
|
}], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], rowId: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowId", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] } });
|
|
3926
4153
|
/**
|
|
3927
4154
|
* Table header cell. Set `sortable` to enable sort cycling.
|
|
@@ -3934,13 +4161,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
3934
4161
|
*/
|
|
3935
4162
|
class LlmTh {
|
|
3936
4163
|
/** Whether this column is sortable. Renders a sort button when true. */
|
|
3937
|
-
sortable = input(false,
|
|
4164
|
+
sortable = input(false, /* @ts-ignore */
|
|
4165
|
+
...(ngDevMode ? [{ debugName: "sortable" }] : /* istanbul ignore next */ []));
|
|
3938
4166
|
/** Current sort direction. Fully controlled — the consumer owns this state. */
|
|
3939
|
-
sortDirection = input(null,
|
|
4167
|
+
sortDirection = input(null, /* @ts-ignore */
|
|
4168
|
+
...(ngDevMode ? [{ debugName: "sortDirection" }] : /* istanbul ignore next */ []));
|
|
3940
4169
|
/** Text alignment of the header cell content. */
|
|
3941
|
-
align = input('start',
|
|
4170
|
+
align = input('start', /* @ts-ignore */
|
|
4171
|
+
...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
|
|
3942
4172
|
/** Fixed column width (e.g. `'120px'`, `'10rem'`). */
|
|
3943
|
-
width = input(undefined,
|
|
4173
|
+
width = input(undefined, /* @ts-ignore */
|
|
4174
|
+
...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
|
|
3944
4175
|
/**
|
|
3945
4176
|
* Emits when the header is clicked.
|
|
3946
4177
|
* Cycles: `null` → `'asc'` → `'desc'` → `null`.
|
|
@@ -3956,7 +4187,8 @@ class LlmTh {
|
|
|
3956
4187
|
if (d === 'desc')
|
|
3957
4188
|
return 'descending';
|
|
3958
4189
|
return 'none';
|
|
3959
|
-
},
|
|
4190
|
+
}, /* @ts-ignore */
|
|
4191
|
+
...(ngDevMode ? [{ debugName: "ariaSort" }] : /* istanbul ignore next */ []));
|
|
3960
4192
|
/** @internal */
|
|
3961
4193
|
cellClasses = computed(() => {
|
|
3962
4194
|
const classes = [`align-${this.align()}`];
|
|
@@ -3967,15 +4199,16 @@ class LlmTh {
|
|
|
3967
4199
|
if (this.sortDirection() === 'desc')
|
|
3968
4200
|
classes.push('sort-desc');
|
|
3969
4201
|
return classes.join(' ');
|
|
3970
|
-
},
|
|
4202
|
+
}, /* @ts-ignore */
|
|
4203
|
+
...(ngDevMode ? [{ debugName: "cellClasses" }] : /* istanbul ignore next */ []));
|
|
3971
4204
|
/** @internal */
|
|
3972
4205
|
cycleSort() {
|
|
3973
4206
|
const current = this.sortDirection();
|
|
3974
4207
|
const next = current === null ? 'asc' : current === 'asc' ? 'desc' : null;
|
|
3975
4208
|
this.sort.emit(next);
|
|
3976
4209
|
}
|
|
3977
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3978
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4210
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTh, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4211
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmTh, isStandalone: true, selector: "llm-th", inputs: { sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, sortDirection: { classPropertyName: "sortDirection", publicName: "sortDirection", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sort" }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: `
|
|
3979
4212
|
<th
|
|
3980
4213
|
[attr.aria-sort]="ariaSort()"
|
|
3981
4214
|
[style.width]="width() ?? null"
|
|
@@ -4000,9 +4233,9 @@ class LlmTh {
|
|
|
4000
4233
|
<ng-content />
|
|
4001
4234
|
}
|
|
4002
4235
|
</th>
|
|
4003
|
-
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4236
|
+
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4004
4237
|
}
|
|
4005
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTh, decorators: [{
|
|
4006
4239
|
type: Component,
|
|
4007
4240
|
args: [{ selector: 'llm-th', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4008
4241
|
<th
|
|
@@ -4029,7 +4262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4029
4262
|
<ng-content />
|
|
4030
4263
|
}
|
|
4031
4264
|
</th>
|
|
4032
|
-
`, host: { '[style.display]': '"contents"' }, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
4265
|
+
`, host: { '[style.display]': '"contents"' }, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
4033
4266
|
}], propDecorators: { sortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortable", required: false }] }], sortDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortDirection", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], sort: [{ type: i0.Output, args: ["sort"] }] } });
|
|
4034
4267
|
// ---------------------------------------------------------------------------
|
|
4035
4268
|
// LlmTd
|
|
@@ -4044,21 +4277,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4044
4277
|
*/
|
|
4045
4278
|
class LlmTd {
|
|
4046
4279
|
/** Text alignment of the cell content. */
|
|
4047
|
-
align = input('start',
|
|
4048
|
-
|
|
4049
|
-
static
|
|
4280
|
+
align = input('start', /* @ts-ignore */
|
|
4281
|
+
...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
|
|
4282
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTd, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4283
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmTd, isStandalone: true, selector: "llm-td", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: `
|
|
4050
4284
|
<td [class]="'align-' + align()">
|
|
4051
4285
|
<ng-content />
|
|
4052
4286
|
</td>
|
|
4053
|
-
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4287
|
+
`, isInline: true, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4054
4288
|
}
|
|
4055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmTd, decorators: [{
|
|
4056
4290
|
type: Component,
|
|
4057
4291
|
args: [{ selector: 'llm-td', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4058
4292
|
<td [class]="'align-' + align()">
|
|
4059
4293
|
<ng-content />
|
|
4060
4294
|
</td>
|
|
4061
|
-
`, host: { '[style.display]': '"contents"' }, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
4295
|
+
`, host: { '[style.display]': '"contents"' }, styles: [".llm-table{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-table-wrapper{width:100%;overflow-x:auto}.llm-table table{width:100%;border-collapse:collapse}.llm-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.llm-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.llm-table.size-sm thead th,.llm-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.llm-table.size-md thead th,.llm-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-table.size-lg thead th,.llm-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.llm-table.variant-striped tbody llm-tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.llm-table.variant-bordered thead th,.llm-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.llm-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.llm-table tbody tr.is-selected td,.llm-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.llm-tr-select-cell{width:2.75rem;text-align:center}.llm-tr-select-cell .llm-checkbox label{justify-content:center}.llm-table.is-sticky-header thead th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border)}.llm-th-sort-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%}.llm-th-sort-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm)}.llm-th-sort-icon{flex-shrink:0}.llm-th-sort-asc-arrow,.llm-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .llm-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .llm-th-sort-asc-arrow,th.sort-desc .llm-th-sort-desc-arrow{opacity:1}.llm-tbody-empty-cell{text-align:center;padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);background-color:var(--ui-color-surface)!important}\n"] }]
|
|
4062
4296
|
}], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
|
|
4063
4297
|
|
|
4064
4298
|
const LLM_STEPPER = new InjectionToken('LLM_STEPPER');
|
|
@@ -4078,18 +4312,23 @@ let nextId$1 = 0;
|
|
|
4078
4312
|
*/
|
|
4079
4313
|
class LlmStepper {
|
|
4080
4314
|
/** Index of the currently active step. Supports two-way binding. */
|
|
4081
|
-
activeStep = model(0,
|
|
4315
|
+
activeStep = model(0, /* @ts-ignore */
|
|
4316
|
+
...(ngDevMode ? [{ debugName: "activeStep" }] : /* istanbul ignore next */ []));
|
|
4082
4317
|
/** Layout orientation. */
|
|
4083
|
-
orientation = input('horizontal',
|
|
4318
|
+
orientation = input('horizontal', /* @ts-ignore */
|
|
4319
|
+
...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
|
|
4084
4320
|
/**
|
|
4085
4321
|
* When true, users can only navigate to completed steps or the next pending step.
|
|
4086
4322
|
* Use `goTo()` / `next()` in your step content to advance programmatically.
|
|
4087
4323
|
*/
|
|
4088
|
-
linear = input(false,
|
|
4324
|
+
linear = input(false, /* @ts-ignore */
|
|
4325
|
+
...(ngDevMode ? [{ debugName: "linear" }] : /* istanbul ignore next */ []));
|
|
4089
4326
|
/** @internal */
|
|
4090
|
-
steps = signal([],
|
|
4327
|
+
steps = signal([], /* @ts-ignore */
|
|
4328
|
+
...(ngDevMode ? [{ debugName: "steps" }] : /* istanbul ignore next */ []));
|
|
4091
4329
|
/** @internal */
|
|
4092
|
-
hostClasses = computed(() => `orientation-${this.orientation()}`,
|
|
4330
|
+
hostClasses = computed(() => `orientation-${this.orientation()}`, /* @ts-ignore */
|
|
4331
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
4093
4332
|
/** @internal — called by LlmStep on init */
|
|
4094
4333
|
registerStep(info) {
|
|
4095
4334
|
this.steps.update((list) => [...list, info]);
|
|
@@ -4131,8 +4370,8 @@ class LlmStepper {
|
|
|
4131
4370
|
return;
|
|
4132
4371
|
this.activeStep.set(prev);
|
|
4133
4372
|
}
|
|
4134
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4135
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4373
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4374
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmStepper, isStandalone: true, selector: "llm-stepper", inputs: { activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeStep: "activeStepChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [{ provide: LLM_STEPPER, useExisting: LlmStepper }], ngImport: i0, template: `
|
|
4136
4375
|
<div class="stepper-header" role="tablist">
|
|
4137
4376
|
@for (step of steps(); track step.id; let i = $index; let last = $last) {
|
|
4138
4377
|
<div
|
|
@@ -4188,9 +4427,9 @@ class LlmStepper {
|
|
|
4188
4427
|
<div class="stepper-content">
|
|
4189
4428
|
<ng-content />
|
|
4190
4429
|
</div>
|
|
4191
|
-
`, isInline: true, styles: ["
|
|
4430
|
+
`, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family)}.stepper-header{display:flex;align-items:center}.step-item{display:flex;flex-direction:column;align-items:center;min-width:0}.step-connector{flex:1;height:2px;background:var(--ui-color-border);border-radius:var(--ui-radius-full);transition:background var(--ui-transition-normal) var(--ui-ease-out);min-width:var(--ui-spacing-4)}.step-connector.is-active{background:var(--ui-color-primary)}.step-circle{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:var(--ui-transition-normal) var(--ui-ease-out);transition-property:border-color,background-color,color,box-shadow;-webkit-user-select:none;user-select:none;flex-shrink:0}.step-circle:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.step-circle:disabled{cursor:not-allowed}.step-text{display:flex;flex-direction:column;align-items:center;margin-top:var(--ui-spacing-2);text-align:center}.step-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);white-space:nowrap}.step-description{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:2px}.step-optional{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);font-style:italic;margin-top:2px}.stepper-content{margin-top:var(--ui-spacing-6)}.stepper-content [role=tabpanel][hidden]{display:none}.step-item.is-active .step-circle{border-color:var(--ui-color-primary);color:var(--ui-color-primary)}.step-item.is-active .step-label{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}.step-item.is-completed .step-circle{border-color:var(--ui-color-primary);background:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.step-item.is-completed .step-label{color:var(--ui-color-text)}.step-item.is-error .step-circle{border-color:var(--ui-color-danger);background:var(--ui-color-danger);color:var(--ui-color-text-on-danger, #ffffff)}.step-item.is-error .step-label{color:var(--ui-color-danger)}.step-item.is-disabled .step-circle{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.step-item.is-disabled .step-label{opacity:var(--ui-opacity-disabled)}:host(.orientation-vertical) .stepper-header{flex-direction:column;align-items:stretch}:host(.orientation-vertical) .step-item{flex-direction:row;align-items:flex-start;gap:var(--ui-spacing-3)}:host(.orientation-vertical) .step-text{align-items:flex-start;text-align:left;margin-top:0;padding-top:var(--ui-spacing-1)}:host(.orientation-vertical) .step-connector{flex:none;width:2px;height:var(--ui-spacing-6);margin-left:17px;min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4192
4431
|
}
|
|
4193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmStepper, decorators: [{
|
|
4194
4433
|
type: Component,
|
|
4195
4434
|
args: [{ selector: 'llm-stepper', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4196
4435
|
<div class="stepper-header" role="tablist">
|
|
@@ -4250,7 +4489,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4250
4489
|
</div>
|
|
4251
4490
|
`, host: {
|
|
4252
4491
|
'[class]': 'hostClasses()',
|
|
4253
|
-
}, providers: [{ provide: LLM_STEPPER, useExisting: LlmStepper }], styles: ["
|
|
4492
|
+
}, providers: [{ provide: LLM_STEPPER, useExisting: LlmStepper }], styles: [":host{display:block;font-family:var(--ui-font-family)}.stepper-header{display:flex;align-items:center}.step-item{display:flex;flex-direction:column;align-items:center;min-width:0}.step-connector{flex:1;height:2px;background:var(--ui-color-border);border-radius:var(--ui-radius-full);transition:background var(--ui-transition-normal) var(--ui-ease-out);min-width:var(--ui-spacing-4)}.step-connector.is-active{background:var(--ui-color-primary)}.step-circle{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:var(--ui-transition-normal) var(--ui-ease-out);transition-property:border-color,background-color,color,box-shadow;-webkit-user-select:none;user-select:none;flex-shrink:0}.step-circle:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.step-circle:disabled{cursor:not-allowed}.step-text{display:flex;flex-direction:column;align-items:center;margin-top:var(--ui-spacing-2);text-align:center}.step-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);white-space:nowrap}.step-description{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:2px}.step-optional{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);font-style:italic;margin-top:2px}.stepper-content{margin-top:var(--ui-spacing-6)}.stepper-content [role=tabpanel][hidden]{display:none}.step-item.is-active .step-circle{border-color:var(--ui-color-primary);color:var(--ui-color-primary)}.step-item.is-active .step-label{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}.step-item.is-completed .step-circle{border-color:var(--ui-color-primary);background:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.step-item.is-completed .step-label{color:var(--ui-color-text)}.step-item.is-error .step-circle{border-color:var(--ui-color-danger);background:var(--ui-color-danger);color:var(--ui-color-text-on-danger, #ffffff)}.step-item.is-error .step-label{color:var(--ui-color-danger)}.step-item.is-disabled .step-circle{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.step-item.is-disabled .step-label{opacity:var(--ui-opacity-disabled)}:host(.orientation-vertical) .stepper-header{flex-direction:column;align-items:stretch}:host(.orientation-vertical) .step-item{flex-direction:row;align-items:flex-start;gap:var(--ui-spacing-3)}:host(.orientation-vertical) .step-text{align-items:flex-start;text-align:left;margin-top:0;padding-top:var(--ui-spacing-1)}:host(.orientation-vertical) .step-connector{flex:none;width:2px;height:var(--ui-spacing-6);margin-left:17px;min-width:0}\n"] }]
|
|
4254
4493
|
}], propDecorators: { activeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeStep", required: false }] }, { type: i0.Output, args: ["activeStepChange"] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], linear: [{ type: i0.Input, args: [{ isSignal: true, alias: "linear", required: false }] }] } });
|
|
4255
4494
|
/**
|
|
4256
4495
|
* Individual step. Place inside `<llm-stepper>`.
|
|
@@ -4262,25 +4501,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4262
4501
|
*/
|
|
4263
4502
|
class LlmStep {
|
|
4264
4503
|
/** Text displayed on the step indicator. Required. */
|
|
4265
|
-
label = input.required(
|
|
4504
|
+
label = input.required(/* @ts-ignore */
|
|
4505
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
4266
4506
|
/** Optional subtitle shown below the label. */
|
|
4267
|
-
description = input(undefined,
|
|
4507
|
+
description = input(undefined, /* @ts-ignore */
|
|
4508
|
+
...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
|
|
4268
4509
|
/** Mark this step as completed (shows a checkmark). */
|
|
4269
|
-
completed = input(false,
|
|
4510
|
+
completed = input(false, /* @ts-ignore */
|
|
4511
|
+
...(ngDevMode ? [{ debugName: "completed" }] : /* istanbul ignore next */ []));
|
|
4270
4512
|
/** Mark this step as having an error (shows an X). */
|
|
4271
|
-
error = input(false,
|
|
4513
|
+
error = input(false, /* @ts-ignore */
|
|
4514
|
+
...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
|
|
4272
4515
|
/** Mark this step as optional. */
|
|
4273
|
-
optional = input(false,
|
|
4516
|
+
optional = input(false, /* @ts-ignore */
|
|
4517
|
+
...(ngDevMode ? [{ debugName: "optional" }] : /* istanbul ignore next */ []));
|
|
4274
4518
|
/** Whether this step is disabled. */
|
|
4275
|
-
disabled = input(false,
|
|
4519
|
+
disabled = input(false, /* @ts-ignore */
|
|
4520
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
4276
4521
|
/** @internal */
|
|
4277
4522
|
id = `llm-step-instance-${nextId$1++}`;
|
|
4278
4523
|
/** @internal */
|
|
4279
4524
|
context = inject(LLM_STEPPER);
|
|
4280
4525
|
/** @internal */
|
|
4281
|
-
myIndex = computed(() => this.context.steps().findIndex((s) => s.id === this.id),
|
|
4526
|
+
myIndex = computed(() => this.context.steps().findIndex((s) => s.id === this.id), /* @ts-ignore */
|
|
4527
|
+
...(ngDevMode ? [{ debugName: "myIndex" }] : /* istanbul ignore next */ []));
|
|
4282
4528
|
/** @internal */
|
|
4283
|
-
isActive = computed(() => this.context.activeStep() === this.myIndex(),
|
|
4529
|
+
isActive = computed(() => this.context.activeStep() === this.myIndex(), /* @ts-ignore */
|
|
4530
|
+
...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
|
|
4284
4531
|
constructor() {
|
|
4285
4532
|
// Keep step info in sync when inputs change
|
|
4286
4533
|
effect(() => {
|
|
@@ -4310,8 +4557,8 @@ class LlmStep {
|
|
|
4310
4557
|
ngOnDestroy() {
|
|
4311
4558
|
this.context.unregisterStep(this.id);
|
|
4312
4559
|
}
|
|
4313
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4314
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4560
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmStep, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4561
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmStep, isStandalone: true, selector: "llm-step", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, completed: { classPropertyName: "completed", publicName: "completed", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
4315
4562
|
@if (isActive()) {
|
|
4316
4563
|
<div
|
|
4317
4564
|
role="tabpanel"
|
|
@@ -4324,7 +4571,7 @@ class LlmStep {
|
|
|
4324
4571
|
}
|
|
4325
4572
|
`, isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4326
4573
|
}
|
|
4327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4574
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmStep, decorators: [{
|
|
4328
4575
|
type: Component,
|
|
4329
4576
|
args: [{ selector: 'llm-step', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4330
4577
|
@if (isActive()) {
|
|
@@ -4352,26 +4599,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4352
4599
|
*/
|
|
4353
4600
|
class LlmCodeBlock {
|
|
4354
4601
|
/** The code string to display. */
|
|
4355
|
-
code = input('',
|
|
4602
|
+
code = input('', /* @ts-ignore */
|
|
4603
|
+
...(ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []));
|
|
4356
4604
|
/** Language label shown in the header. Ignored if filename is set. */
|
|
4357
|
-
language = input('text',
|
|
4605
|
+
language = input('text', /* @ts-ignore */
|
|
4606
|
+
...(ngDevMode ? [{ debugName: "language" }] : /* istanbul ignore next */ []));
|
|
4358
4607
|
/** Optional filename shown in the header instead of the language label. */
|
|
4359
|
-
filename = input('',
|
|
4608
|
+
filename = input('', /* @ts-ignore */
|
|
4609
|
+
...(ngDevMode ? [{ debugName: "filename" }] : /* istanbul ignore next */ []));
|
|
4360
4610
|
/** Whether to show a copy-to-clipboard button. */
|
|
4361
|
-
copyable = input(true,
|
|
4611
|
+
copyable = input(true, /* @ts-ignore */
|
|
4612
|
+
...(ngDevMode ? [{ debugName: "copyable" }] : /* istanbul ignore next */ []));
|
|
4362
4613
|
/** Whether to display line numbers alongside the code. */
|
|
4363
|
-
showLineNumbers = input(false,
|
|
4364
|
-
|
|
4365
|
-
|
|
4366
|
-
|
|
4614
|
+
showLineNumbers = input(false, /* @ts-ignore */
|
|
4615
|
+
...(ngDevMode ? [{ debugName: "showLineNumbers" }] : /* istanbul ignore next */ []));
|
|
4616
|
+
copied = signal(false, /* @ts-ignore */
|
|
4617
|
+
...(ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []));
|
|
4618
|
+
displayLabel = computed(() => this.filename() || this.language(), /* @ts-ignore */
|
|
4619
|
+
...(ngDevMode ? [{ debugName: "displayLabel" }] : /* istanbul ignore next */ []));
|
|
4620
|
+
lines = computed(() => this.code().split('\n'), /* @ts-ignore */
|
|
4621
|
+
...(ngDevMode ? [{ debugName: "lines" }] : /* istanbul ignore next */ []));
|
|
4367
4622
|
copy() {
|
|
4368
4623
|
void navigator.clipboard.writeText(this.code()).then(() => {
|
|
4369
4624
|
this.copied.set(true);
|
|
4370
4625
|
setTimeout(() => this.copied.set(false), 1800);
|
|
4371
4626
|
});
|
|
4372
4627
|
}
|
|
4373
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4374
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4628
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCodeBlock, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4629
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmCodeBlock, isStandalone: true, selector: "llm-code-block", inputs: { code: { classPropertyName: "code", publicName: "code", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, filename: { classPropertyName: "filename", publicName: "filename", isSignal: true, isRequired: false, transformFunction: null }, copyable: { classPropertyName: "copyable", publicName: "copyable", isSignal: true, isRequired: false, transformFunction: null }, showLineNumbers: { classPropertyName: "showLineNumbers", publicName: "showLineNumbers", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"llm-code-block\"" } }, ngImport: i0, template: `
|
|
4375
4630
|
<div class="code-block-header">
|
|
4376
4631
|
<span class="code-block-label">{{ displayLabel() }}</span>
|
|
4377
4632
|
@if (copyable()) {
|
|
@@ -4410,7 +4665,7 @@ class LlmCodeBlock {
|
|
|
4410
4665
|
</div>
|
|
4411
4666
|
`, isInline: true, styles: [".llm-code-block{display:block;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden;font-family:var(--ui-font-family)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface-raised);border-bottom:1px solid var(--ui-color-border);min-height:2.5rem}.code-block-label{font-family:var(--ui-font-mono, \"Menlo\", \"Monaco\", \"Courier New\", monospace);font-size:.72rem;font-weight:600;letter-spacing:.03em;color:var(--ui-color-text-muted);text-transform:lowercase;-webkit-user-select:none;user-select:none}.code-block-copy{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-color-text-muted);font-family:inherit;font-size:.72rem;font-weight:500;cursor:pointer;transition:color var(--ui-transition-fast),background var(--ui-transition-fast),border-color var(--ui-transition-fast);white-space:nowrap}.code-block-copy:hover{color:var(--ui-color-text);background:var(--ui-color-surface);border-color:var(--ui-color-input-border)}.code-block-copy:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.code-block-body{background:var(--ui-color-surface);overflow-x:auto}.code-block-pre{margin:0;padding:var(--ui-spacing-4);font-family:var(--ui-font-mono, \"Menlo\", \"Monaco\", \"Courier New\", monospace);font-size:var(--ui-font-size-sm);line-height:1.65;color:var(--ui-color-text);white-space:pre;tab-size:2}.code-line{display:flex}.code-line-number{display:inline-block;min-width:2rem;padding-right:var(--ui-spacing-3);color:var(--ui-color-text-muted);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--ui-color-border);margin-right:var(--ui-spacing-3);flex-shrink:0;opacity:.6}.code-line-text{flex:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4412
4667
|
}
|
|
4413
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4668
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmCodeBlock, decorators: [{
|
|
4414
4669
|
type: Component,
|
|
4415
4670
|
args: [{ selector: 'llm-code-block', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4416
4671
|
<div class="code-block-header">
|
|
@@ -4482,17 +4737,23 @@ let nextId = 0;
|
|
|
4482
4737
|
*/
|
|
4483
4738
|
class LlmChat {
|
|
4484
4739
|
/** Layout variant. */
|
|
4485
|
-
variant = input('drawer',
|
|
4740
|
+
variant = input('drawer', /* @ts-ignore */
|
|
4741
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
4486
4742
|
/** Whether the chat is open. Used by drawer/popup; ignored by inline. Two-way bindable via [(open)]. */
|
|
4487
|
-
open = model(false,
|
|
4743
|
+
open = model(false, /* @ts-ignore */
|
|
4744
|
+
...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
|
|
4488
4745
|
/** Connection / response status. Drives badge color in header and disables input while streaming. */
|
|
4489
|
-
status = input('idle',
|
|
4746
|
+
status = input('idle', /* @ts-ignore */
|
|
4747
|
+
...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
|
|
4490
4748
|
/** @internal — referenced by LlmChatHeader via LLM_CHAT token for aria-labelledby. */
|
|
4491
4749
|
headerId = `llm-chat-header-${nextId++}`;
|
|
4492
|
-
dialogRef = viewChild('dialogEl',
|
|
4750
|
+
dialogRef = viewChild('dialogEl', /* @ts-ignore */
|
|
4751
|
+
...(ngDevMode ? [{ debugName: "dialogRef" }] : /* istanbul ignore next */ []));
|
|
4493
4752
|
host = inject(ElementRef);
|
|
4494
|
-
triggerEl = signal(null,
|
|
4495
|
-
|
|
4753
|
+
triggerEl = signal(null, /* @ts-ignore */
|
|
4754
|
+
...(ngDevMode ? [{ debugName: "triggerEl" }] : /* istanbul ignore next */ []));
|
|
4755
|
+
hostClasses = computed(() => `variant-${this.variant()} status-${this.status()}${this.open() ? ' is-open' : ''}`, /* @ts-ignore */
|
|
4756
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
4496
4757
|
constructor() {
|
|
4497
4758
|
// Drawer variant uses native <dialog> open/close lifecycle.
|
|
4498
4759
|
effect(() => {
|
|
@@ -4534,8 +4795,8 @@ class LlmChat {
|
|
|
4534
4795
|
this.open.set(false);
|
|
4535
4796
|
}
|
|
4536
4797
|
}
|
|
4537
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4538
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4798
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChat, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4799
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmChat, isStandalone: true, selector: "llm-chat", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [
|
|
4539
4800
|
{
|
|
4540
4801
|
provide: LLM_CHAT,
|
|
4541
4802
|
useFactory: (chat) => ({
|
|
@@ -4591,7 +4852,7 @@ class LlmChat {
|
|
|
4591
4852
|
}
|
|
4592
4853
|
`, isInline: true, styles: [":host(llm-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:100}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) llm-chat-header .close-btn{display:none}:host(llm-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);flex-shrink:0}:host(llm-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(llm-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(llm-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(llm-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(llm-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(llm-chat-message.role-assistant),:host(llm-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(llm-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(llm-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(llm-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:1px dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(llm-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(llm-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:llm-chat-typing 1.4s infinite ease-in-out}:host(llm-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(llm-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(llm-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(llm-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes llm-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(llm-chat-typing) .dot{animation:none;opacity:.6}}:host(llm-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(llm-chat-suggestion){display:block}:host(llm-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(llm-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(llm-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(llm-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(llm-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(llm-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:1px solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(llm-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(llm-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(llm-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(llm-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(llm-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(llm-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(llm-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(llm-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(llm-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) llm-chat-input .field{cursor:wait}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4593
4854
|
}
|
|
4594
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4855
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChat, decorators: [{
|
|
4595
4856
|
type: Component,
|
|
4596
4857
|
args: [{ selector: 'llm-chat', standalone: true, imports: [A11yModule, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4597
4858
|
{
|
|
@@ -4657,8 +4918,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4657
4918
|
*/
|
|
4658
4919
|
class LlmChatHeader {
|
|
4659
4920
|
context = inject(LLM_CHAT);
|
|
4660
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4661
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4921
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4922
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmChatHeader, isStandalone: true, selector: "llm-chat-header", host: { properties: { "attr.id": "context.headerId" } }, ngImport: i0, template: `
|
|
4662
4923
|
<div class="title-block">
|
|
4663
4924
|
<ng-content />
|
|
4664
4925
|
</div>
|
|
@@ -4689,7 +4950,7 @@ class LlmChatHeader {
|
|
|
4689
4950
|
}
|
|
4690
4951
|
`, isInline: true, styles: [":host(llm-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:100}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) llm-chat-header .close-btn{display:none}:host(llm-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);flex-shrink:0}:host(llm-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(llm-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(llm-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(llm-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(llm-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(llm-chat-message.role-assistant),:host(llm-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(llm-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(llm-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(llm-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:1px dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(llm-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(llm-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:llm-chat-typing 1.4s infinite ease-in-out}:host(llm-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(llm-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(llm-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(llm-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes llm-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(llm-chat-typing) .dot{animation:none;opacity:.6}}:host(llm-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(llm-chat-suggestion){display:block}:host(llm-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(llm-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(llm-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(llm-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(llm-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(llm-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:1px solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(llm-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(llm-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(llm-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(llm-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(llm-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(llm-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(llm-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(llm-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(llm-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) llm-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4691
4952
|
}
|
|
4692
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4953
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatHeader, decorators: [{
|
|
4693
4954
|
type: Component,
|
|
4694
4955
|
args: [{ selector: 'llm-chat-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4695
4956
|
<div class="title-block">
|
|
@@ -4743,10 +5004,10 @@ class LlmChatMessages {
|
|
|
4743
5004
|
this.destroyRef.onDestroy(() => observer.disconnect());
|
|
4744
5005
|
});
|
|
4745
5006
|
}
|
|
4746
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4747
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5007
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatMessages, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5008
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: LlmChatMessages, isStandalone: true, selector: "llm-chat-messages", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host(llm-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:100}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) llm-chat-header .close-btn{display:none}:host(llm-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);flex-shrink:0}:host(llm-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(llm-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(llm-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(llm-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(llm-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(llm-chat-message.role-assistant),:host(llm-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(llm-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(llm-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(llm-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:1px dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(llm-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(llm-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:llm-chat-typing 1.4s infinite ease-in-out}:host(llm-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(llm-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(llm-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(llm-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes llm-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(llm-chat-typing) .dot{animation:none;opacity:.6}}:host(llm-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(llm-chat-suggestion){display:block}:host(llm-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(llm-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(llm-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(llm-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(llm-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(llm-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:1px solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(llm-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(llm-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(llm-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(llm-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(llm-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(llm-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(llm-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(llm-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(llm-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) llm-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4748
5009
|
}
|
|
4749
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatMessages, decorators: [{
|
|
4750
5011
|
type: Component,
|
|
4751
5012
|
args: [{ selector: 'llm-chat-messages', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [":host(llm-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:100}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) llm-chat-header .close-btn{display:none}:host(llm-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);flex-shrink:0}:host(llm-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(llm-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(llm-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(llm-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(llm-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(llm-chat-message.role-assistant),:host(llm-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(llm-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(llm-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(llm-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:1px dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(llm-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(llm-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:llm-chat-typing 1.4s infinite ease-in-out}:host(llm-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(llm-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(llm-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(llm-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes llm-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(llm-chat-typing) .dot{animation:none;opacity:.6}}:host(llm-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(llm-chat-suggestion){display:block}:host(llm-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(llm-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(llm-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(llm-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(llm-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(llm-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:1px solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(llm-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(llm-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(llm-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(llm-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(llm-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(llm-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(llm-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(llm-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(llm-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) llm-chat-input .field{cursor:wait}\n"] }]
|
|
4752
5013
|
}], ctorParameters: () => [] });
|
|
@@ -4762,14 +5023,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4762
5023
|
*/
|
|
4763
5024
|
class LlmChatMessage {
|
|
4764
5025
|
/** Sender of the message. Drives bubble alignment and color. */
|
|
4765
|
-
role = input('assistant',
|
|
5026
|
+
role = input('assistant', /* @ts-ignore */
|
|
5027
|
+
...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
|
|
4766
5028
|
/** Marks the message as failed (red dashed border, used in error state). */
|
|
4767
|
-
failed = input(false,
|
|
4768
|
-
|
|
4769
|
-
|
|
4770
|
-
|
|
5029
|
+
failed = input(false, /* @ts-ignore */
|
|
5030
|
+
...(ngDevMode ? [{ debugName: "failed" }] : /* istanbul ignore next */ []));
|
|
5031
|
+
hostClasses = computed(() => `role-${this.role()}${this.failed() ? ' is-failed' : ''}`, /* @ts-ignore */
|
|
5032
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
5033
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5034
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmChatMessage, isStandalone: true, selector: "llm-chat-message", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, failed: { classPropertyName: "failed", publicName: "failed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "\"listitem\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host(llm-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:100}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) llm-chat-header .close-btn{display:none}:host(llm-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);flex-shrink:0}:host(llm-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(llm-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(llm-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(llm-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(llm-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(llm-chat-message.role-assistant),:host(llm-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(llm-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(llm-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(llm-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:1px dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(llm-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(llm-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:llm-chat-typing 1.4s infinite ease-in-out}:host(llm-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(llm-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(llm-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(llm-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes llm-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(llm-chat-typing) .dot{animation:none;opacity:.6}}:host(llm-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(llm-chat-suggestion){display:block}:host(llm-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(llm-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(llm-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(llm-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(llm-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(llm-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:1px solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(llm-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(llm-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(llm-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(llm-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(llm-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(llm-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(llm-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(llm-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(llm-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) llm-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4771
5035
|
}
|
|
4772
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5036
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatMessage, decorators: [{
|
|
4773
5037
|
type: Component,
|
|
4774
5038
|
args: [{ selector: 'llm-chat-message', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: {
|
|
4775
5039
|
'[class]': 'hostClasses()',
|
|
@@ -4790,17 +5054,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4790
5054
|
*/
|
|
4791
5055
|
class LlmChatTyping {
|
|
4792
5056
|
/** When true, renders as an inline cursor without bubble chrome. */
|
|
4793
|
-
inline = input(false,
|
|
4794
|
-
|
|
4795
|
-
|
|
4796
|
-
|
|
5057
|
+
inline = input(false, /* @ts-ignore */
|
|
5058
|
+
...(ngDevMode ? [{ debugName: "inline" }] : /* istanbul ignore next */ []));
|
|
5059
|
+
hostClasses = computed(() => this.inline() ? 'is-inline' : '', /* @ts-ignore */
|
|
5060
|
+
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
5061
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatTyping, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5062
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LlmChatTyping, isStandalone: true, selector: "llm-chat-typing", inputs: { inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "\"status\"", "attr.aria-live": "\"polite\"" } }, ngImport: i0, template: `
|
|
4797
5063
|
<span class="dot"></span>
|
|
4798
5064
|
<span class="dot"></span>
|
|
4799
5065
|
<span class="dot"></span>
|
|
4800
5066
|
<span class="sr-only">Assistant is typing</span>
|
|
4801
5067
|
`, isInline: true, styles: [":host(llm-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:100}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) llm-chat-header .close-btn{display:none}:host(llm-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);flex-shrink:0}:host(llm-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(llm-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(llm-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(llm-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(llm-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(llm-chat-message.role-assistant),:host(llm-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(llm-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(llm-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(llm-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:1px dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(llm-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(llm-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:llm-chat-typing 1.4s infinite ease-in-out}:host(llm-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(llm-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(llm-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(llm-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes llm-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(llm-chat-typing) .dot{animation:none;opacity:.6}}:host(llm-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(llm-chat-suggestion){display:block}:host(llm-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(llm-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(llm-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(llm-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(llm-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(llm-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:1px solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(llm-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(llm-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(llm-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(llm-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(llm-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(llm-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(llm-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(llm-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(llm-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) llm-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4802
5068
|
}
|
|
4803
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5069
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatTyping, decorators: [{
|
|
4804
5070
|
type: Component,
|
|
4805
5071
|
args: [{ selector: 'llm-chat-typing', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4806
5072
|
<span class="dot"></span>
|
|
@@ -4823,13 +5089,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4823
5089
|
*/
|
|
4824
5090
|
class LlmChatSuggestion {
|
|
4825
5091
|
/** Primary label of the suggestion. */
|
|
4826
|
-
label = input.required(
|
|
5092
|
+
label = input.required(/* @ts-ignore */
|
|
5093
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
4827
5094
|
/** Optional secondary hint text shown below the label. */
|
|
4828
|
-
hint = input('',
|
|
5095
|
+
hint = input('', /* @ts-ignore */
|
|
5096
|
+
...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
|
|
4829
5097
|
/** Fires the label string when the chip is activated. */
|
|
4830
5098
|
selected = output();
|
|
4831
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4832
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5099
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatSuggestion, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5100
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmChatSuggestion, isStandalone: true, selector: "llm-chat-suggestion", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: `
|
|
4833
5101
|
<button type="button" class="chip" (click)="selected.emit(label())">
|
|
4834
5102
|
<span class="chip-label">{{ label() }}</span>
|
|
4835
5103
|
@if (hint()) {
|
|
@@ -4838,7 +5106,7 @@ class LlmChatSuggestion {
|
|
|
4838
5106
|
</button>
|
|
4839
5107
|
`, isInline: true, styles: [":host(llm-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:100}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) llm-chat-header .close-btn{display:none}:host(llm-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);flex-shrink:0}:host(llm-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(llm-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(llm-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(llm-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(llm-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(llm-chat-message.role-assistant),:host(llm-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(llm-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(llm-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(llm-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:1px dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(llm-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(llm-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:llm-chat-typing 1.4s infinite ease-in-out}:host(llm-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(llm-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(llm-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(llm-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes llm-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(llm-chat-typing) .dot{animation:none;opacity:.6}}:host(llm-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(llm-chat-suggestion){display:block}:host(llm-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(llm-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(llm-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(llm-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(llm-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(llm-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:1px solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(llm-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(llm-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(llm-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(llm-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(llm-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(llm-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(llm-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(llm-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(llm-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) llm-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4840
5108
|
}
|
|
4841
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatSuggestion, decorators: [{
|
|
4842
5110
|
type: Component,
|
|
4843
5111
|
args: [{ selector: 'llm-chat-suggestion', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4844
5112
|
<button type="button" class="chip" (click)="selected.emit(label())">
|
|
@@ -4863,17 +5131,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4863
5131
|
*/
|
|
4864
5132
|
class LlmChatInput {
|
|
4865
5133
|
/** Placeholder shown in the empty input. Defaults change per parent status. */
|
|
4866
|
-
placeholder = input('',
|
|
5134
|
+
placeholder = input('', /* @ts-ignore */
|
|
5135
|
+
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
4867
5136
|
/** Accessible label for the input field. */
|
|
4868
|
-
ariaLabel = input('Message your AI assistant',
|
|
5137
|
+
ariaLabel = input('Message your AI assistant', /* @ts-ignore */
|
|
5138
|
+
...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
4869
5139
|
/** Two-way bindable text content. */
|
|
4870
|
-
value = model('',
|
|
5140
|
+
value = model('', /* @ts-ignore */
|
|
5141
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
4871
5142
|
/** Fires when Enter is pressed (without Shift) or the Send button is clicked. */
|
|
4872
5143
|
send = output();
|
|
4873
5144
|
/** Fires when the Stop button is clicked while the parent chat is streaming. */
|
|
4874
5145
|
stop = output();
|
|
4875
5146
|
context = inject(LLM_CHAT);
|
|
4876
|
-
isStreaming = computed(() => this.context.status() === 'streaming',
|
|
5147
|
+
isStreaming = computed(() => this.context.status() === 'streaming', /* @ts-ignore */
|
|
5148
|
+
...(ngDevMode ? [{ debugName: "isStreaming" }] : /* istanbul ignore next */ []));
|
|
4877
5149
|
effectivePlaceholder = computed(() => {
|
|
4878
5150
|
const explicit = this.placeholder();
|
|
4879
5151
|
if (explicit)
|
|
@@ -4886,7 +5158,8 @@ class LlmChatInput {
|
|
|
4886
5158
|
default:
|
|
4887
5159
|
return 'Message your AI assistant…';
|
|
4888
5160
|
}
|
|
4889
|
-
},
|
|
5161
|
+
}, /* @ts-ignore */
|
|
5162
|
+
...(ngDevMode ? [{ debugName: "effectivePlaceholder" }] : /* istanbul ignore next */ []));
|
|
4890
5163
|
onInput(event) {
|
|
4891
5164
|
const target = event.target;
|
|
4892
5165
|
this.value.set(target.value);
|
|
@@ -4905,8 +5178,8 @@ class LlmChatInput {
|
|
|
4905
5178
|
this.send.emit(text);
|
|
4906
5179
|
this.value.set('');
|
|
4907
5180
|
}
|
|
4908
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4909
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5181
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5182
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: LlmChatInput, isStandalone: true, selector: "llm-chat-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", send: "send", stop: "stop" }, ngImport: i0, template: `
|
|
4910
5183
|
<textarea
|
|
4911
5184
|
class="field"
|
|
4912
5185
|
[value]="value()"
|
|
@@ -4937,7 +5210,7 @@ class LlmChatInput {
|
|
|
4937
5210
|
}
|
|
4938
5211
|
`, isInline: true, styles: [":host(llm-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:100}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) llm-chat-header .close-btn{display:none}:host(llm-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);flex-shrink:0}:host(llm-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(llm-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(llm-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(llm-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(llm-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(llm-chat-message.role-assistant),:host(llm-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(llm-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(llm-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(llm-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:1px dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(llm-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(llm-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:llm-chat-typing 1.4s infinite ease-in-out}:host(llm-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(llm-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(llm-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(llm-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes llm-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(llm-chat-typing) .dot{animation:none;opacity:.6}}:host(llm-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(llm-chat-suggestion){display:block}:host(llm-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(llm-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(llm-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(llm-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(llm-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(llm-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(llm-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:1px solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(llm-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(llm-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(llm-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(llm-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(llm-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(llm-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(llm-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(llm-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(llm-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(llm-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) llm-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4939
5212
|
}
|
|
4940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LlmChatInput, decorators: [{
|
|
4941
5214
|
type: Component,
|
|
4942
5215
|
args: [{ selector: 'llm-chat-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4943
5216
|
<textarea
|