@atelier-ui/angular 0.0.34 → 0.0.36
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed, ChangeDetectionStrategy, Component, model, viewChild, effect, InjectionToken,
|
|
2
|
+
import { input, computed, inject, ElementRef, afterNextRender, ChangeDetectionStrategy, Component, model, viewChild, effect, InjectionToken, signal, output, Injector, viewChildren, Directive, ViewEncapsulation, Injectable, DestroyRef, untracked, contentChildren } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/cdk/text-field';
|
|
4
4
|
import { TextFieldModule } from '@angular/cdk/text-field';
|
|
5
5
|
import * as i1$1 from '@angular/cdk/a11y';
|
|
@@ -33,13 +33,32 @@ class LlmButton {
|
|
|
33
33
|
loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
34
34
|
isDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
|
|
35
35
|
hostClasses = computed(() => `variant-${this.variant()} size-${this.size()}${this.isDisabled() ? ' is-disabled' : ''}${this.loading() ? ' is-loading' : ''}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
36
|
+
/** @internal — host element ref for the dev-mode a11y check. */
|
|
37
|
+
el = inject(ElementRef);
|
|
38
|
+
constructor() {
|
|
39
|
+
// Dev-mode warning when a button has no accessible name. Angular's
|
|
40
|
+
// <ng-content> projection means we can't enforce this at the type
|
|
41
|
+
// level (unlike the React adapter), so we check after first render.
|
|
42
|
+
if (typeof ngDevMode !== 'undefined' && ngDevMode) {
|
|
43
|
+
afterNextRender(() => {
|
|
44
|
+
const host = this.el.nativeElement;
|
|
45
|
+
const hasText = host.textContent.trim().length > 0;
|
|
46
|
+
const hasAriaLabel = host.hasAttribute('aria-label')
|
|
47
|
+
|| host.hasAttribute('aria-labelledby');
|
|
48
|
+
if (!hasText && !hasAriaLabel) {
|
|
49
|
+
console.warn('[LlmButton] icon-only button is missing an accessible name — '
|
|
50
|
+
+ 'add an aria-label attribute so screen readers announce its purpose.', host);
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
}
|
|
36
55
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
56
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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: `
|
|
38
57
|
@if (loading()) {
|
|
39
58
|
<span class="spinner" aria-hidden="true"></span>
|
|
40
59
|
}
|
|
41
60
|
<ng-content />
|
|
42
|
-
`, isInline: true, styles: ["
|
|
61
|
+
`, isInline: true, styles: [".llm-button{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}.llm-button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-button.variant-primary{background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}.llm-button.variant-primary:hover:not(.is-disabled){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.llm-button.variant-primary:active:not(.is-disabled){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active)}.llm-button.variant-secondary{background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary)}.llm-button.variant-secondary:hover:not(.is-disabled){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover)}.llm-button.variant-secondary:active:not(.is-disabled){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active)}.llm-button.variant-outline{background-color:var(--ui-color-surface-raised);color:var(--ui-color-primary);border-color:var(--ui-color-border-strong)}.llm-button.variant-outline:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary)}.llm-button.variant-outline:active:not(.is-disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary-active)}.llm-button.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}.llm-button.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}.llm-button.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}.llm-button.size-sm{padding:.375rem .875rem;font-size:var(--ui-font-size-sm);min-height:2rem}.llm-button.size-md{padding:.5625rem 1.125rem;font-size:var(--ui-font-size-md);min-height:2.5rem}.llm-button.size-lg{padding:.75rem 1.5rem;font-size:var(--ui-font-size-lg);min-height:3rem}.llm-button.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 });
|
|
43
62
|
}
|
|
44
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmButton, decorators: [{
|
|
45
64
|
type: Component,
|
|
@@ -53,8 +72,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
53
72
|
'[class]': 'hostClasses()',
|
|
54
73
|
'[attr.aria-disabled]': 'isDisabled()',
|
|
55
74
|
'[attr.disabled]': 'isDisabled() ? true : null',
|
|
56
|
-
}, styles: ["
|
|
57
|
-
}], 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 }] }] } });
|
|
75
|
+
}, styles: [".llm-button{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}.llm-button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-button.variant-primary{background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}.llm-button.variant-primary:hover:not(.is-disabled){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.llm-button.variant-primary:active:not(.is-disabled){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active)}.llm-button.variant-secondary{background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary)}.llm-button.variant-secondary:hover:not(.is-disabled){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover)}.llm-button.variant-secondary:active:not(.is-disabled){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active)}.llm-button.variant-outline{background-color:var(--ui-color-surface-raised);color:var(--ui-color-primary);border-color:var(--ui-color-border-strong)}.llm-button.variant-outline:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary)}.llm-button.variant-outline:active:not(.is-disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary-active)}.llm-button.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}.llm-button.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}.llm-button.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}.llm-button.size-sm{padding:.375rem .875rem;font-size:var(--ui-font-size-sm);min-height:2rem}.llm-button.size-md{padding:.5625rem 1.125rem;font-size:var(--ui-font-size-md);min-height:2.5rem}.llm-button.size-lg{padding:.75rem 1.5rem;font-size:var(--ui-font-size-lg);min-height:3rem}.llm-button.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"] }]
|
|
76
|
+
}], 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 }] }] } });
|
|
58
77
|
|
|
59
78
|
/**
|
|
60
79
|
* Card container component supporting elevated, outlined, and flat visual variants.
|
|
@@ -76,16 +95,29 @@ class LlmCard {
|
|
|
76
95
|
variant = input('elevated', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
77
96
|
/** Internal padding of the card. */
|
|
78
97
|
padding = input('md', ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
|
|
98
|
+
/**
|
|
99
|
+
* Opt-in landmark role. Default is no role.
|
|
100
|
+
*
|
|
101
|
+
* - `'article'` — self-contained content (blog post, comment).
|
|
102
|
+
* - `'region'` — perceivable area that needs a screen-reader stop;
|
|
103
|
+
* pair with `aria-label`.
|
|
104
|
+
* - `'section'` — mirrors an HTML `<section>`.
|
|
105
|
+
*
|
|
106
|
+
* Most cards group content visually and shouldn't add a landmark.
|
|
107
|
+
* Leave unset by default.
|
|
108
|
+
*/
|
|
109
|
+
role = input(undefined, ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
|
|
79
110
|
hostClasses = computed(() => `variant-${this.variant()} padding-${this.padding()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
80
111
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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 } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["
|
|
112
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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: [".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 .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-8)}.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)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.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 });
|
|
82
113
|
}
|
|
83
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCard, decorators: [{
|
|
84
115
|
type: Component,
|
|
85
116
|
args: [{ selector: 'llm-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: {
|
|
86
117
|
'[class]': 'hostClasses()',
|
|
87
|
-
|
|
88
|
-
|
|
118
|
+
'[attr.role]': 'role() || null',
|
|
119
|
+
}, 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 .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-8)}.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)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"] }]
|
|
120
|
+
}], 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 }] }] } });
|
|
89
121
|
/**
|
|
90
122
|
* Header slot for `llm-card`. Renders above the main content with a bottom separator.
|
|
91
123
|
*
|
|
@@ -96,11 +128,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
96
128
|
*/
|
|
97
129
|
class LlmCardHeader {
|
|
98
130
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmCardHeader, isStandalone: true, selector: "llm-card-header", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["
|
|
131
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmCardHeader, isStandalone: true, selector: "llm-card-header", ngImport: i0, template: `<ng-content />`, isInline: true, 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 .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-8)}.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)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.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 });
|
|
100
132
|
}
|
|
101
133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardHeader, decorators: [{
|
|
102
134
|
type: Component,
|
|
103
|
-
args: [{ selector: 'llm-card-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["
|
|
135
|
+
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 .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-8)}.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)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"] }]
|
|
104
136
|
}] });
|
|
105
137
|
/**
|
|
106
138
|
* Content slot for `llm-card`. Primary content area of the card.
|
|
@@ -112,11 +144,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
112
144
|
*/
|
|
113
145
|
class LlmCardContent {
|
|
114
146
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
115
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmCardContent, isStandalone: true, selector: "llm-card-content", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["
|
|
147
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmCardContent, isStandalone: true, selector: "llm-card-content", ngImport: i0, template: `<ng-content />`, isInline: true, 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 .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-8)}.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)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.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 });
|
|
116
148
|
}
|
|
117
149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardContent, decorators: [{
|
|
118
150
|
type: Component,
|
|
119
|
-
args: [{ selector: 'llm-card-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["
|
|
151
|
+
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 .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-8)}.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)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"] }]
|
|
120
152
|
}] });
|
|
121
153
|
/**
|
|
122
154
|
* Footer slot for `llm-card`. Renders below the main content, typically holds actions.
|
|
@@ -130,11 +162,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
130
162
|
*/
|
|
131
163
|
class LlmCardFooter {
|
|
132
164
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
133
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmCardFooter, isStandalone: true, selector: "llm-card-footer", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["
|
|
165
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmCardFooter, isStandalone: true, selector: "llm-card-footer", ngImport: i0, template: `<ng-content />`, isInline: true, 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 .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-8)}.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)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.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 });
|
|
134
166
|
}
|
|
135
167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardFooter, decorators: [{
|
|
136
168
|
type: Component,
|
|
137
|
-
args: [{ selector: 'llm-card-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["
|
|
169
|
+
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 .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-8)}.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)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border)}\n"] }]
|
|
138
170
|
}] });
|
|
139
171
|
|
|
140
172
|
/**
|
|
@@ -312,7 +344,7 @@ class LlmInput {
|
|
|
312
344
|
}
|
|
313
345
|
</div>
|
|
314
346
|
}
|
|
315
|
-
`, isInline: true, styles: ["
|
|
347
|
+
`, isInline: true, styles: [".llm-input{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-input 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}.llm-input input::placeholder{color:var(--ui-color-placeholder)}.llm-input input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-input input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.llm-input .input-field{position:relative}.llm-input.is-invalid input{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}.llm-input.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)}.llm-input.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}.llm-input.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-input.is-disabled input{cursor:not-allowed}.llm-input.is-readonly input{background-color:var(--ui-color-surface-sunken);cursor:default}.llm-input .errors{margin-top:var(--ui-spacing-2)}.llm-input .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 });
|
|
316
348
|
}
|
|
317
349
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmInput, decorators: [{
|
|
318
350
|
type: Component,
|
|
@@ -341,7 +373,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
341
373
|
}
|
|
342
374
|
`, host: {
|
|
343
375
|
'[class]': 'hostClasses()',
|
|
344
|
-
}, styles: ["
|
|
376
|
+
}, styles: [".llm-input{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-input 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}.llm-input input::placeholder{color:var(--ui-color-placeholder)}.llm-input input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-input input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.llm-input .input-field{position:relative}.llm-input.is-invalid input{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}.llm-input.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)}.llm-input.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}.llm-input.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-input.is-disabled input{cursor:not-allowed}.llm-input.is-readonly input{background-color:var(--ui-color-surface-sunken);cursor:default}.llm-input .errors{margin-top:var(--ui-spacing-2)}.llm-input .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"] }]
|
|
345
377
|
}], 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 }] }] } });
|
|
346
378
|
|
|
347
379
|
let nextId$c = 0;
|
|
@@ -427,7 +459,7 @@ class LlmTextarea {
|
|
|
427
459
|
}
|
|
428
460
|
</div>
|
|
429
461
|
}
|
|
430
|
-
`, isInline: true, styles: ["
|
|
462
|
+
`, isInline: true, styles: [".llm-textarea{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-textarea 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}.llm-textarea textarea::placeholder{color:var(--ui-color-placeholder)}.llm-textarea textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-textarea textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.llm-textarea .textarea-field{position:relative}.llm-textarea.is-invalid textarea{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}.llm-textarea.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)}.llm-textarea.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}.llm-textarea.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-textarea.is-disabled textarea{cursor:not-allowed}.llm-textarea.is-readonly textarea{background-color:var(--ui-color-surface-sunken);cursor:default}.llm-textarea.is-auto-resize textarea{resize:none;overflow:hidden}.llm-textarea .errors{margin-top:var(--ui-spacing-2)}.llm-textarea .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 });
|
|
431
463
|
}
|
|
432
464
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTextarea, decorators: [{
|
|
433
465
|
type: Component,
|
|
@@ -458,7 +490,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
458
490
|
}
|
|
459
491
|
`, host: {
|
|
460
492
|
'[class]': 'hostClasses()',
|
|
461
|
-
}, styles: ["
|
|
493
|
+
}, styles: [".llm-textarea{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-textarea 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}.llm-textarea textarea::placeholder{color:var(--ui-color-placeholder)}.llm-textarea textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-textarea textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.llm-textarea .textarea-field{position:relative}.llm-textarea.is-invalid textarea{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}.llm-textarea.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)}.llm-textarea.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}.llm-textarea.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-textarea.is-disabled textarea{cursor:not-allowed}.llm-textarea.is-readonly textarea{background-color:var(--ui-color-surface-sunken);cursor:default}.llm-textarea.is-auto-resize textarea{resize:none;overflow:hidden}.llm-textarea .errors{margin-top:var(--ui-spacing-2)}.llm-textarea .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"] }]
|
|
462
494
|
}], 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 }] }] } });
|
|
463
495
|
|
|
464
496
|
let nextId$b = 0;
|
|
@@ -547,7 +579,7 @@ class LlmCheckbox {
|
|
|
547
579
|
}
|
|
548
580
|
</div>
|
|
549
581
|
}
|
|
550
|
-
`, isInline: true, styles: ["
|
|
582
|
+
`, isInline: true, styles: [".llm-checkbox{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-checkbox 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}.llm-checkbox 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}.llm-checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-primary);background-color:var(--ui-color-primary-light)}.llm-checkbox input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.llm-checkbox input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox 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)}.llm-checkbox input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox 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)}.llm-checkbox.is-invalid input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}.llm-checkbox.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)}.llm-checkbox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-checkbox.is-disabled label,.llm-checkbox.is-disabled input[type=checkbox]{cursor:not-allowed}.llm-checkbox .errors{margin-top:var(--ui-spacing-2)}.llm-checkbox .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 });
|
|
551
583
|
}
|
|
552
584
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCheckbox, decorators: [{
|
|
553
585
|
type: Component,
|
|
@@ -577,7 +609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
577
609
|
}
|
|
578
610
|
`, host: {
|
|
579
611
|
'[class]': 'hostClasses()',
|
|
580
|
-
}, styles: ["
|
|
612
|
+
}, styles: [".llm-checkbox{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-checkbox 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}.llm-checkbox 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}.llm-checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-primary);background-color:var(--ui-color-primary-light)}.llm-checkbox input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.llm-checkbox input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox 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)}.llm-checkbox input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox 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)}.llm-checkbox.is-invalid input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}.llm-checkbox.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)}.llm-checkbox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-checkbox.is-disabled label,.llm-checkbox.is-disabled input[type=checkbox]{cursor:not-allowed}.llm-checkbox .errors{margin-top:var(--ui-spacing-2)}.llm-checkbox .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"] }]
|
|
581
613
|
}], 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 }] }] } });
|
|
582
614
|
|
|
583
615
|
const LLM_RADIO_GROUP = new InjectionToken('LLM_RADIO_GROUP');
|
|
@@ -658,7 +690,7 @@ class LlmRadio {
|
|
|
658
690
|
/>
|
|
659
691
|
<ng-content />
|
|
660
692
|
</label>
|
|
661
|
-
`, isInline: true, styles: ["
|
|
693
|
+
`, isInline: true, styles: [".llm-radio{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)}.llm-radio:hover:not(.is-disabled){color:var(--ui-color-primary)}.llm-radio 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}.llm-radio:hover input[type=radio]:not(:disabled){border-color:var(--ui-color-primary)}.llm-radio input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.llm-radio input[type=radio]:checked{border-color:var(--ui-color-primary);border-width:6px}.llm-radio.is-invalid input[type=radio]{border-color:var(--ui-color-input-border-invalid)}.llm-radio.is-invalid:hover input[type=radio]{border-color:var(--ui-color-danger-hover)}.llm-radio.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)}.llm-radio.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed;color:var(--ui-color-text-muted)}.llm-radio.is-disabled input[type=radio]{cursor:not-allowed;border-color:var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
662
694
|
}
|
|
663
695
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmRadio, decorators: [{
|
|
664
696
|
type: Component,
|
|
@@ -678,7 +710,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
678
710
|
</label>
|
|
679
711
|
`, host: {
|
|
680
712
|
'[class]': 'hostClasses()',
|
|
681
|
-
}, styles: ["
|
|
713
|
+
}, styles: [".llm-radio{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)}.llm-radio:hover:not(.is-disabled){color:var(--ui-color-primary)}.llm-radio 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}.llm-radio:hover input[type=radio]:not(:disabled){border-color:var(--ui-color-primary)}.llm-radio input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.llm-radio input[type=radio]:checked{border-color:var(--ui-color-primary);border-width:6px}.llm-radio.is-invalid input[type=radio]{border-color:var(--ui-color-input-border-invalid)}.llm-radio.is-invalid:hover input[type=radio]{border-color:var(--ui-color-danger-hover)}.llm-radio.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)}.llm-radio.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed;color:var(--ui-color-text-muted)}.llm-radio.is-disabled input[type=radio]{cursor:not-allowed;border-color:var(--ui-color-border)}\n"] }]
|
|
682
714
|
}], propDecorators: { radioValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "radioValue", required: true }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
683
715
|
|
|
684
716
|
let nextId$9 = 0;
|
|
@@ -782,7 +814,7 @@ class LlmRadioGroup {
|
|
|
782
814
|
}
|
|
783
815
|
</div>
|
|
784
816
|
}
|
|
785
|
-
`, isInline: true, styles: ["
|
|
817
|
+
`, isInline: true, styles: [".llm-radio-group{display:flex;font-family:var(--ui-font-family);gap:var(--ui-spacing-3)}.llm-radio-group.orientation-vertical{flex-direction:column}.llm-radio-group.orientation-horizontal{flex-direction:row;flex-wrap:wrap}.llm-radio-group.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-radio-group .errors{margin-top:var(--ui-spacing-2)}.llm-radio-group .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 });
|
|
786
818
|
}
|
|
787
819
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmRadioGroup, decorators: [{
|
|
788
820
|
type: Component,
|
|
@@ -802,7 +834,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
802
834
|
'[attr.aria-required]': 'required() || null',
|
|
803
835
|
'[attr.aria-describedby]': 'showErrors() ? errorId : null',
|
|
804
836
|
'(keydown)': 'onKeydown($event)',
|
|
805
|
-
}, providers: [{ provide: LLM_RADIO_GROUP, useExisting: LlmRadioGroup }], styles: ["
|
|
837
|
+
}, providers: [{ provide: LLM_RADIO_GROUP, useExisting: LlmRadioGroup }], styles: [".llm-radio-group{display:flex;font-family:var(--ui-font-family);gap:var(--ui-spacing-3)}.llm-radio-group.orientation-vertical{flex-direction:column}.llm-radio-group.orientation-horizontal{flex-direction:row;flex-wrap:wrap}.llm-radio-group.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-radio-group .errors{margin-top:var(--ui-spacing-2)}.llm-radio-group .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"] }]
|
|
806
838
|
}], 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 }] }] } });
|
|
807
839
|
|
|
808
840
|
let nextId$8 = 0;
|
|
@@ -885,7 +917,7 @@ class LlmToggle {
|
|
|
885
917
|
}
|
|
886
918
|
</div>
|
|
887
919
|
}
|
|
888
|
-
`, isInline: true, styles: ["
|
|
920
|
+
`, isInline: true, styles: [".llm-toggle{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-toggle 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}.llm-toggle 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}.llm-toggle .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}.llm-toggle .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)}.llm-toggle label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-primary)}.llm-toggle input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.llm-toggle.is-checked .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-toggle.is-checked .thumb{transform:translate(1.25rem);background-color:var(--ui-color-text-on-primary)}.llm-toggle.is-invalid .track{border-color:var(--ui-color-input-border-invalid)}.llm-toggle.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)}.llm-toggle.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-toggle.is-disabled label,.llm-toggle.is-disabled .track{cursor:not-allowed}.llm-toggle .errors{margin-top:var(--ui-spacing-2)}.llm-toggle .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 });
|
|
889
921
|
}
|
|
890
922
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToggle, decorators: [{
|
|
891
923
|
type: Component,
|
|
@@ -919,7 +951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
919
951
|
}
|
|
920
952
|
`, host: {
|
|
921
953
|
'[class]': 'hostClasses()',
|
|
922
|
-
}, styles: ["
|
|
954
|
+
}, styles: [".llm-toggle{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-toggle 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}.llm-toggle 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}.llm-toggle .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}.llm-toggle .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)}.llm-toggle label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-primary)}.llm-toggle input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.llm-toggle.is-checked .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-toggle.is-checked .thumb{transform:translate(1.25rem);background-color:var(--ui-color-text-on-primary)}.llm-toggle.is-invalid .track{border-color:var(--ui-color-input-border-invalid)}.llm-toggle.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)}.llm-toggle.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-toggle.is-disabled label,.llm-toggle.is-disabled .track{cursor:not-allowed}.llm-toggle .errors{margin-top:var(--ui-spacing-2)}.llm-toggle .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"] }]
|
|
923
955
|
}], 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 }] }] } });
|
|
924
956
|
|
|
925
957
|
/**
|
|
@@ -977,7 +1009,7 @@ class LlmAlert {
|
|
|
977
1009
|
</svg>
|
|
978
1010
|
</button>
|
|
979
1011
|
}
|
|
980
|
-
`, isInline: true, styles: ["
|
|
1012
|
+
`, isInline: true, styles: [".llm-alert{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%}.llm-alert .content{flex:1}.llm-alert.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)}.llm-alert.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)}.llm-alert.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)}.llm-alert.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)}.llm-alert .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}.llm-alert .dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.llm-alert .dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}.llm-alert .content .variant-icon{display:inline-block;font-weight:700;margin-right:.4em;line-height:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
981
1013
|
}
|
|
982
1014
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAlert, decorators: [{
|
|
983
1015
|
type: Component,
|
|
@@ -998,7 +1030,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
998
1030
|
'[class]': 'hostClassesValue',
|
|
999
1031
|
role: 'alert',
|
|
1000
1032
|
'[attr.aria-live]': 'ariaLive',
|
|
1001
|
-
}, styles: ["
|
|
1033
|
+
}, styles: [".llm-alert{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%}.llm-alert .content{flex:1}.llm-alert.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)}.llm-alert.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)}.llm-alert.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)}.llm-alert.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)}.llm-alert .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}.llm-alert .dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.llm-alert .dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}.llm-alert .content .variant-icon{display:inline-block;font-weight:700;margin-right:.4em;line-height:1}\n"] }]
|
|
1002
1034
|
}], 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"] }] } });
|
|
1003
1035
|
|
|
1004
1036
|
const LLM_SELECT = new InjectionToken('LLM_SELECT');
|
|
@@ -1282,7 +1314,7 @@ class LlmSelect {
|
|
|
1282
1314
|
}
|
|
1283
1315
|
</div>
|
|
1284
1316
|
}
|
|
1285
|
-
`, isInline: true, styles: ["
|
|
1317
|
+
`, isInline: true, styles: [".llm-select{display:inline-block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-select label{display:block;margin-bottom:var(--ui-spacing-2);font-size:var(--ui-font-size-sm);color:var(--ui-color-text);font-weight:var(--ui-font-weight-medium)}.llm-select .select-wrapper{position:relative;display:flex;align-items:center}.llm-select select{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.5rem;padding:.625rem var(--ui-spacing-4);padding-inline-end:calc(var(--ui-spacing-4) + 1.25rem);background:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast)}.llm-select select:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.llm-select select:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-select select:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-select.is-invalid select{border-color:var(--ui-color-input-border-invalid)}.llm-select .select-arrow{position:absolute;inset-inline-end:var(--ui-spacing-4);pointer-events:none;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}.llm-select .errors{margin-top:var(--ui-spacing-2)}.llm-select .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1286
1318
|
}
|
|
1287
1319
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmSelect, decorators: [{
|
|
1288
1320
|
type: Component,
|
|
@@ -1325,7 +1357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1325
1357
|
role: 'combobox',
|
|
1326
1358
|
'[class]': 'hostClasses()',
|
|
1327
1359
|
'(keydown)': 'onKeydown($event)',
|
|
1328
|
-
}, providers: [{ provide: LLM_SELECT, useExisting: LlmSelect }], styles: ["
|
|
1360
|
+
}, providers: [{ provide: LLM_SELECT, useExisting: LlmSelect }], styles: [".llm-select{display:inline-block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-select label{display:block;margin-bottom:var(--ui-spacing-2);font-size:var(--ui-font-size-sm);color:var(--ui-color-text);font-weight:var(--ui-font-weight-medium)}.llm-select .select-wrapper{position:relative;display:flex;align-items:center}.llm-select select{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.5rem;padding:.625rem var(--ui-spacing-4);padding-inline-end:calc(var(--ui-spacing-4) + 1.25rem);background:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast)}.llm-select select:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.llm-select select:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-select select:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-select.is-invalid select{border-color:var(--ui-color-input-border-invalid)}.llm-select .select-arrow{position:absolute;inset-inline-end:var(--ui-spacing-4);pointer-events:none;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}.llm-select .errors{margin-top:var(--ui-spacing-2)}.llm-select .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text)}\n"] }]
|
|
1329
1361
|
}], 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 }] }] } });
|
|
1330
1362
|
|
|
1331
1363
|
let nextOptionId = 0;
|
|
@@ -1684,7 +1716,7 @@ class LlmCombobox {
|
|
|
1684
1716
|
}
|
|
1685
1717
|
</div>
|
|
1686
1718
|
}
|
|
1687
|
-
`, isInline: true, styles: ["
|
|
1719
|
+
`, isInline: true, styles: [".llm-combobox{display:block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-combobox-wrapper{position:relative;display:flex;align-items:center}.llm-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}.llm-combobox-input::placeholder{color:var(--ui-color-placeholder)}.llm-combobox-input:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.llm-combobox-input:focus-visible,.llm-combobox.is-open .llm-combobox-input{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}.llm-combobox.is-invalid .llm-combobox-input{border-color:var(--ui-color-input-border-invalid)}.llm-combobox.is-invalid .llm-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)}.llm-combobox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-combobox.is-disabled .llm-combobox-input{cursor:not-allowed}.llm-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}.llm-combobox.is-open .llm-combobox-icon{transform:rotate(180deg)}.llm-combobox-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}.llm-combobox-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)}.llm-combobox-option:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken)}.llm-combobox-option.is-active{background-color:var(--ui-color-primary-light);color:var(--ui-color-primary)}.llm-combobox-option.is-selected{font-weight:var(--ui-font-weight-semibold)}.llm-combobox-option.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-combobox-check{color:var(--ui-color-primary);flex-shrink:0}.llm-combobox-no-results{padding:var(--ui-spacing-4);text-align:center;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}.llm-combobox-errors{margin-top:var(--ui-spacing-2)}.llm-combobox-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 });
|
|
1688
1720
|
}
|
|
1689
1721
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCombobox, decorators: [{
|
|
1690
1722
|
type: Component,
|
|
@@ -1762,7 +1794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1762
1794
|
}
|
|
1763
1795
|
`, host: {
|
|
1764
1796
|
'[class]': 'hostClasses()',
|
|
1765
|
-
}, styles: ["
|
|
1797
|
+
}, styles: [".llm-combobox{display:block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-combobox-wrapper{position:relative;display:flex;align-items:center}.llm-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}.llm-combobox-input::placeholder{color:var(--ui-color-placeholder)}.llm-combobox-input:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.llm-combobox-input:focus-visible,.llm-combobox.is-open .llm-combobox-input{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}.llm-combobox.is-invalid .llm-combobox-input{border-color:var(--ui-color-input-border-invalid)}.llm-combobox.is-invalid .llm-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)}.llm-combobox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-combobox.is-disabled .llm-combobox-input{cursor:not-allowed}.llm-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}.llm-combobox.is-open .llm-combobox-icon{transform:rotate(180deg)}.llm-combobox-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}.llm-combobox-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)}.llm-combobox-option:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken)}.llm-combobox-option.is-active{background-color:var(--ui-color-primary-light);color:var(--ui-color-primary)}.llm-combobox-option.is-selected{font-weight:var(--ui-font-weight-semibold)}.llm-combobox-option.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-combobox-check{color:var(--ui-color-primary);flex-shrink:0}.llm-combobox-no-results{padding:var(--ui-spacing-4);text-align:center;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}.llm-combobox-errors{margin-top:var(--ui-spacing-2)}.llm-combobox-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"] }]
|
|
1766
1798
|
}], 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 }] }] } });
|
|
1767
1799
|
|
|
1768
1800
|
const LLM_DIALOG = new InjectionToken('LLM_DIALOG');
|
|
@@ -1853,7 +1885,7 @@ class LlmDialog {
|
|
|
1853
1885
|
<ng-content />
|
|
1854
1886
|
</div>
|
|
1855
1887
|
</dialog>
|
|
1856
|
-
`, isInline: true, styles: ["
|
|
1888
|
+
`, 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:#00000080;-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:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.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 });
|
|
1857
1889
|
}
|
|
1858
1890
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialog, decorators: [{
|
|
1859
1891
|
type: Component,
|
|
@@ -1883,7 +1915,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1883
1915
|
</dialog>
|
|
1884
1916
|
`, host: {
|
|
1885
1917
|
'[class]': 'hostClasses()',
|
|
1886
|
-
}, styles: ["
|
|
1918
|
+
}, 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:#00000080;-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:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.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"] }]
|
|
1887
1919
|
}], 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 }] }] } });
|
|
1888
1920
|
/**
|
|
1889
1921
|
* Header slot for `llm-dialog`. Renders above content with a bottom separator.
|
|
@@ -1917,7 +1949,7 @@ class LlmDialogHeader {
|
|
|
1917
1949
|
<line x1="6" y1="6" x2="18" y2="18" />
|
|
1918
1950
|
</svg>
|
|
1919
1951
|
</button>
|
|
1920
|
-
`, isInline: true, styles: ["
|
|
1952
|
+
`, 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:#00000080;-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:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.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 });
|
|
1921
1953
|
}
|
|
1922
1954
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogHeader, decorators: [{
|
|
1923
1955
|
type: Component,
|
|
@@ -1948,29 +1980,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1948
1980
|
</button>
|
|
1949
1981
|
`, host: {
|
|
1950
1982
|
'[attr.id]': 'context.headerId',
|
|
1951
|
-
}, styles: ["
|
|
1983
|
+
}, 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:#00000080;-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:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.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"] }]
|
|
1952
1984
|
}] });
|
|
1953
1985
|
/**
|
|
1954
1986
|
* Content slot for `llm-dialog`. Scrollable primary content area.
|
|
1955
1987
|
*/
|
|
1956
1988
|
class LlmDialogContent {
|
|
1957
1989
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1958
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDialogContent, isStandalone: true, selector: "llm-dialog-content", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["
|
|
1990
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDialogContent, isStandalone: true, selector: "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:#00000080;-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:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.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 });
|
|
1959
1991
|
}
|
|
1960
1992
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogContent, decorators: [{
|
|
1961
1993
|
type: Component,
|
|
1962
|
-
args: [{ selector: 'llm-dialog-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["
|
|
1994
|
+
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:#00000080;-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:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.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"] }]
|
|
1963
1995
|
}] });
|
|
1964
1996
|
/**
|
|
1965
1997
|
* Footer slot for `llm-dialog`. Renders below content, typically holds action buttons.
|
|
1966
1998
|
*/
|
|
1967
1999
|
class LlmDialogFooter {
|
|
1968
2000
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1969
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDialogFooter, isStandalone: true, selector: "llm-dialog-footer", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["
|
|
2001
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDialogFooter, isStandalone: true, selector: "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:#00000080;-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:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.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 });
|
|
1970
2002
|
}
|
|
1971
2003
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogFooter, decorators: [{
|
|
1972
2004
|
type: Component,
|
|
1973
|
-
args: [{ selector: 'llm-dialog-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["
|
|
2005
|
+
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:#00000080;-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:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.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"] }]
|
|
1974
2006
|
}] });
|
|
1975
2007
|
|
|
1976
2008
|
const LLM_TAB_GROUP = new InjectionToken('LLM_TAB_GROUP');
|
|
@@ -2068,7 +2100,7 @@ class LlmTabGroup {
|
|
|
2068
2100
|
}
|
|
2069
2101
|
</div>
|
|
2070
2102
|
<ng-content />
|
|
2071
|
-
`, isInline: true, styles: ["
|
|
2103
|
+
`, isInline: true, styles: [".llm-tab-group{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-tab-group .tablist{display:flex;gap:var(--ui-spacing-2);border-bottom:1px solid var(--ui-color-border);overflow-x:auto;scrollbar-width:none}.llm-tab-group .tablist::-webkit-scrollbar{display:none}.llm-tab-group .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}.llm-tab-group .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)}.llm-tab-group .tablist button.is-active{color:var(--ui-color-primary)}.llm-tab-group .tablist button.is-active:after{background:var(--ui-color-primary)}.llm-tab-group .tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.llm-tab-group .tablist button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group .tablist button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-tab-group [role=tabpanel]{padding:var(--ui-spacing-5) 0}.llm-tab-group [role=tabpanel]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group.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)}.llm-tab-group.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)}.llm-tab-group.variant-pills .tablist button:after{display:none}.llm-tab-group.variant-pills .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}.llm-tab-group.variant-pills .tablist button:hover:not(.is-disabled):not(.is-active){background:transparent;color:var(--ui-color-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2072
2104
|
}
|
|
2073
2105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTabGroup, decorators: [{
|
|
2074
2106
|
type: Component,
|
|
@@ -2096,7 +2128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
2096
2128
|
<ng-content />
|
|
2097
2129
|
`, host: {
|
|
2098
2130
|
'[class]': 'hostClasses()',
|
|
2099
|
-
}, providers: [{ provide: LLM_TAB_GROUP, useExisting: LlmTabGroup }], styles: ["
|
|
2131
|
+
}, providers: [{ provide: LLM_TAB_GROUP, useExisting: LlmTabGroup }], styles: [".llm-tab-group{display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}.llm-tab-group .tablist{display:flex;gap:var(--ui-spacing-2);border-bottom:1px solid var(--ui-color-border);overflow-x:auto;scrollbar-width:none}.llm-tab-group .tablist::-webkit-scrollbar{display:none}.llm-tab-group .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}.llm-tab-group .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)}.llm-tab-group .tablist button.is-active{color:var(--ui-color-primary)}.llm-tab-group .tablist button.is-active:after{background:var(--ui-color-primary)}.llm-tab-group .tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.llm-tab-group .tablist button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group .tablist button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-tab-group [role=tabpanel]{padding:var(--ui-spacing-5) 0}.llm-tab-group [role=tabpanel]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group.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)}.llm-tab-group.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)}.llm-tab-group.variant-pills .tablist button:after{display:none}.llm-tab-group.variant-pills .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}.llm-tab-group.variant-pills .tablist button:hover:not(.is-disabled):not(.is-active){background:transparent;color:var(--ui-color-text)}\n"] }]
|
|
2100
2132
|
}], 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 }] }] } });
|
|
2101
2133
|
/**
|
|
2102
2134
|
* Individual tab definition. Place inside `<llm-tab-group>`.
|
|
@@ -2229,14 +2261,14 @@ class LlmAccordionGroup {
|
|
|
2229
2261
|
targetItem.focus();
|
|
2230
2262
|
}
|
|
2231
2263
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2232
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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: ["
|
|
2264
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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: [".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-group.variant-default .llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-bordered{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-group.variant-bordered .llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-separated{display:flex;flex-direction:column;gap:var(--ui-spacing-2)}.llm-accordion-group.variant-separated .llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.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 });
|
|
2233
2265
|
}
|
|
2234
2266
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionGroup, decorators: [{
|
|
2235
2267
|
type: Component,
|
|
2236
2268
|
args: [{ selector: 'llm-accordion-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, hostDirectives: [{ directive: CdkAccordion, inputs: ['multi'] }], host: {
|
|
2237
2269
|
'[class]': 'hostClassesValue',
|
|
2238
2270
|
role: 'presentation',
|
|
2239
|
-
}, providers: [{ provide: LLM_ACCORDION_GROUP, useExisting: LlmAccordionGroup }], styles: ["
|
|
2271
|
+
}, 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-group.variant-default .llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-bordered{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-group.variant-bordered .llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-separated{display:flex;flex-direction:column;gap:var(--ui-spacing-2)}.llm-accordion-group.variant-separated .llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.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"] }]
|
|
2240
2272
|
}], propDecorators: { multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
|
|
2241
2273
|
/**
|
|
2242
2274
|
* Directive to mark the accordion header content.
|
|
@@ -2269,6 +2301,13 @@ class LlmAccordionItem {
|
|
|
2269
2301
|
/** Whether this item is disabled. */
|
|
2270
2302
|
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
2271
2303
|
disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled' });
|
|
2304
|
+
/**
|
|
2305
|
+
* HTML heading level wrapping the trigger button. Default `3`.
|
|
2306
|
+
* Match your page's heading outline so heading order stays valid.
|
|
2307
|
+
* Rendered as `<div role="heading" aria-level="N">` so screen
|
|
2308
|
+
* readers treat it as a real heading at that level.
|
|
2309
|
+
*/
|
|
2310
|
+
headingLevel = input(3, ...(ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []));
|
|
2272
2311
|
/** @internal — satisfies AccordionItem / FocusableOption interface */
|
|
2273
2312
|
get disabled() {
|
|
2274
2313
|
return this.disabledInput();
|
|
@@ -2330,8 +2369,8 @@ class LlmAccordionItem {
|
|
|
2330
2369
|
this.group.handleKeydown(event, this);
|
|
2331
2370
|
}
|
|
2332
2371
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2333
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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 } }, outputs: { expanded: "expandedChange" }, host: { properties: { "attr.data-accordion-id": "id" } }, hostDirectives: [{ directive: i1$2.CdkAccordionItem }], ngImport: i0, template: `
|
|
2334
|
-
<
|
|
2372
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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" } }, hostDirectives: [{ directive: i1$2.CdkAccordionItem }], ngImport: i0, template: `
|
|
2373
|
+
<div role="heading" [attr.aria-level]="headingLevel()" class="accordion-heading">
|
|
2335
2374
|
<button
|
|
2336
2375
|
type="button"
|
|
2337
2376
|
class="accordion-trigger"
|
|
@@ -2362,7 +2401,7 @@ class LlmAccordionItem {
|
|
|
2362
2401
|
/>
|
|
2363
2402
|
</svg>
|
|
2364
2403
|
</button>
|
|
2365
|
-
</
|
|
2404
|
+
</div>
|
|
2366
2405
|
<div
|
|
2367
2406
|
class="accordion-panel-wrapper"
|
|
2368
2407
|
[class.is-expanded]="isExpandedValue"
|
|
@@ -2376,12 +2415,12 @@ class LlmAccordionItem {
|
|
|
2376
2415
|
<ng-content />
|
|
2377
2416
|
</div>
|
|
2378
2417
|
</div>
|
|
2379
|
-
`, isInline: true, styles: ["
|
|
2418
|
+
`, 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-group.variant-default .llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-bordered{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-group.variant-bordered .llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-separated{display:flex;flex-direction:column;gap:var(--ui-spacing-2)}.llm-accordion-group.variant-separated .llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.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 });
|
|
2380
2419
|
}
|
|
2381
2420
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionItem, decorators: [{
|
|
2382
2421
|
type: Component,
|
|
2383
2422
|
args: [{ selector: 'llm-accordion-item', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CdkAccordionItem], template: `
|
|
2384
|
-
<
|
|
2423
|
+
<div role="heading" [attr.aria-level]="headingLevel()" class="accordion-heading">
|
|
2385
2424
|
<button
|
|
2386
2425
|
type="button"
|
|
2387
2426
|
class="accordion-trigger"
|
|
@@ -2412,7 +2451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
2412
2451
|
/>
|
|
2413
2452
|
</svg>
|
|
2414
2453
|
</button>
|
|
2415
|
-
</
|
|
2454
|
+
</div>
|
|
2416
2455
|
<div
|
|
2417
2456
|
class="accordion-panel-wrapper"
|
|
2418
2457
|
[class.is-expanded]="isExpandedValue"
|
|
@@ -2428,8 +2467,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
2428
2467
|
</div>
|
|
2429
2468
|
`, host: {
|
|
2430
2469
|
'[attr.data-accordion-id]': 'id',
|
|
2431
|
-
}, styles: ["
|
|
2432
|
-
}], 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 }] }] } });
|
|
2470
|
+
}, 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-group.variant-default .llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-bordered{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-group.variant-bordered .llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-separated{display:flex;flex-direction:column;gap:var(--ui-spacing-2)}.llm-accordion-group.variant-separated .llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.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"] }]
|
|
2471
|
+
}], 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 }] }] } });
|
|
2433
2472
|
|
|
2434
2473
|
/**
|
|
2435
2474
|
* Trigger directive that opens an `<llm-menu>` dropdown.
|
|
@@ -2484,13 +2523,13 @@ class LlmMenu {
|
|
|
2484
2523
|
/** @internal */
|
|
2485
2524
|
hostClasses = computed(() => `llm-menu variant-${this.variant()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
2486
2525
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2487
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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:
|
|
2526
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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 });
|
|
2488
2527
|
}
|
|
2489
2528
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenu, decorators: [{
|
|
2490
2529
|
type: Component,
|
|
2491
2530
|
args: [{ selector: 'llm-menu', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [CdkMenu], template: `<ng-content />`, host: {
|
|
2492
2531
|
'[class]': 'hostClasses()',
|
|
2493
|
-
}, styles: ["llm-menu{display:block;min-width:
|
|
2532
|
+
}, 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"] }]
|
|
2494
2533
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
|
|
2495
2534
|
/**
|
|
2496
2535
|
* A single item inside an `<llm-menu>`.
|
|
@@ -2758,7 +2797,7 @@ class LlmSkeleton {
|
|
|
2758
2797
|
return classes.join(' ');
|
|
2759
2798
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
2760
2799
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2761
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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: ["
|
|
2800
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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: [".llm-skeleton{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}.llm-skeleton.variant-text{border-radius:var(--ui-radius-sm)}.llm-skeleton.variant-circular{border-radius:var(--ui-radius-full, 9999px)}.llm-skeleton.variant-rectangular{border-radius:var(--ui-radius-md)}.llm-skeleton.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){.llm-skeleton.is-animated:after{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2762
2801
|
}
|
|
2763
2802
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmSkeleton, decorators: [{
|
|
2764
2803
|
type: Component,
|
|
@@ -2767,7 +2806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
2767
2806
|
'[style.width]': 'width()',
|
|
2768
2807
|
'[style.height]': 'computedHeight()',
|
|
2769
2808
|
'aria-hidden': 'true',
|
|
2770
|
-
}, styles: ["
|
|
2809
|
+
}, styles: [".llm-skeleton{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}.llm-skeleton.variant-text{border-radius:var(--ui-radius-sm)}.llm-skeleton.variant-circular{border-radius:var(--ui-radius-full, 9999px)}.llm-skeleton.variant-rectangular{border-radius:var(--ui-radius-md)}.llm-skeleton.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){.llm-skeleton.is-animated:after{animation:none}}\n"] }]
|
|
2771
2810
|
}], 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 }] }] } });
|
|
2772
2811
|
|
|
2773
2812
|
let toastId = 0;
|
|
@@ -2858,7 +2897,7 @@ class LlmToast {
|
|
|
2858
2897
|
</svg>
|
|
2859
2898
|
</button>
|
|
2860
2899
|
}
|
|
2861
|
-
`, isInline: true, styles: [":host{display:flex;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-
|
|
2900
|
+
`, 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 });
|
|
2862
2901
|
}
|
|
2863
2902
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToast, decorators: [{
|
|
2864
2903
|
type: Component,
|
|
@@ -2875,7 +2914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
2875
2914
|
`, host: {
|
|
2876
2915
|
'[class]': 'hostClasses()',
|
|
2877
2916
|
role: 'status',
|
|
2878
|
-
}, styles: [":host{display:flex;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-
|
|
2917
|
+
}, 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"] }]
|
|
2879
2918
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], toastId: [{ type: i0.Input, args: [{ isSignal: true, alias: "toastId", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
|
|
2880
2919
|
/**
|
|
2881
2920
|
* Container that renders the toast stack at a fixed viewport position.
|
|
@@ -3085,17 +3124,22 @@ class LlmProgress {
|
|
|
3085
3124
|
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
3086
3125
|
/** Shows an animated indeterminate state (loading). */
|
|
3087
3126
|
indeterminate = input(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
|
|
3127
|
+
/**
|
|
3128
|
+
* Accessible name — rendered as `aria-label` on the host.
|
|
3129
|
+
* Required by ARIA when there is no visible label nearby.
|
|
3130
|
+
*/
|
|
3131
|
+
label = input(undefined, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
3088
3132
|
clampedValue = computed(() => Math.min(Math.max(this.value(), 0), this.max()), ...(ngDevMode ? [{ debugName: "clampedValue" }] : /* istanbul ignore next */ []));
|
|
3089
3133
|
fillWidth = computed(() => this.indeterminate()
|
|
3090
3134
|
? '100%'
|
|
3091
3135
|
: `${(this.clampedValue() / this.max()) * 100}%`, ...(ngDevMode ? [{ debugName: "fillWidth" }] : /* istanbul ignore next */ []));
|
|
3092
3136
|
hostClasses = computed(() => `variant-${this.variant()} size-${this.size()}${this.indeterminate() ? ' is-indeterminate' : ''}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
3093
3137
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3094
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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 } }, host: { attributes: { "role": "progressbar", "aria-valuemin": "0" }, properties: { "attr.aria-valuenow": "indeterminate() ? null : clampedValue()", "attr.aria-valuemax": "indeterminate() ? null : max()", "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
3138
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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: `
|
|
3095
3139
|
<div class="track">
|
|
3096
3140
|
<div class="fill" [style.width]="fillWidth()"></div>
|
|
3097
3141
|
</div>
|
|
3098
|
-
`, isInline: true, styles: ["
|
|
3142
|
+
`, isInline: true, styles: [".llm-progress{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}.llm-progress.size-sm .track{height:6px}.llm-progress.size-md .track{height:10px}.llm-progress.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)}.llm-progress.variant-success .fill{background-color:var(--ui-color-success)}.llm-progress.variant-warning .fill{background-color:var(--ui-color-warning)}.llm-progress.variant-danger .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}.llm-progress.is-indeterminate .fill{width:40%!important;animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.llm-progress.is-indeterminate .fill{animation:none;opacity:.5}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3099
3143
|
}
|
|
3100
3144
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmProgress, decorators: [{
|
|
3101
3145
|
type: Component,
|
|
@@ -3108,9 +3152,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3108
3152
|
'aria-valuemin': '0',
|
|
3109
3153
|
'[attr.aria-valuenow]': 'indeterminate() ? null : clampedValue()',
|
|
3110
3154
|
'[attr.aria-valuemax]': 'indeterminate() ? null : max()',
|
|
3155
|
+
'[attr.aria-label]': 'label() || null',
|
|
3111
3156
|
'[class]': 'hostClasses()',
|
|
3112
|
-
}, styles: ["
|
|
3113
|
-
}], 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 }] }] } });
|
|
3157
|
+
}, styles: [".llm-progress{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}.llm-progress.size-sm .track{height:6px}.llm-progress.size-md .track{height:10px}.llm-progress.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)}.llm-progress.variant-success .fill{background-color:var(--ui-color-success)}.llm-progress.variant-warning .fill{background-color:var(--ui-color-warning)}.llm-progress.variant-danger .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}.llm-progress.is-indeterminate .fill{width:40%!important;animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.llm-progress.is-indeterminate .fill{animation:none;opacity:.5}}\n"] }]
|
|
3158
|
+
}], 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 }] }] } });
|
|
3114
3159
|
|
|
3115
3160
|
const LLM_BREADCRUMBS = new InjectionToken('LLM_BREADCRUMBS');
|
|
3116
3161
|
|
|
@@ -3164,7 +3209,7 @@ class LlmBreadcrumbs {
|
|
|
3164
3209
|
<ng-content />
|
|
3165
3210
|
</ol>
|
|
3166
3211
|
</nav>
|
|
3167
|
-
`, isInline: true, styles: ["
|
|
3212
|
+
`, isInline: true, styles: [".llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.breadcrumbs-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)}.llm-breadcrumb-item{display:flex;align-items:center}.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}.llm-breadcrumb-item.is-current:after{display:none}.llm-breadcrumb-item .breadcrumb-link{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)}.llm-breadcrumb-item .breadcrumb-link:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}.llm-breadcrumb-item .breadcrumb-link:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-breadcrumb-item .breadcrumb-current{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3168
3213
|
}
|
|
3169
3214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmBreadcrumbs, decorators: [{
|
|
3170
3215
|
type: Component,
|
|
@@ -3186,7 +3231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3186
3231
|
</nav>
|
|
3187
3232
|
`, host: {
|
|
3188
3233
|
'[style.--llm-separator]': 'separatorCssVar()',
|
|
3189
|
-
}, styles: ["
|
|
3234
|
+
}, styles: [".llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.breadcrumbs-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)}.llm-breadcrumb-item{display:flex;align-items:center}.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}.llm-breadcrumb-item.is-current:after{display:none}.llm-breadcrumb-item .breadcrumb-link{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)}.llm-breadcrumb-item .breadcrumb-link:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}.llm-breadcrumb-item .breadcrumb-link:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-breadcrumb-item .breadcrumb-current{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"] }]
|
|
3190
3235
|
}], propDecorators: { separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }] } });
|
|
3191
3236
|
/**
|
|
3192
3237
|
* A single breadcrumb step. The last item is automatically treated as
|
|
@@ -3214,7 +3259,7 @@ class LlmBreadcrumbItem {
|
|
|
3214
3259
|
[attr.aria-current]="isCurrent() ? 'page' : null"
|
|
3215
3260
|
><ng-content /></a>
|
|
3216
3261
|
</li>
|
|
3217
|
-
`, isInline: true, styles: ["
|
|
3262
|
+
`, isInline: true, styles: [".llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.breadcrumbs-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)}.llm-breadcrumb-item{display:flex;align-items:center}.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}.llm-breadcrumb-item.is-current:after{display:none}.llm-breadcrumb-item .breadcrumb-link{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)}.llm-breadcrumb-item .breadcrumb-link:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}.llm-breadcrumb-item .breadcrumb-link:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-breadcrumb-item .breadcrumb-current{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3218
3263
|
}
|
|
3219
3264
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmBreadcrumbItem, decorators: [{
|
|
3220
3265
|
type: Component,
|
|
@@ -3227,7 +3272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3227
3272
|
</li>
|
|
3228
3273
|
`, host: {
|
|
3229
3274
|
'[class.is-current]': 'isCurrent()',
|
|
3230
|
-
}, styles: ["
|
|
3275
|
+
}, styles: [".llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.breadcrumbs-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)}.llm-breadcrumb-item{display:flex;align-items:center}.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}.llm-breadcrumb-item.is-current:after{display:none}.llm-breadcrumb-item .breadcrumb-link{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)}.llm-breadcrumb-item .breadcrumb-link:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}.llm-breadcrumb-item .breadcrumb-link:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-breadcrumb-item .breadcrumb-current{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"] }]
|
|
3231
3276
|
}], propDecorators: { href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }] } });
|
|
3232
3277
|
|
|
3233
3278
|
/**
|
|
@@ -3355,7 +3400,7 @@ class LlmPagination {
|
|
|
3355
3400
|
}
|
|
3356
3401
|
</ul>
|
|
3357
3402
|
</nav>
|
|
3358
|
-
`, isInline: true, styles: ["
|
|
3403
|
+
`, isInline: true, styles: [".llm-pagination{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 });
|
|
3359
3404
|
}
|
|
3360
3405
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmPagination, decorators: [{
|
|
3361
3406
|
type: Component,
|
|
@@ -3423,7 +3468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3423
3468
|
}
|
|
3424
3469
|
</ul>
|
|
3425
3470
|
</nav>
|
|
3426
|
-
`, styles: ["
|
|
3471
|
+
`, styles: [".llm-pagination{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"] }]
|
|
3427
3472
|
}], 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 }] }] } });
|
|
3428
3473
|
|
|
3429
3474
|
const LLM_DRAWER = new InjectionToken('LLM_DRAWER');
|
|
@@ -3514,7 +3559,7 @@ class LlmDrawer {
|
|
|
3514
3559
|
<ng-content />
|
|
3515
3560
|
</div>
|
|
3516
3561
|
</dialog>
|
|
3517
|
-
`, isInline: true, styles: ["
|
|
3562
|
+
`, isInline: true, styles: [".llm-drawer-host{display:contents}.llm-drawer-host 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}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-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-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.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}.llm-drawer-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.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 });
|
|
3518
3563
|
}
|
|
3519
3564
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawer, decorators: [{
|
|
3520
3565
|
type: Component,
|
|
@@ -3545,7 +3590,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3545
3590
|
</dialog>
|
|
3546
3591
|
`, host: {
|
|
3547
3592
|
'[class]': 'hostClasses()',
|
|
3548
|
-
}, styles: ["
|
|
3593
|
+
}, styles: [".llm-drawer-host{display:contents}.llm-drawer-host 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}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-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-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.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}.llm-drawer-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.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"] }]
|
|
3549
3594
|
}], 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 }] }] } });
|
|
3550
3595
|
/**
|
|
3551
3596
|
* Header slot for `llm-drawer`. Contains the title and a close button.
|
|
@@ -3579,7 +3624,7 @@ class LlmDrawerHeader {
|
|
|
3579
3624
|
<line x1="6" y1="6" x2="18" y2="18" />
|
|
3580
3625
|
</svg>
|
|
3581
3626
|
</button>
|
|
3582
|
-
`, isInline: true, styles: ["
|
|
3627
|
+
`, isInline: true, styles: [".llm-drawer-host{display:contents}.llm-drawer-host 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}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-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-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.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}.llm-drawer-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.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 });
|
|
3583
3628
|
}
|
|
3584
3629
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerHeader, decorators: [{
|
|
3585
3630
|
type: Component,
|
|
@@ -3610,29 +3655,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3610
3655
|
</button>
|
|
3611
3656
|
`, host: {
|
|
3612
3657
|
'[attr.id]': 'context.headerId',
|
|
3613
|
-
}, styles: ["
|
|
3658
|
+
}, styles: [".llm-drawer-host{display:contents}.llm-drawer-host 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}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-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-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.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}.llm-drawer-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.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"] }]
|
|
3614
3659
|
}] });
|
|
3615
3660
|
/**
|
|
3616
3661
|
* Content slot for `llm-drawer`. Scrollable primary content area.
|
|
3617
3662
|
*/
|
|
3618
3663
|
class LlmDrawerContent {
|
|
3619
3664
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3620
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDrawerContent, isStandalone: true, selector: "llm-drawer-content", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["
|
|
3665
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDrawerContent, isStandalone: true, selector: "llm-drawer-content", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".llm-drawer-host{display:contents}.llm-drawer-host 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}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-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-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.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}.llm-drawer-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.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 });
|
|
3621
3666
|
}
|
|
3622
3667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerContent, decorators: [{
|
|
3623
3668
|
type: Component,
|
|
3624
|
-
args: [{ selector: 'llm-drawer-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["
|
|
3669
|
+
args: [{ selector: 'llm-drawer-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [".llm-drawer-host{display:contents}.llm-drawer-host 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}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-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-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.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}.llm-drawer-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.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"] }]
|
|
3625
3670
|
}] });
|
|
3626
3671
|
/**
|
|
3627
3672
|
* Footer slot for `llm-drawer`. Renders at the bottom with action buttons.
|
|
3628
3673
|
*/
|
|
3629
3674
|
class LlmDrawerFooter {
|
|
3630
3675
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3631
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDrawerFooter, isStandalone: true, selector: "llm-drawer-footer", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["
|
|
3676
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDrawerFooter, isStandalone: true, selector: "llm-drawer-footer", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".llm-drawer-host{display:contents}.llm-drawer-host 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}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-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-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.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}.llm-drawer-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.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 });
|
|
3632
3677
|
}
|
|
3633
3678
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerFooter, decorators: [{
|
|
3634
3679
|
type: Component,
|
|
3635
|
-
args: [{ selector: 'llm-drawer-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["
|
|
3680
|
+
args: [{ selector: 'llm-drawer-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [".llm-drawer-host{display:contents}.llm-drawer-host 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}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-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-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.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}.llm-drawer-content{display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}.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"] }]
|
|
3636
3681
|
}] });
|
|
3637
3682
|
|
|
3638
3683
|
const LLM_TABLE = new InjectionToken('LLM_TABLE');
|
|
@@ -3671,6 +3716,13 @@ class LlmTable {
|
|
|
3671
3716
|
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
3672
3717
|
/** Whether the header row sticks to the top when the table scrolls. */
|
|
3673
3718
|
stickyHeader = input(false, ...(ngDevMode ? [{ debugName: "stickyHeader" }] : /* istanbul ignore next */ []));
|
|
3719
|
+
/**
|
|
3720
|
+
* Accessible name for the scrollable table region. Surfaces to
|
|
3721
|
+
* screen readers as the region's label so keyboard users who
|
|
3722
|
+
* scroll the wrapper know what they're scrolling. Defaults to
|
|
3723
|
+
* `"Table"` if unset.
|
|
3724
|
+
*/
|
|
3725
|
+
ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
|
|
3674
3726
|
/** @internal */
|
|
3675
3727
|
hostClasses = computed(() => {
|
|
3676
3728
|
const classes = [`variant-${this.variant()}`, `size-${this.size()}`];
|
|
@@ -3679,26 +3731,44 @@ class LlmTable {
|
|
|
3679
3731
|
return classes.join(' ');
|
|
3680
3732
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
3681
3733
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3682
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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 } }, host: { properties: { "class": "hostClasses()" } }, providers: [{ provide: LLM_TABLE, useExisting: LlmTable }], ngImport: i0, template: `
|
|
3683
|
-
|
|
3734
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", 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: `
|
|
3735
|
+
<!-- The wrapper is the scrollable region — tabindex=0 lets keyboard
|
|
3736
|
+
users scroll horizontally through wide tables. role=region +
|
|
3737
|
+
aria-label expose it as a labelled landmark for screen readers
|
|
3738
|
+
(axe: scrollable-region-focusable). -->
|
|
3739
|
+
<div
|
|
3740
|
+
class="llm-table-wrapper"
|
|
3741
|
+
tabindex="0"
|
|
3742
|
+
role="region"
|
|
3743
|
+
[attr.aria-label]="ariaLabel() || 'Table'"
|
|
3744
|
+
>
|
|
3684
3745
|
<table>
|
|
3685
3746
|
<ng-content />
|
|
3686
3747
|
</table>
|
|
3687
3748
|
</div>
|
|
3688
|
-
`, isInline: true, styles: ["llm-
|
|
3749
|
+
`, 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 });
|
|
3689
3750
|
}
|
|
3690
3751
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTable, decorators: [{
|
|
3691
3752
|
type: Component,
|
|
3692
3753
|
args: [{ selector: 'llm-table', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
3693
|
-
|
|
3754
|
+
<!-- The wrapper is the scrollable region — tabindex=0 lets keyboard
|
|
3755
|
+
users scroll horizontally through wide tables. role=region +
|
|
3756
|
+
aria-label expose it as a labelled landmark for screen readers
|
|
3757
|
+
(axe: scrollable-region-focusable). -->
|
|
3758
|
+
<div
|
|
3759
|
+
class="llm-table-wrapper"
|
|
3760
|
+
tabindex="0"
|
|
3761
|
+
role="region"
|
|
3762
|
+
[attr.aria-label]="ariaLabel() || 'Table'"
|
|
3763
|
+
>
|
|
3694
3764
|
<table>
|
|
3695
3765
|
<ng-content />
|
|
3696
3766
|
</table>
|
|
3697
3767
|
</div>
|
|
3698
3768
|
`, host: {
|
|
3699
3769
|
'[class]': 'hostClasses()',
|
|
3700
|
-
}, providers: [{ provide: LLM_TABLE, useExisting: LlmTable }], encapsulation: ViewEncapsulation.None, styles: ["llm-
|
|
3701
|
-
}], 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 }] }] } });
|
|
3770
|
+
}, 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"] }]
|
|
3771
|
+
}], 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 }] }] } });
|
|
3702
3772
|
// ---------------------------------------------------------------------------
|
|
3703
3773
|
// LlmThead
|
|
3704
3774
|
// ---------------------------------------------------------------------------
|
|
@@ -3716,11 +3786,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3716
3786
|
*/
|
|
3717
3787
|
class LlmThead {
|
|
3718
3788
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmThead, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3719
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmThead, isStandalone: true, selector: "llm-thead", host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: `<thead><ng-content /></thead>`, isInline: true, styles: ["llm-
|
|
3789
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", 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 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 });
|
|
3720
3790
|
}
|
|
3721
3791
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmThead, decorators: [{
|
|
3722
3792
|
type: Component,
|
|
3723
|
-
args: [{ selector: 'llm-thead', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<thead><ng-content /></thead>`, host: { '[style.display]': '"contents"' }, styles: ["llm-
|
|
3793
|
+
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"] }]
|
|
3724
3794
|
}] });
|
|
3725
3795
|
// ---------------------------------------------------------------------------
|
|
3726
3796
|
// LlmTbody
|
|
@@ -3756,7 +3826,7 @@ class LlmTbody {
|
|
|
3756
3826
|
</tr>
|
|
3757
3827
|
}
|
|
3758
3828
|
</tbody>
|
|
3759
|
-
`, isInline: true, styles: ["llm-
|
|
3829
|
+
`, 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 });
|
|
3760
3830
|
}
|
|
3761
3831
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTbody, decorators: [{
|
|
3762
3832
|
type: Component,
|
|
@@ -3772,7 +3842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3772
3842
|
</tr>
|
|
3773
3843
|
}
|
|
3774
3844
|
</tbody>
|
|
3775
|
-
`, host: { '[style.display]': '"contents"' }, styles: ["llm-
|
|
3845
|
+
`, 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"] }]
|
|
3776
3846
|
}], propDecorators: { empty: [{ type: i0.Input, args: [{ isSignal: true, alias: "empty", required: false }] }], colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }] } });
|
|
3777
3847
|
// ---------------------------------------------------------------------------
|
|
3778
3848
|
// LlmTr
|
|
@@ -3814,7 +3884,7 @@ class LlmTr {
|
|
|
3814
3884
|
}
|
|
3815
3885
|
<ng-content />
|
|
3816
3886
|
</tr>
|
|
3817
|
-
`, isInline: true, styles: ["llm-
|
|
3887
|
+
`, 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 });
|
|
3818
3888
|
}
|
|
3819
3889
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTr, decorators: [{
|
|
3820
3890
|
type: Component,
|
|
@@ -3833,7 +3903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3833
3903
|
`, host: {
|
|
3834
3904
|
'[class]': 'hostClasses()',
|
|
3835
3905
|
'[style.display]': '"contents"',
|
|
3836
|
-
}, styles: ["llm-
|
|
3906
|
+
}, 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"] }]
|
|
3837
3907
|
}], 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"] }] } });
|
|
3838
3908
|
/**
|
|
3839
3909
|
* Table header cell. Set `sortable` to enable sort cycling.
|
|
@@ -3912,7 +3982,7 @@ class LlmTh {
|
|
|
3912
3982
|
<ng-content />
|
|
3913
3983
|
}
|
|
3914
3984
|
</th>
|
|
3915
|
-
`, isInline: true, styles: ["llm-
|
|
3985
|
+
`, 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 });
|
|
3916
3986
|
}
|
|
3917
3987
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTh, decorators: [{
|
|
3918
3988
|
type: Component,
|
|
@@ -3941,7 +4011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3941
4011
|
<ng-content />
|
|
3942
4012
|
}
|
|
3943
4013
|
</th>
|
|
3944
|
-
`, host: { '[style.display]': '"contents"' }, styles: ["llm-
|
|
4014
|
+
`, 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"] }]
|
|
3945
4015
|
}], 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"] }] } });
|
|
3946
4016
|
// ---------------------------------------------------------------------------
|
|
3947
4017
|
// LlmTd
|
|
@@ -3962,7 +4032,7 @@ class LlmTd {
|
|
|
3962
4032
|
<td [class]="'align-' + align()">
|
|
3963
4033
|
<ng-content />
|
|
3964
4034
|
</td>
|
|
3965
|
-
`, isInline: true, styles: ["llm-
|
|
4035
|
+
`, 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 });
|
|
3966
4036
|
}
|
|
3967
4037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTd, decorators: [{
|
|
3968
4038
|
type: Component,
|
|
@@ -3970,7 +4040,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3970
4040
|
<td [class]="'align-' + align()">
|
|
3971
4041
|
<ng-content />
|
|
3972
4042
|
</td>
|
|
3973
|
-
`, host: { '[style.display]': '"contents"' }, styles: ["llm-
|
|
4043
|
+
`, 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"] }]
|
|
3974
4044
|
}], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
|
|
3975
4045
|
|
|
3976
4046
|
const LLM_STEPPER = new InjectionToken('LLM_STEPPER');
|
|
@@ -4100,7 +4170,7 @@ class LlmStepper {
|
|
|
4100
4170
|
<div class="stepper-content">
|
|
4101
4171
|
<ng-content />
|
|
4102
4172
|
</div>
|
|
4103
|
-
`, isInline: true, styles: ["
|
|
4173
|
+
`, isInline: true, styles: [".llm-stepper{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)}.llm-stepper.orientation-vertical .stepper-header{flex-direction:column;align-items:stretch}.llm-stepper.orientation-vertical .step-item{flex-direction:row;align-items:flex-start;gap:var(--ui-spacing-3)}.llm-stepper.orientation-vertical .step-text{align-items:flex-start;text-align:left;margin-top:0;padding-top:var(--ui-spacing-1)}.llm-stepper.orientation-vertical .step-connector{flex:none;width:2px;height:var(--ui-spacing-6);margin-left:17px;min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4104
4174
|
}
|
|
4105
4175
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmStepper, decorators: [{
|
|
4106
4176
|
type: Component,
|
|
@@ -4162,7 +4232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
4162
4232
|
</div>
|
|
4163
4233
|
`, host: {
|
|
4164
4234
|
'[class]': 'hostClasses()',
|
|
4165
|
-
}, providers: [{ provide: LLM_STEPPER, useExisting: LlmStepper }], styles: ["
|
|
4235
|
+
}, providers: [{ provide: LLM_STEPPER, useExisting: LlmStepper }], styles: [".llm-stepper{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)}.llm-stepper.orientation-vertical .stepper-header{flex-direction:column;align-items:stretch}.llm-stepper.orientation-vertical .step-item{flex-direction:row;align-items:flex-start;gap:var(--ui-spacing-3)}.llm-stepper.orientation-vertical .step-text{align-items:flex-start;text-align:left;margin-top:0;padding-top:var(--ui-spacing-1)}.llm-stepper.orientation-vertical .step-connector{flex:none;width:2px;height:var(--ui-spacing-6);margin-left:17px;min-width:0}\n"] }]
|
|
4166
4236
|
}], 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 }] }] } });
|
|
4167
4237
|
/**
|
|
4168
4238
|
* Individual step. Place inside `<llm-stepper>`.
|
|
@@ -4320,7 +4390,7 @@ class LlmCodeBlock {
|
|
|
4320
4390
|
{{ code() }}
|
|
4321
4391
|
}</code></pre>
|
|
4322
4392
|
</div>
|
|
4323
|
-
`, isInline: true, styles: ["
|
|
4393
|
+
`, 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 });
|
|
4324
4394
|
}
|
|
4325
4395
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCodeBlock, decorators: [{
|
|
4326
4396
|
type: Component,
|
|
@@ -4363,7 +4433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
4363
4433
|
</div>
|
|
4364
4434
|
`, host: {
|
|
4365
4435
|
'[class]': '"llm-code-block"',
|
|
4366
|
-
}, styles: ["
|
|
4436
|
+
}, 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"] }]
|
|
4367
4437
|
}], propDecorators: { code: [{ type: i0.Input, args: [{ isSignal: true, alias: "code", required: false }] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], filename: [{ type: i0.Input, args: [{ isSignal: true, alias: "filename", required: false }] }], copyable: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyable", required: false }] }], showLineNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLineNumbers", required: false }] }] } });
|
|
4368
4438
|
|
|
4369
4439
|
const LLM_CHAT = new InjectionToken('LLM_CHAT');
|