@atelier-ui/angular 0.2.15 → 0.2.16
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.
|
@@ -137,14 +137,14 @@ class AtlCard {
|
|
|
137
137
|
hostClasses = computed(() => `atl-card variant-${this.variant()} padding-${this.padding()}`, /* @ts-ignore */
|
|
138
138
|
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
139
139
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
140
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: AtlCard, isStandalone: true, selector: "atl-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "role() || null" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
140
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: AtlCard, isStandalone: true, selector: "atl-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "role() || null" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
141
141
|
}
|
|
142
142
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlCard, decorators: [{
|
|
143
143
|
type: Component,
|
|
144
144
|
args: [{ selector: 'atl-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: {
|
|
145
145
|
'[class]': 'hostClasses()',
|
|
146
146
|
'[attr.role]': 'role() || null',
|
|
147
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"] }]
|
|
147
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"] }]
|
|
148
148
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }] } });
|
|
149
149
|
/**
|
|
150
150
|
* Header slot for `atl-card`. Renders above the main content with a bottom separator.
|
|
@@ -156,11 +156,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
156
156
|
*/
|
|
157
157
|
class AtlCardHeader {
|
|
158
158
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
159
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlCardHeader, isStandalone: true, selector: "atl-card-header", host: { classAttribute: "atl-card-header" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
159
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlCardHeader, isStandalone: true, selector: "atl-card-header", host: { classAttribute: "atl-card-header" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
160
160
|
}
|
|
161
161
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlCardHeader, decorators: [{
|
|
162
162
|
type: Component,
|
|
163
|
-
args: [{ selector: 'atl-card-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-card-header' }, styles: [":host,:host *{box-sizing:border-box}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"] }]
|
|
163
|
+
args: [{ selector: 'atl-card-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-card-header' }, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"] }]
|
|
164
164
|
}] });
|
|
165
165
|
/**
|
|
166
166
|
* Content slot for `atl-card`. Primary content area of the card.
|
|
@@ -172,11 +172,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
172
172
|
*/
|
|
173
173
|
class AtlCardContent {
|
|
174
174
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlCardContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
175
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlCardContent, isStandalone: true, selector: "atl-card-content", host: { classAttribute: "atl-card-content" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
175
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlCardContent, isStandalone: true, selector: "atl-card-content", host: { classAttribute: "atl-card-content" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
176
176
|
}
|
|
177
177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlCardContent, decorators: [{
|
|
178
178
|
type: Component,
|
|
179
|
-
args: [{ selector: 'atl-card-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-card-content' }, styles: [":host,:host *{box-sizing:border-box}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"] }]
|
|
179
|
+
args: [{ selector: 'atl-card-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-card-content' }, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"] }]
|
|
180
180
|
}] });
|
|
181
181
|
/**
|
|
182
182
|
* Footer slot for `atl-card`. Renders below the main content, typically holds actions.
|
|
@@ -190,11 +190,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
190
190
|
*/
|
|
191
191
|
class AtlCardFooter {
|
|
192
192
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
193
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlCardFooter, isStandalone: true, selector: "atl-card-footer", host: { classAttribute: "atl-card-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
193
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlCardFooter, isStandalone: true, selector: "atl-card-footer", host: { classAttribute: "atl-card-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
194
194
|
}
|
|
195
195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlCardFooter, decorators: [{
|
|
196
196
|
type: Component,
|
|
197
|
-
args: [{ selector: 'atl-card-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-card-footer' }, styles: [":host,:host *{box-sizing:border-box}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"] }]
|
|
197
|
+
args: [{ selector: 'atl-card-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-card-footer' }, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-card){display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);overflow:hidden}:host(.atl-card.variant-elevated){box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-card.variant-outlined){border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}:host(.atl-card.variant-flat){background-color:var(--ui-color-surface-sunken)}:host(.atl-card-header):host-context(.padding-none),:host(.atl-card-content):host-context(.padding-none),:host(.atl-card-footer):host-context(.padding-none){padding:0}:host(.atl-card-header):host-context(.padding-sm),:host(.atl-card-content):host-context(.padding-sm),:host(.atl-card-footer):host-context(.padding-sm){padding:var(--ui-spacing-4)}:host(.atl-card-header):host-context(.padding-md),:host(.atl-card-content):host-context(.padding-md),:host(.atl-card-footer):host-context(.padding-md){padding:var(--ui-spacing-6)}:host(.atl-card-header):host-context(.padding-lg),:host(.atl-card-content):host-context(.padding-lg),:host(.atl-card-footer):host-context(.padding-lg){padding:var(--ui-spacing-8)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}:host(.atl-card-content){display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}:host(.atl-card-footer){display:flex;align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border)}\n"] }]
|
|
198
198
|
}] });
|
|
199
199
|
|
|
200
200
|
/**
|
|
@@ -2122,7 +2122,7 @@ class AtlDialog {
|
|
|
2122
2122
|
<ng-content />
|
|
2123
2123
|
</div>
|
|
2124
2124
|
</dialog>
|
|
2125
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
2125
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-dialog{all:unset;font-family:var(--ui-font-family);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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
2126
2126
|
}
|
|
2127
2127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDialog, decorators: [{
|
|
2128
2128
|
type: Component,
|
|
@@ -2153,7 +2153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
2153
2153
|
</dialog>
|
|
2154
2154
|
`, host: {
|
|
2155
2155
|
'[class]': 'hostClasses()',
|
|
2156
|
-
}, styles: [":host,:host *{box-sizing:border-box}.atl-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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
2156
|
+
}, styles: [":host,:host *{box-sizing:border-box}.atl-dialog{all:unset;font-family:var(--ui-font-family);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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
2157
2157
|
}], 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 }] }] } });
|
|
2158
2158
|
/**
|
|
2159
2159
|
* Header slot for `atl-dialog`. Renders above content with a bottom separator.
|
|
@@ -2172,7 +2172,7 @@ class AtlDialogHeader {
|
|
|
2172
2172
|
>
|
|
2173
2173
|
<atl-icon name="close" size="sm" />
|
|
2174
2174
|
</button>
|
|
2175
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2175
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-dialog{all:unset;font-family:var(--ui-font-family);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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2176
2176
|
}
|
|
2177
2177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDialogHeader, decorators: [{
|
|
2178
2178
|
type: Component,
|
|
@@ -2189,29 +2189,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
2189
2189
|
`, host: {
|
|
2190
2190
|
class: 'atl-dialog-header',
|
|
2191
2191
|
'[attr.id]': 'context.headerId',
|
|
2192
|
-
}, styles: [":host,:host *{box-sizing:border-box}.atl-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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
2192
|
+
}, styles: [":host,:host *{box-sizing:border-box}.atl-dialog{all:unset;font-family:var(--ui-font-family);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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
2193
2193
|
}] });
|
|
2194
2194
|
/**
|
|
2195
2195
|
* Content slot for `atl-dialog`. Scrollable primary content area.
|
|
2196
2196
|
*/
|
|
2197
2197
|
class AtlDialogContent {
|
|
2198
2198
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2199
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlDialogContent, isStandalone: true, selector: "atl-dialog-content", host: { classAttribute: "atl-dialog-content" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
2199
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlDialogContent, isStandalone: true, selector: "atl-dialog-content", host: { classAttribute: "atl-dialog-content" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-dialog{all:unset;font-family:var(--ui-font-family);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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
2200
2200
|
}
|
|
2201
2201
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDialogContent, decorators: [{
|
|
2202
2202
|
type: Component,
|
|
2203
|
-
args: [{ selector: 'atl-dialog-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-dialog-content' }, styles: [":host,:host *{box-sizing:border-box}.atl-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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
2203
|
+
args: [{ selector: 'atl-dialog-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-dialog-content' }, styles: [":host,:host *{box-sizing:border-box}.atl-dialog{all:unset;font-family:var(--ui-font-family);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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
2204
2204
|
}] });
|
|
2205
2205
|
/**
|
|
2206
2206
|
* Footer slot for `atl-dialog`. Renders below content, typically holds action buttons.
|
|
2207
2207
|
*/
|
|
2208
2208
|
class AtlDialogFooter {
|
|
2209
2209
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2210
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlDialogFooter, isStandalone: true, selector: "atl-dialog-footer", host: { classAttribute: "atl-dialog-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
2210
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlDialogFooter, isStandalone: true, selector: "atl-dialog-footer", host: { classAttribute: "atl-dialog-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-dialog{all:unset;font-family:var(--ui-font-family);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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
2211
2211
|
}
|
|
2212
2212
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDialogFooter, decorators: [{
|
|
2213
2213
|
type: Component,
|
|
2214
|
-
args: [{ selector: 'atl-dialog-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-dialog-footer' }, styles: [":host,:host *{box-sizing:border-box}.atl-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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
2214
|
+
args: [{ selector: 'atl-dialog-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-dialog-footer' }, styles: [":host,:host *{box-sizing:border-box}.atl-dialog{all:unset;font-family:var(--ui-font-family);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}.atl-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}:host(.atl-dialog-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-dialog-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
2215
2215
|
}] });
|
|
2216
2216
|
|
|
2217
2217
|
const ATL_TAB_GROUP = new InjectionToken('ATL_TAB_GROUP');
|
|
@@ -2482,14 +2482,14 @@ class AtlAccordionGroup {
|
|
|
2482
2482
|
targetItem.focus();
|
|
2483
2483
|
}
|
|
2484
2484
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlAccordionGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2485
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: AtlAccordionGroup, isStandalone: true, selector: "atl-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: ATL_ACCORDION_GROUP, useExisting: AtlAccordionGroup }], hostDirectives: [{ directive: i1$2.CdkAccordion, inputs: ["multi", "multi"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.atl-accordion-group.variant-default){border-top:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-item):host-context(.variant-default){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-bordered){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.atl-accordion-item):host-context(.variant-separated){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-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 });
|
|
2485
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: AtlAccordionGroup, isStandalone: true, selector: "atl-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: ATL_ACCORDION_GROUP, useExisting: AtlAccordionGroup }], hostDirectives: [{ directive: i1$2.CdkAccordion, inputs: ["multi", "multi"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.atl-accordion-group.variant-default){border-top:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-item):host-context(.variant-default){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-bordered){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.atl-accordion-item):host-context(.variant-separated){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-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 });
|
|
2486
2486
|
}
|
|
2487
2487
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlAccordionGroup, decorators: [{
|
|
2488
2488
|
type: Component,
|
|
2489
2489
|
args: [{ selector: 'atl-accordion-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, hostDirectives: [{ directive: CdkAccordion, inputs: ['multi'] }], host: {
|
|
2490
2490
|
'[class]': 'hostClassesValue',
|
|
2491
2491
|
role: 'presentation',
|
|
2492
|
-
}, providers: [{ provide: ATL_ACCORDION_GROUP, useExisting: AtlAccordionGroup }], styles: [":host,:host *{box-sizing:border-box}:host(.atl-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.atl-accordion-group.variant-default){border-top:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-item):host-context(.variant-default){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-bordered){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.atl-accordion-item):host-context(.variant-separated){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-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"] }]
|
|
2492
|
+
}, providers: [{ provide: ATL_ACCORDION_GROUP, useExisting: AtlAccordionGroup }], styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.atl-accordion-group.variant-default){border-top:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-item):host-context(.variant-default){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-bordered){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.atl-accordion-item):host-context(.variant-separated){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-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"] }]
|
|
2493
2493
|
}], propDecorators: { multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
|
|
2494
2494
|
/**
|
|
2495
2495
|
* Directive to mark the accordion header content.
|
|
@@ -2623,7 +2623,7 @@ class AtlAccordionItem {
|
|
|
2623
2623
|
<ng-content />
|
|
2624
2624
|
</div>
|
|
2625
2625
|
</div>
|
|
2626
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.atl-accordion-group.variant-default){border-top:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-item):host-context(.variant-default){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-bordered){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.atl-accordion-item):host-context(.variant-separated){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-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"], dependencies: [{ kind: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2626
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.atl-accordion-group.variant-default){border-top:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-item):host-context(.variant-default){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-bordered){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.atl-accordion-item):host-context(.variant-separated){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-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"], dependencies: [{ kind: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2627
2627
|
}
|
|
2628
2628
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlAccordionItem, decorators: [{
|
|
2629
2629
|
type: Component,
|
|
@@ -2660,7 +2660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
2660
2660
|
`, host: {
|
|
2661
2661
|
class: 'atl-accordion-item',
|
|
2662
2662
|
'[attr.data-accordion-id]': 'id',
|
|
2663
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(.atl-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.atl-accordion-group.variant-default){border-top:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-item):host-context(.variant-default){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-bordered){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.atl-accordion-item):host-context(.variant-separated){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-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"] }]
|
|
2663
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-accordion-group){display:block;font-family:var(--ui-font-family);color:var(--ui-color-text)}:host(.atl-accordion-group.variant-default){border-top:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-item):host-context(.variant-default){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-bordered){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-accordion-item:not(:last-child)):host-context(.variant-bordered){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}:host(.atl-accordion-group.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.atl-accordion-item):host-context(.variant-separated){border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.atl-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"] }]
|
|
2664
2664
|
}], 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 }] }] } });
|
|
2665
2665
|
|
|
2666
2666
|
/**
|
|
@@ -3008,7 +3008,7 @@ class AtlSkeleton {
|
|
|
3008
3008
|
}, /* @ts-ignore */
|
|
3009
3009
|
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
3010
3010
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3011
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: AtlSkeleton, isStandalone: true, selector: "atl-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "hostClasses()", "style.width": "width()", "style.height": "computedHeight()" } }, ngImport: i0, template: ``, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}:host(.variant-text){border-radius:var(--ui-radius-sm)}:host(.variant-circular){border-radius:var(--ui-radius-full, 9999px)}:host(.variant-rectangular){border-radius:var(--ui-radius-md)}:host(.is-animated):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ui-color-surface-raised) 80%,transparent) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.is-animated):after{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3011
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: AtlSkeleton, isStandalone: true, selector: "atl-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "hostClasses()", "style.width": "width()", "style.height": "computedHeight()" } }, ngImport: i0, template: ``, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}:host(.variant-text){border-radius:var(--ui-radius-sm)}:host(.variant-circular){border-radius:var(--ui-radius-full, 9999px)}:host(.variant-rectangular){border-radius:var(--ui-radius-md)}:host(.is-animated):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ui-color-surface-raised) 80%,transparent) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.is-animated):after{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3012
3012
|
}
|
|
3013
3013
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlSkeleton, decorators: [{
|
|
3014
3014
|
type: Component,
|
|
@@ -3017,7 +3017,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
3017
3017
|
'[style.width]': 'width()',
|
|
3018
3018
|
'[style.height]': 'computedHeight()',
|
|
3019
3019
|
'aria-hidden': 'true',
|
|
3020
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}:host(.variant-text){border-radius:var(--ui-radius-sm)}:host(.variant-circular){border-radius:var(--ui-radius-full, 9999px)}:host(.variant-rectangular){border-radius:var(--ui-radius-md)}:host(.is-animated):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ui-color-surface-raised) 80%,transparent) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.is-animated):after{animation:none}}\n"] }]
|
|
3020
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}:host(.variant-text){border-radius:var(--ui-radius-sm)}:host(.variant-circular){border-radius:var(--ui-radius-full, 9999px)}:host(.variant-rectangular){border-radius:var(--ui-radius-md)}:host(.is-animated):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ui-color-surface-raised) 80%,transparent) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.is-animated):after{animation:none}}\n"] }]
|
|
3021
3021
|
}], 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 }] }] } });
|
|
3022
3022
|
|
|
3023
3023
|
let toastId = 0;
|
|
@@ -3251,7 +3251,7 @@ class AtlAvatar {
|
|
|
3251
3251
|
@if (status()) {
|
|
3252
3252
|
<span [class]="'status-dot status-' + status()" aria-hidden="true"></span>
|
|
3253
3253
|
}
|
|
3254
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}atl-icon.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:var(--ui-border-width-thick) solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(atl-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-
|
|
3254
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}atl-icon.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:var(--ui-border-width-thick) solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(atl-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"], dependencies: [{ kind: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3255
3255
|
}
|
|
3256
3256
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlAvatar, decorators: [{
|
|
3257
3257
|
type: Component,
|
|
@@ -3271,7 +3271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
3271
3271
|
'[class]': 'hostClasses()',
|
|
3272
3272
|
role: 'img',
|
|
3273
3273
|
'[attr.aria-label]': 'ariaLabel()',
|
|
3274
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}atl-icon.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:var(--ui-border-width-thick) solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(atl-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-
|
|
3274
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}atl-icon.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:var(--ui-border-width-thick) solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(atl-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"] }]
|
|
3275
3275
|
}], ctorParameters: () => [], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
|
|
3276
3276
|
/**
|
|
3277
3277
|
* Groups multiple avatars with overlap and an overflow count badge.
|
|
@@ -3310,7 +3310,7 @@ class AtlAvatarGroup {
|
|
|
3310
3310
|
@if (overflowCount() > 0) {
|
|
3311
3311
|
<span [class]="'overflow-badge size-' + size()">+{{ overflowCount() }}</span>
|
|
3312
3312
|
}
|
|
3313
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}atl-icon.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:var(--ui-border-width-thick) solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(atl-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-
|
|
3313
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}atl-icon.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:var(--ui-border-width-thick) solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(atl-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3314
3314
|
}
|
|
3315
3315
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlAvatarGroup, decorators: [{
|
|
3316
3316
|
type: Component,
|
|
@@ -3322,7 +3322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
3322
3322
|
`, host: {
|
|
3323
3323
|
class: 'group',
|
|
3324
3324
|
'[class]': '"group size-" + size()',
|
|
3325
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}atl-icon.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:var(--ui-border-width-thick) solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(atl-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-
|
|
3325
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}atl-icon.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:var(--ui-border-width-thick) solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(atl-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"] }]
|
|
3326
3326
|
}], ctorParameters: () => [], propDecorators: { max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], avatarEls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AtlAvatar), { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
3327
3327
|
|
|
3328
3328
|
/**
|
|
@@ -3811,7 +3811,7 @@ class AtlDrawer {
|
|
|
3811
3811
|
<ng-content />
|
|
3812
3812
|
</div>
|
|
3813
3813
|
</dialog>
|
|
3814
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
3814
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
3815
3815
|
}
|
|
3816
3816
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDrawer, decorators: [{
|
|
3817
3817
|
type: Component,
|
|
@@ -3842,7 +3842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
3842
3842
|
</dialog>
|
|
3843
3843
|
`, host: {
|
|
3844
3844
|
'[class]': 'hostClasses()',
|
|
3845
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(.atl-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
3845
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
3846
3846
|
}], 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 }] }] } });
|
|
3847
3847
|
/**
|
|
3848
3848
|
* Header slot for `atl-drawer`. Contains the title and a close button.
|
|
@@ -3861,7 +3861,7 @@ class AtlDrawerHeader {
|
|
|
3861
3861
|
>
|
|
3862
3862
|
<atl-icon name="close" size="sm" />
|
|
3863
3863
|
</button>
|
|
3864
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3864
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3865
3865
|
}
|
|
3866
3866
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDrawerHeader, decorators: [{
|
|
3867
3867
|
type: Component,
|
|
@@ -3878,29 +3878,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
3878
3878
|
`, host: {
|
|
3879
3879
|
class: 'atl-drawer-header',
|
|
3880
3880
|
'[attr.id]': 'context.headerId',
|
|
3881
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(.atl-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
3881
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
3882
3882
|
}] });
|
|
3883
3883
|
/**
|
|
3884
3884
|
* Content slot for `atl-drawer`. Scrollable primary content area.
|
|
3885
3885
|
*/
|
|
3886
3886
|
class AtlDrawerContent {
|
|
3887
3887
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDrawerContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3888
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlDrawerContent, isStandalone: true, selector: "atl-drawer-content", host: { classAttribute: "atl-drawer-content" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
3888
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlDrawerContent, isStandalone: true, selector: "atl-drawer-content", host: { classAttribute: "atl-drawer-content" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
3889
3889
|
}
|
|
3890
3890
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDrawerContent, decorators: [{
|
|
3891
3891
|
type: Component,
|
|
3892
|
-
args: [{ selector: 'atl-drawer-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-drawer-content' }, styles: [":host,:host *{box-sizing:border-box}:host(.atl-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
3892
|
+
args: [{ selector: 'atl-drawer-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-drawer-content' }, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
3893
3893
|
}] });
|
|
3894
3894
|
/**
|
|
3895
3895
|
* Footer slot for `atl-drawer`. Renders at the bottom with action buttons.
|
|
3896
3896
|
*/
|
|
3897
3897
|
class AtlDrawerFooter {
|
|
3898
3898
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDrawerFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3899
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlDrawerFooter, isStandalone: true, selector: "atl-drawer-footer", host: { classAttribute: "atl-drawer-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
3899
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlDrawerFooter, isStandalone: true, selector: "atl-drawer-footer", host: { classAttribute: "atl-drawer-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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 });
|
|
3900
3900
|
}
|
|
3901
3901
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlDrawerFooter, decorators: [{
|
|
3902
3902
|
type: Component,
|
|
3903
|
-
args: [{ selector: 'atl-drawer-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-drawer-footer' }, styles: [":host,:host *{box-sizing:border-box}:host(.atl-drawer) dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
3903
|
+
args: [{ selector: 'atl-drawer-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: { class: 'atl-drawer-footer' }, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(.atl-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.atl-drawer) dialog[open]{display:flex;transform:translate(0)!important}:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{:host(.atl-drawer) dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){:host(.atl-drawer) dialog::backdrop{background:var(--ui-color-overlay)}}:host-context([data-theme=\"dark\"]) dialog::backdrop{background:var(--ui-color-overlay)}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.atl-drawer.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.atl-drawer.position-right) dialog[open]{transform:translate(100%)}}:host(.atl-drawer.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.atl-drawer.position-left) dialog[open]{transform:translate(-100%)}}:host(.atl-drawer.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.atl-drawer.position-top) dialog[open]{transform:translateY(-100%)}}:host(.atl-drawer.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.atl-drawer.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.atl-drawer.position-right.size-sm) dialog,:host(.atl-drawer.position-left.size-sm) dialog{width:20rem}:host(.atl-drawer.position-right.size-md) dialog,:host(.atl-drawer.position-left.size-md) dialog{width:28rem}:host(.atl-drawer.position-right.size-lg) dialog,:host(.atl-drawer.position-left.size-lg) dialog{width:40rem}:host(.atl-drawer.position-right.size-full) dialog,:host(.atl-drawer.position-left.size-full) dialog{width:100vw}:host(.atl-drawer.position-top.size-sm) dialog,:host(.atl-drawer.position-bottom.size-sm) dialog{height:12rem}:host(.atl-drawer.position-top.size-md) dialog,:host(.atl-drawer.position-bottom.size-md) dialog{height:20rem}:host(.atl-drawer.position-top.size-lg) dialog,:host(.atl-drawer.position-bottom.size-lg) dialog{height:32rem}:host(.atl-drawer.position-top.size-full) dialog,:host(.atl-drawer.position-bottom.size-full) dialog{height:100dvh}:host(.atl-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}:host(.atl-drawer-content){display:block;padding:var(--ui-spacing-6);overflow-y:auto;flex:1;color:var(--ui-color-text)}:host(.atl-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:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);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"] }]
|
|
3904
3904
|
}] });
|
|
3905
3905
|
|
|
3906
3906
|
const ATL_TABLE = new InjectionToken('ATL_TABLE');
|
|
@@ -4625,7 +4625,7 @@ class AtlCodeBlock {
|
|
|
4625
4625
|
{{ code() }}
|
|
4626
4626
|
}</code></pre>
|
|
4627
4627
|
</div>
|
|
4628
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-code-block{display:block;border:var(--ui-border-width) 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;line-height:var(--ui-line-height-tight);padding:0 var(--ui-spacing-4);background:var(--ui-color-surface-raised);border-bottom:var(--ui-border-width) solid var(--ui-color-border);min-height:var(--ui-control-height-md)}.code-block-label{font-family:var(--ui-font-mono
|
|
4628
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}.atl-code-block{display:block;border:var(--ui-border-width) 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;line-height:var(--ui-line-height-tight);padding:0 var(--ui-spacing-4);background:var(--ui-color-surface-raised);border-bottom:var(--ui-border-width) solid var(--ui-color-border);min-height:var(--ui-control-height-md)}.code-block-label{font-family:var(--ui-font-mono);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:var(--ui-border-width) 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);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:var(--ui-border-width) solid var(--ui-color-border);margin-right:var(--ui-spacing-3);flex-shrink:0;opacity:.6}.code-line-text{flex:1}\n"], dependencies: [{ kind: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4629
4629
|
}
|
|
4630
4630
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlCodeBlock, decorators: [{
|
|
4631
4631
|
type: Component,
|
|
@@ -4663,7 +4663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
4663
4663
|
</div>
|
|
4664
4664
|
`, host: {
|
|
4665
4665
|
'[class]': '"atl-code-block"',
|
|
4666
|
-
}, styles: [":host,:host *{box-sizing:border-box}.atl-code-block{display:block;border:var(--ui-border-width) 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;line-height:var(--ui-line-height-tight);padding:0 var(--ui-spacing-4);background:var(--ui-color-surface-raised);border-bottom:var(--ui-border-width) solid var(--ui-color-border);min-height:var(--ui-control-height-md)}.code-block-label{font-family:var(--ui-font-mono
|
|
4666
|
+
}, styles: [":host,:host *{box-sizing:border-box}.atl-code-block{display:block;border:var(--ui-border-width) 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;line-height:var(--ui-line-height-tight);padding:0 var(--ui-spacing-4);background:var(--ui-color-surface-raised);border-bottom:var(--ui-border-width) solid var(--ui-color-border);min-height:var(--ui-control-height-md)}.code-block-label{font-family:var(--ui-font-mono);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:var(--ui-border-width) 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);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:var(--ui-border-width) solid var(--ui-color-border);margin-right:var(--ui-spacing-3);flex-shrink:0;opacity:.6}.code-line-text{flex:1}\n"] }]
|
|
4667
4667
|
}], 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 }] }] } });
|
|
4668
4668
|
|
|
4669
4669
|
const ATL_CHAT = new InjectionToken('ATL_CHAT');
|
|
@@ -4807,7 +4807,7 @@ class AtlChat {
|
|
|
4807
4807
|
</section>
|
|
4808
4808
|
}
|
|
4809
4809
|
}
|
|
4810
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
4810
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4811
4811
|
}
|
|
4812
4812
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlChat, decorators: [{
|
|
4813
4813
|
type: Component,
|
|
@@ -4867,7 +4867,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
4867
4867
|
}
|
|
4868
4868
|
`, host: {
|
|
4869
4869
|
'[class]': 'hostClasses()',
|
|
4870
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
4870
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"] }]
|
|
4871
4871
|
}], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], dialogRef: [{ type: i0.ViewChild, args: ['dialogEl', { isSignal: true }] }] } });
|
|
4872
4872
|
/**
|
|
4873
4873
|
* Header slot for `atl-chat`. Holds the title, status indicator, and close button.
|
|
@@ -4890,7 +4890,7 @@ class AtlChatHeader {
|
|
|
4890
4890
|
<atl-icon name="close" size="sm" />
|
|
4891
4891
|
</button>
|
|
4892
4892
|
}
|
|
4893
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
4893
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"], dependencies: [{ kind: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4894
4894
|
}
|
|
4895
4895
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlChatHeader, decorators: [{
|
|
4896
4896
|
type: Component,
|
|
@@ -4910,7 +4910,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
4910
4910
|
}
|
|
4911
4911
|
`, host: {
|
|
4912
4912
|
'[attr.id]': 'context.headerId',
|
|
4913
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
4913
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"] }]
|
|
4914
4914
|
}] });
|
|
4915
4915
|
/**
|
|
4916
4916
|
* Scrollable message list for `atl-chat`. Project `atl-chat-message`,
|
|
@@ -4932,11 +4932,11 @@ class AtlChatMessages {
|
|
|
4932
4932
|
});
|
|
4933
4933
|
}
|
|
4934
4934
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlChatMessages, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4935
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlChatMessages, isStandalone: true, selector: "atl-chat-messages", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
4935
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: AtlChatMessages, isStandalone: true, selector: "atl-chat-messages", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4936
4936
|
}
|
|
4937
4937
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlChatMessages, decorators: [{
|
|
4938
4938
|
type: Component,
|
|
4939
|
-
args: [{ selector: 'atl-chat-messages', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
4939
|
+
args: [{ selector: 'atl-chat-messages', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"] }]
|
|
4940
4940
|
}], ctorParameters: () => [] });
|
|
4941
4941
|
/**
|
|
4942
4942
|
* A single chat message. Role drives bubble alignment and color.
|
|
@@ -4958,14 +4958,14 @@ class AtlChatMessage {
|
|
|
4958
4958
|
hostClasses = computed(() => `role-${this.role()}${this.failed() ? ' is-failed' : ''}`, /* @ts-ignore */
|
|
4959
4959
|
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
4960
4960
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlChatMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4961
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: AtlChatMessage, isStandalone: true, selector: "atl-chat-message", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, failed: { classPropertyName: "failed", publicName: "failed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "\"listitem\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
4961
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: AtlChatMessage, isStandalone: true, selector: "atl-chat-message", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, failed: { classPropertyName: "failed", publicName: "failed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "\"listitem\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4962
4962
|
}
|
|
4963
4963
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlChatMessage, decorators: [{
|
|
4964
4964
|
type: Component,
|
|
4965
4965
|
args: [{ selector: 'atl-chat-message', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: {
|
|
4966
4966
|
'[class]': 'hostClasses()',
|
|
4967
4967
|
'[attr.role]': '"listitem"',
|
|
4968
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
4968
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"] }]
|
|
4969
4969
|
}], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], failed: [{ type: i0.Input, args: [{ isSignal: true, alias: "failed", required: false }] }] } });
|
|
4970
4970
|
/**
|
|
4971
4971
|
* Typing indicator (three animated dots).
|
|
@@ -4991,7 +4991,7 @@ class AtlChatTyping {
|
|
|
4991
4991
|
<span class="dot"></span>
|
|
4992
4992
|
<span class="dot"></span>
|
|
4993
4993
|
<span class="sr-only">Assistant is typing</span>
|
|
4994
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
4994
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4995
4995
|
}
|
|
4996
4996
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlChatTyping, decorators: [{
|
|
4997
4997
|
type: Component,
|
|
@@ -5004,7 +5004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
5004
5004
|
'[class]': 'hostClasses()',
|
|
5005
5005
|
'[attr.role]': '"status"',
|
|
5006
5006
|
'[attr.aria-live]': '"polite"',
|
|
5007
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
5007
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"] }]
|
|
5008
5008
|
}], propDecorators: { inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] } });
|
|
5009
5009
|
/**
|
|
5010
5010
|
* Tappable suggestion chip used in the empty state to seed a conversation.
|
|
@@ -5031,7 +5031,7 @@ class AtlChatSuggestion {
|
|
|
5031
5031
|
<span class="chip-hint">{{ hint() }}</span>
|
|
5032
5032
|
}
|
|
5033
5033
|
</button>
|
|
5034
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
5034
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5035
5035
|
}
|
|
5036
5036
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlChatSuggestion, decorators: [{
|
|
5037
5037
|
type: Component,
|
|
@@ -5042,7 +5042,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
5042
5042
|
<span class="chip-hint">{{ hint() }}</span>
|
|
5043
5043
|
}
|
|
5044
5044
|
</button>
|
|
5045
|
-
`, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
5045
|
+
`, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"] }]
|
|
5046
5046
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
|
|
5047
5047
|
/**
|
|
5048
5048
|
* Composable input footer for `atl-chat`. Wraps a text field and emits
|
|
@@ -5135,7 +5135,7 @@ class AtlChatInput {
|
|
|
5135
5135
|
Send
|
|
5136
5136
|
</button>
|
|
5137
5137
|
}
|
|
5138
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
5138
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5139
5139
|
}
|
|
5140
5140
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: AtlChatInput, decorators: [{
|
|
5141
5141
|
type: Component,
|
|
@@ -5168,7 +5168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
5168
5168
|
Send
|
|
5169
5169
|
</button>
|
|
5170
5170
|
}
|
|
5171
|
-
`, styles: [":host,:host *{box-sizing:border-box}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-
|
|
5171
|
+
`, styles: [":host,:host *{box-sizing:border-box}:host{font-family:var(--ui-font-family)}:host(atl-chat){display:contents}.surface{display:flex;flex-direction:column;background:var(--ui-color-surface);color:var(--ui-color-text);overflow:hidden}:host(.variant-drawer) dialog{all:unset;font-family:var(--ui-font-family);position:fixed;inset:0 0 0 auto;height:100dvh;width:28rem;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, -8px 0 32px rgba(0, 0, 0, .12));color:var(--ui-color-text);overflow:hidden;transform:translate(100%);transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) dialog[open]{display:flex;transform:translate(0)}@starting-style{:host(.variant-drawer) dialog[open]{transform:translate(100%)}}:host(.variant-drawer) dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}:host(.variant-drawer) .drawer-surface{width:100%;height:100%}:host(.variant-popup) .popup-surface{position:fixed;bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);width:23.75rem;height:35rem;border-radius:var(--ui-radius-xl);box-shadow:0 12px 32px #0000002e;z-index:var(--ui-z-dropdown)}:host(.variant-popup) .fab-bubble{position:fixed;bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);width:3.5rem;height:3.5rem;border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai, #b5e61c);color:var(--ui-color-text);border:none;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:0 6px 16px #0000002e;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);z-index:101}:host(.variant-popup) .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}:host(.variant-popup) .fab-bubble:focus-visible{outline:none;box-shadow:var(--ui-focus-ring),0 6px 16px #0000002e}:host(.variant-inline) .inline-surface{width:100%;height:100%;min-height:24rem;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl)}:host(.variant-inline) atl-chat-header .close-btn{display:none}:host(atl-chat-header){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0}:host(atl-chat-header) .title-block{display:flex;align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0}:host(atl-chat-header) .close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);padding:0;background:transparent;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}:host(atl-chat-header) .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}:host(atl-chat-header) .close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-messages){display:flex;flex-direction:column;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-y:auto;overflow-anchor:auto;scroll-behavior:smooth;flex:1;background:var(--ui-color-surface)}:host(atl-chat-message){display:block;max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word}:host(atl-chat-message.role-assistant),:host(atl-chat-message.role-system){background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}:host(atl-chat-message.role-user){background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}:host(atl-chat-message.role-system){font-style:italic;color:var(--ui-color-text-muted)}:host(atl-chat-message.is-failed){background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}:host(atl-chat-typing){display:inline-flex;align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start}:host(atl-chat-typing) .dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--ui-color-text-muted);animation:atl-chat-typing 1.4s infinite ease-in-out}:host(atl-chat-typing) .dot:nth-child(2){animation-delay:.16s}:host(atl-chat-typing) .dot:nth-child(3){animation-delay:.32s}:host(atl-chat-typing.is-inline){display:inline-flex;padding:0;margin-left:var(--ui-spacing-1);background:transparent;border-radius:0;vertical-align:baseline;align-self:auto}:host(atl-chat-typing.is-inline) .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){:host(atl-chat-typing) .dot{animation:none;opacity:.6}}:host(atl-chat-typing) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(atl-chat-suggestion){display:block}:host(atl-chat-suggestion) .chip{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast)}:host(atl-chat-suggestion) .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}:host(atl-chat-suggestion) .chip:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(atl-chat-suggestion) .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}:host(atl-chat-suggestion) .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}:host(atl-chat-input){display:flex;align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0}:host(atl-chat-input) .field{flex:1;min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border, var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast)}:host(atl-chat-input) .field::placeholder{color:var(--ui-color-text-muted)}:host(atl-chat-input) .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover, var(--ui-color-border-hover))}:host(atl-chat-input) .field:focus-visible{outline:none;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}:host(atl-chat-input) .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),transform var(--ui-transition-fast)}:host(atl-chat-input) .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}:host(atl-chat-input) .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}:host(atl-chat-input) .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}:host(atl-chat-input) .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}:host(atl-chat-input) .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(atl-chat-input) .action-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.status-streaming) atl-chat-input .field{cursor:wait}\n"] }]
|
|
5172
5172
|
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], send: [{ type: i0.Output, args: ["send"] }], stop: [{ type: i0.Output, args: ["stop"] }] } });
|
|
5173
5173
|
|
|
5174
5174
|
// Design tokens stylesheet — consumers should import:
|