@atelier-ui/angular 0.2.37 → 0.2.39
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.1.5", ngImport: i0, type: AtlCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
140
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.5", 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);line-height:var(--ui-line-height-normal)}: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.1.5", 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);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-tight);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.1.5", 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{font-family:var(--ui-font-family);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-tight);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.1.5", ngImpor
|
|
|
156
156
|
*/
|
|
157
157
|
class AtlCardHeader {
|
|
158
158
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AtlCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
159
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.5", 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);line-height:var(--ui-line-height-normal)}: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.1.5", 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);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-tight);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.1.5", 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{font-family:var(--ui-font-family);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-tight);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.1.5", ngImpor
|
|
|
172
172
|
*/
|
|
173
173
|
class AtlCardContent {
|
|
174
174
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AtlCardContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
175
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.5", 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);line-height:var(--ui-line-height-normal)}: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.1.5", 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);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-tight);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.1.5", 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{font-family:var(--ui-font-family);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-tight);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.1.5", ngImpor
|
|
|
190
190
|
*/
|
|
191
191
|
class AtlCardFooter {
|
|
192
192
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AtlCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
193
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.5", 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);line-height:var(--ui-line-height-normal)}: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.1.5", 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);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-tight);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.1.5", 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{font-family:var(--ui-font-family);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-normal)}: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);line-height:var(--ui-line-height-tight);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
|
// AUTO-GENERATED from libs/spec/src/icons.ts — do not edit here.
|
|
@@ -3704,7 +3704,7 @@ class AtlBreadcrumbs {
|
|
|
3704
3704
|
<ng-content />
|
|
3705
3705
|
</ol>
|
|
3706
3706
|
</nav>
|
|
3707
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-breadcrumbs){display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.atl-breadcrumb-item){display:flex;align-items:center}:host(.atl-breadcrumb-item):after{content:var(--atl-separator, \"
|
|
3707
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-breadcrumbs){display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.atl-breadcrumb-item){display:flex;align-items:center}:host(.atl-breadcrumb-item):after{content:var(--atl-separator, \"/\") / \"\";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.atl-breadcrumb-item.is-current):after{display:none}a{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}a:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}a:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.atl-breadcrumb-item.is-current) a{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3708
3708
|
}
|
|
3709
3709
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AtlBreadcrumbs, decorators: [{
|
|
3710
3710
|
type: Component,
|
|
@@ -3727,7 +3727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
3727
3727
|
`, host: {
|
|
3728
3728
|
class: 'atl-breadcrumbs',
|
|
3729
3729
|
'[style.--atl-separator]': 'separatorCssVar()',
|
|
3730
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(.atl-breadcrumbs){display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.atl-breadcrumb-item){display:flex;align-items:center}:host(.atl-breadcrumb-item):after{content:var(--atl-separator, \"
|
|
3730
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host(.atl-breadcrumbs){display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.atl-breadcrumb-item){display:flex;align-items:center}:host(.atl-breadcrumb-item):after{content:var(--atl-separator, \"/\") / \"\";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.atl-breadcrumb-item.is-current):after{display:none}a{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}a:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}a:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.atl-breadcrumb-item.is-current) a{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"] }]
|
|
3731
3731
|
}], propDecorators: { separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }] } });
|
|
3732
3732
|
/**
|
|
3733
3733
|
* A single breadcrumb step. The last item is automatically treated as
|
|
@@ -3758,7 +3758,7 @@ class AtlBreadcrumbItem {
|
|
|
3758
3758
|
[attr.aria-current]="isCurrent() ? 'page' : null"
|
|
3759
3759
|
><ng-content /></a>
|
|
3760
3760
|
</li>
|
|
3761
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-breadcrumbs){display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.atl-breadcrumb-item){display:flex;align-items:center}:host(.atl-breadcrumb-item):after{content:var(--atl-separator, \"
|
|
3761
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host(.atl-breadcrumbs){display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.atl-breadcrumb-item){display:flex;align-items:center}:host(.atl-breadcrumb-item):after{content:var(--atl-separator, \"/\") / \"\";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.atl-breadcrumb-item.is-current):after{display:none}a{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}a:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}a:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.atl-breadcrumb-item.is-current) a{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3762
3762
|
}
|
|
3763
3763
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AtlBreadcrumbItem, decorators: [{
|
|
3764
3764
|
type: Component,
|
|
@@ -3772,7 +3772,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
3772
3772
|
`, host: {
|
|
3773
3773
|
class: 'atl-breadcrumb-item',
|
|
3774
3774
|
'[class.is-current]': 'isCurrent()',
|
|
3775
|
-
}, styles: [":host,:host *{box-sizing:border-box}:host(.atl-breadcrumbs){display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.atl-breadcrumb-item){display:flex;align-items:center}:host(.atl-breadcrumb-item):after{content:var(--atl-separator, \"
|
|
3775
|
+
}, styles: [":host,:host *{box-sizing:border-box}:host(.atl-breadcrumbs){display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}:host(.atl-breadcrumb-item){display:flex;align-items:center}:host(.atl-breadcrumb-item):after{content:var(--atl-separator, \"/\") / \"\";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.atl-breadcrumb-item.is-current):after{display:none}a{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}a:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}a:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}:host(.atl-breadcrumb-item.is-current) a{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"] }]
|
|
3776
3776
|
}], propDecorators: { href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }] } });
|
|
3777
3777
|
|
|
3778
3778
|
/**
|
|
@@ -3905,7 +3905,7 @@ class AtlPagination {
|
|
|
3905
3905
|
}
|
|
3906
3906
|
</ul>
|
|
3907
3907
|
</nav>
|
|
3908
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-2);list-style:none;margin:0;padding:0}.page-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--ui-spacing-2);border-radius:var(--ui-radius-md);border:var(--ui-border-width) solid transparent;background:transparent;color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary)
|
|
3908
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-2);list-style:none;margin:0;padding:0}.page-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--ui-spacing-2);border-radius:var(--ui-radius-md);border:var(--ui-border-width) solid transparent;background:transparent;color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:var(--ui-opacity-disabled);pointer-events:none;cursor:default}.ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3909
3909
|
}
|
|
3910
3910
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AtlPagination, decorators: [{
|
|
3911
3911
|
type: Component,
|
|
@@ -3973,7 +3973,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
3973
3973
|
}
|
|
3974
3974
|
</ul>
|
|
3975
3975
|
</nav>
|
|
3976
|
-
`, styles: [":host,:host *{box-sizing:border-box}:host{display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-2);list-style:none;margin:0;padding:0}.page-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--ui-spacing-2);border-radius:var(--ui-radius-md);border:var(--ui-border-width) solid transparent;background:transparent;color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary)
|
|
3976
|
+
`, styles: [":host,:host *{box-sizing:border-box}:host{display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-2);list-style:none;margin:0;padding:0}.page-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--ui-spacing-2);border-radius:var(--ui-radius-md);border:var(--ui-border-width) solid transparent;background:transparent;color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:var(--ui-opacity-disabled);pointer-events:none;cursor:default}.ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none}\n"] }]
|
|
3977
3977
|
}], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }], pageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageCount", required: false }] }], siblingCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "siblingCount", required: false }] }], showFirstLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFirstLast", required: false }] }] } });
|
|
3978
3978
|
|
|
3979
3979
|
const ATL_DRAWER = new InjectionToken('ATL_DRAWER');
|
|
@@ -4585,19 +4585,32 @@ class AtlStepper {
|
|
|
4585
4585
|
updateStep(id, info) {
|
|
4586
4586
|
this.steps.update((list) => list.map((s) => (s.id === id ? { ...s, ...info } : s)));
|
|
4587
4587
|
}
|
|
4588
|
+
/**
|
|
4589
|
+
* Whether step `index` can be activated right now: not itself disabled, and —
|
|
4590
|
+
* in linear mode — either at or behind the active step, or ahead of it with
|
|
4591
|
+
* every step before it completed or optional. Drives both `goTo()`'s guard
|
|
4592
|
+
* and the header button's native `disabled` state, so a step that cannot be
|
|
4593
|
+
* activated is also not focusable (no roving-tabindex bookkeeping needed —
|
|
4594
|
+
* the header is a list, not a tab widget).
|
|
4595
|
+
*/
|
|
4596
|
+
isReachable(index) {
|
|
4597
|
+
const steps = this.steps();
|
|
4598
|
+
const step = steps[index];
|
|
4599
|
+
if (step.disabled)
|
|
4600
|
+
return false;
|
|
4601
|
+
if (!this.linear())
|
|
4602
|
+
return true;
|
|
4603
|
+
if (index <= this.activeStep())
|
|
4604
|
+
return true;
|
|
4605
|
+
return steps.slice(0, index).every((s) => s.completed || s.optional);
|
|
4606
|
+
}
|
|
4588
4607
|
/** Navigate to a specific step index. Respects linear mode. */
|
|
4589
4608
|
goTo(index) {
|
|
4590
4609
|
const steps = this.steps();
|
|
4591
4610
|
if (index < 0 || index >= steps.length)
|
|
4592
4611
|
return;
|
|
4593
|
-
if (
|
|
4612
|
+
if (!this.isReachable(index))
|
|
4594
4613
|
return;
|
|
4595
|
-
if (this.linear()) {
|
|
4596
|
-
// In linear mode, only allow going back or to the next uncompleted step
|
|
4597
|
-
const canGoForward = steps.slice(0, index).every((s) => s.completed || s.optional);
|
|
4598
|
-
if (index > this.activeStep() && !canGoForward)
|
|
4599
|
-
return;
|
|
4600
|
-
}
|
|
4601
4614
|
this.activeStep.set(index);
|
|
4602
4615
|
}
|
|
4603
4616
|
/** Advance to the next step. */
|
|
@@ -4616,9 +4629,9 @@ class AtlStepper {
|
|
|
4616
4629
|
}
|
|
4617
4630
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AtlStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4618
4631
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: AtlStepper, isStandalone: true, selector: "atl-stepper", inputs: { activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeStep: "activeStepChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [{ provide: ATL_STEPPER, useExisting: AtlStepper }], ngImport: i0, template: `
|
|
4619
|
-
<
|
|
4632
|
+
<ol class="stepper-header" role="list" aria-label="Progress">
|
|
4620
4633
|
@for (step of steps(); track step.id; let i = $index; let last = $last) {
|
|
4621
|
-
<
|
|
4634
|
+
<li
|
|
4622
4635
|
class="step-item"
|
|
4623
4636
|
[class.is-active]="activeStep() === i"
|
|
4624
4637
|
[class.is-completed]="step.completed && activeStep() !== i"
|
|
@@ -4627,15 +4640,11 @@ class AtlStepper {
|
|
|
4627
4640
|
>
|
|
4628
4641
|
<button
|
|
4629
4642
|
type="button"
|
|
4630
|
-
role="tab"
|
|
4631
4643
|
class="step-circle"
|
|
4632
4644
|
[id]="'atl-step-' + i"
|
|
4633
4645
|
[attr.aria-label]="step.label"
|
|
4634
|
-
[attr.aria-
|
|
4635
|
-
[
|
|
4636
|
-
[attr.aria-disabled]="step.disabled || null"
|
|
4637
|
-
[attr.tabindex]="activeStep() === i ? 0 : -1"
|
|
4638
|
-
[disabled]="step.disabled || null"
|
|
4646
|
+
[attr.aria-current]="activeStep() === i ? 'step' : null"
|
|
4647
|
+
[disabled]="!isReachable(i)"
|
|
4639
4648
|
(click)="goTo(i)"
|
|
4640
4649
|
>
|
|
4641
4650
|
@if (step.completed && !step.error) {
|
|
@@ -4655,26 +4664,27 @@ class AtlStepper {
|
|
|
4655
4664
|
<span class="step-optional">Optional</span>
|
|
4656
4665
|
}
|
|
4657
4666
|
</div>
|
|
4658
|
-
</
|
|
4667
|
+
</li>
|
|
4659
4668
|
@if (!last) {
|
|
4660
|
-
<
|
|
4669
|
+
<li
|
|
4661
4670
|
class="step-connector"
|
|
4671
|
+
aria-hidden="true"
|
|
4662
4672
|
[class.is-active]="activeStep() > i || step.completed"
|
|
4663
|
-
></
|
|
4673
|
+
></li>
|
|
4664
4674
|
}
|
|
4665
4675
|
}
|
|
4666
|
-
</
|
|
4676
|
+
</ol>
|
|
4667
4677
|
<div class="stepper-content">
|
|
4668
4678
|
<ng-content />
|
|
4669
4679
|
</div>
|
|
4670
|
-
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.stepper-header{display:flex;align-items:center}.step-item{display:flex;flex-direction:column;align-items:center;min-width:0}.step-connector{flex:1;height:var(--step-connector-width);background:var(--ui-color-border);border-radius:var(--ui-radius-full);transition:background var(--ui-transition-normal) var(--ui-ease-out);min-width:var(--ui-spacing-4)}.step-connector.is-active{background:var(--ui-color-primary)}.step-circle{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--step-circle);height:var(--step-circle);border-radius:50%;border:var(--ui-border-width-thick) solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:var(--ui-transition-normal) var(--ui-ease-out);transition-property:border-color,background-color,color,box-shadow;-webkit-user-select:none;user-select:none;flex-shrink:0}.step-circle:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.step-circle:disabled{cursor:not-allowed}.step-text{display:flex;flex-direction:column;align-items:center;margin-top:var(--ui-spacing-2);text-align:center}.step-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);white-space:nowrap}.step-description{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:
|
|
4680
|
+
`, isInline: true, styles: [":host,:host *{box-sizing:border-box}:host{display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.stepper-header{display:flex;align-items:center;list-style:none;margin:0;padding:0}.step-item{display:flex;flex-direction:column;align-items:center;min-width:0}.step-connector{flex:1;height:var(--step-connector-width);background:var(--ui-color-border);border-radius:var(--ui-radius-full);transition:background var(--ui-transition-normal) var(--ui-ease-out);min-width:var(--ui-spacing-4)}.step-connector.is-active{background:var(--ui-color-primary)}.step-circle{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--step-circle);height:var(--step-circle);border-radius:50%;border:var(--ui-border-width-thick) solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:var(--ui-transition-normal) var(--ui-ease-out);transition-property:border-color,background-color,color,box-shadow;-webkit-user-select:none;user-select:none;flex-shrink:0}.step-circle:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.step-circle:disabled{cursor:not-allowed}.step-text{display:flex;flex-direction:column;align-items:center;margin-top:var(--ui-spacing-2);text-align:center}.step-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);white-space:nowrap}.step-description{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:var(--ui-spacing-1)}.step-optional{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);font-style:italic;margin-top:var(--ui-spacing-1)}.stepper-content{margin-top:var(--ui-spacing-6)}.stepper-content .step-panel[hidden]{display:none}.step-item.is-active .step-circle{border-color:var(--ui-color-primary);color:var(--ui-color-primary)}.step-item.is-active .step-label{color:var(--ui-color-text)}.step-item.is-completed .step-circle{border-color:var(--ui-color-primary);background:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.step-item.is-completed .step-label{color:var(--ui-color-text)}.step-item.is-error .step-circle{border-color:var(--ui-color-danger);background:var(--ui-color-danger);color:var(--ui-color-text-on-danger, #ffffff)}.step-item.is-error .step-label{color:var(--ui-color-danger)}.step-item.is-disabled .step-circle{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.step-item.is-disabled .step-label{opacity:var(--ui-opacity-disabled)}:host(.orientation-vertical) .stepper-header{flex-direction:column;align-items:stretch}:host(.orientation-vertical) .step-item{flex-direction:row;align-items:flex-start;gap:var(--ui-spacing-3)}:host(.orientation-vertical) .step-text{align-items:flex-start;text-align:left;margin-top:0;padding-top:var(--ui-spacing-1)}:host(.orientation-vertical) .step-connector{flex:none;width:var(--step-connector-width);height:var(--ui-spacing-6);margin-left:calc((var(--step-circle) - var(--step-connector-width)) / 2);min-width:0}\n"], dependencies: [{ kind: "component", type: AtlIcon, selector: "atl-icon", inputs: ["name", "size", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4671
4681
|
}
|
|
4672
4682
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AtlStepper, decorators: [{
|
|
4673
4683
|
type: Component,
|
|
4674
4684
|
args: [{ selector: 'atl-stepper', standalone: true, imports: [AtlIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4675
|
-
<
|
|
4685
|
+
<ol class="stepper-header" role="list" aria-label="Progress">
|
|
4676
4686
|
@for (step of steps(); track step.id; let i = $index; let last = $last) {
|
|
4677
|
-
<
|
|
4687
|
+
<li
|
|
4678
4688
|
class="step-item"
|
|
4679
4689
|
[class.is-active]="activeStep() === i"
|
|
4680
4690
|
[class.is-completed]="step.completed && activeStep() !== i"
|
|
@@ -4683,15 +4693,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
4683
4693
|
>
|
|
4684
4694
|
<button
|
|
4685
4695
|
type="button"
|
|
4686
|
-
role="tab"
|
|
4687
4696
|
class="step-circle"
|
|
4688
4697
|
[id]="'atl-step-' + i"
|
|
4689
4698
|
[attr.aria-label]="step.label"
|
|
4690
|
-
[attr.aria-
|
|
4691
|
-
[
|
|
4692
|
-
[attr.aria-disabled]="step.disabled || null"
|
|
4693
|
-
[attr.tabindex]="activeStep() === i ? 0 : -1"
|
|
4694
|
-
[disabled]="step.disabled || null"
|
|
4699
|
+
[attr.aria-current]="activeStep() === i ? 'step' : null"
|
|
4700
|
+
[disabled]="!isReachable(i)"
|
|
4695
4701
|
(click)="goTo(i)"
|
|
4696
4702
|
>
|
|
4697
4703
|
@if (step.completed && !step.error) {
|
|
@@ -4711,21 +4717,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
4711
4717
|
<span class="step-optional">Optional</span>
|
|
4712
4718
|
}
|
|
4713
4719
|
</div>
|
|
4714
|
-
</
|
|
4720
|
+
</li>
|
|
4715
4721
|
@if (!last) {
|
|
4716
|
-
<
|
|
4722
|
+
<li
|
|
4717
4723
|
class="step-connector"
|
|
4724
|
+
aria-hidden="true"
|
|
4718
4725
|
[class.is-active]="activeStep() > i || step.completed"
|
|
4719
|
-
></
|
|
4726
|
+
></li>
|
|
4720
4727
|
}
|
|
4721
4728
|
}
|
|
4722
|
-
</
|
|
4729
|
+
</ol>
|
|
4723
4730
|
<div class="stepper-content">
|
|
4724
4731
|
<ng-content />
|
|
4725
4732
|
</div>
|
|
4726
4733
|
`, host: {
|
|
4727
4734
|
'[class]': 'hostClasses()',
|
|
4728
|
-
}, providers: [{ provide: ATL_STEPPER, useExisting: AtlStepper }], styles: [":host,:host *{box-sizing:border-box}:host{display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.stepper-header{display:flex;align-items:center}.step-item{display:flex;flex-direction:column;align-items:center;min-width:0}.step-connector{flex:1;height:var(--step-connector-width);background:var(--ui-color-border);border-radius:var(--ui-radius-full);transition:background var(--ui-transition-normal) var(--ui-ease-out);min-width:var(--ui-spacing-4)}.step-connector.is-active{background:var(--ui-color-primary)}.step-circle{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--step-circle);height:var(--step-circle);border-radius:50%;border:var(--ui-border-width-thick) solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:var(--ui-transition-normal) var(--ui-ease-out);transition-property:border-color,background-color,color,box-shadow;-webkit-user-select:none;user-select:none;flex-shrink:0}.step-circle:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.step-circle:disabled{cursor:not-allowed}.step-text{display:flex;flex-direction:column;align-items:center;margin-top:var(--ui-spacing-2);text-align:center}.step-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);white-space:nowrap}.step-description{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:
|
|
4735
|
+
}, providers: [{ provide: ATL_STEPPER, useExisting: AtlStepper }], styles: [":host,:host *{box-sizing:border-box}:host{display:block;font-family:var(--ui-font-family);line-height:var(--ui-line-height-tight)}.stepper-header{display:flex;align-items:center;list-style:none;margin:0;padding:0}.step-item{display:flex;flex-direction:column;align-items:center;min-width:0}.step-connector{flex:1;height:var(--step-connector-width);background:var(--ui-color-border);border-radius:var(--ui-radius-full);transition:background var(--ui-transition-normal) var(--ui-ease-out);min-width:var(--ui-spacing-4)}.step-connector.is-active{background:var(--ui-color-primary)}.step-circle{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--step-circle);height:var(--step-circle);border-radius:50%;border:var(--ui-border-width-thick) solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:var(--ui-transition-normal) var(--ui-ease-out);transition-property:border-color,background-color,color,box-shadow;-webkit-user-select:none;user-select:none;flex-shrink:0}.step-circle:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.step-circle:disabled{cursor:not-allowed}.step-text{display:flex;flex-direction:column;align-items:center;margin-top:var(--ui-spacing-2);text-align:center}.step-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);white-space:nowrap}.step-description{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:var(--ui-spacing-1)}.step-optional{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);font-style:italic;margin-top:var(--ui-spacing-1)}.stepper-content{margin-top:var(--ui-spacing-6)}.stepper-content .step-panel[hidden]{display:none}.step-item.is-active .step-circle{border-color:var(--ui-color-primary);color:var(--ui-color-primary)}.step-item.is-active .step-label{color:var(--ui-color-text)}.step-item.is-completed .step-circle{border-color:var(--ui-color-primary);background:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.step-item.is-completed .step-label{color:var(--ui-color-text)}.step-item.is-error .step-circle{border-color:var(--ui-color-danger);background:var(--ui-color-danger);color:var(--ui-color-text-on-danger, #ffffff)}.step-item.is-error .step-label{color:var(--ui-color-danger)}.step-item.is-disabled .step-circle{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.step-item.is-disabled .step-label{opacity:var(--ui-opacity-disabled)}:host(.orientation-vertical) .stepper-header{flex-direction:column;align-items:stretch}:host(.orientation-vertical) .step-item{flex-direction:row;align-items:flex-start;gap:var(--ui-spacing-3)}:host(.orientation-vertical) .step-text{align-items:flex-start;text-align:left;margin-top:0;padding-top:var(--ui-spacing-1)}:host(.orientation-vertical) .step-connector{flex:none;width:var(--step-connector-width);height:var(--ui-spacing-6);margin-left:calc((var(--step-circle) - var(--step-connector-width)) / 2);min-width:0}\n"] }]
|
|
4729
4736
|
}], propDecorators: { activeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeStep", required: false }] }, { type: i0.Output, args: ["activeStepChange"] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], linear: [{ type: i0.Input, args: [{ isSignal: true, alias: "linear", required: false }] }] } });
|
|
4730
4737
|
/**
|
|
4731
4738
|
* Individual step. Place inside `<atl-stepper>`.
|
|
@@ -4797,10 +4804,9 @@ class AtlStep {
|
|
|
4797
4804
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: AtlStep, isStandalone: true, selector: "atl-step", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, completed: { classPropertyName: "completed", publicName: "completed", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
4798
4805
|
@if (isActive()) {
|
|
4799
4806
|
<div
|
|
4800
|
-
role="
|
|
4801
|
-
|
|
4807
|
+
role="region"
|
|
4808
|
+
class="step-panel"
|
|
4802
4809
|
[attr.aria-labelledby]="'atl-step-' + myIndex()"
|
|
4803
|
-
tabindex="0"
|
|
4804
4810
|
>
|
|
4805
4811
|
<ng-content />
|
|
4806
4812
|
</div>
|
|
@@ -4812,10 +4818,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
4812
4818
|
args: [{ selector: 'atl-step', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4813
4819
|
@if (isActive()) {
|
|
4814
4820
|
<div
|
|
4815
|
-
role="
|
|
4816
|
-
|
|
4821
|
+
role="region"
|
|
4822
|
+
class="step-panel"
|
|
4817
4823
|
[attr.aria-labelledby]="'atl-step-' + myIndex()"
|
|
4818
|
-
tabindex="0"
|
|
4819
4824
|
>
|
|
4820
4825
|
<ng-content />
|
|
4821
4826
|
</div>
|