@acorex/components 20.1.14 → 20.1.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.
- package/accordion/index.d.ts +1 -2
- package/calendar/index.d.ts +2 -2
- package/fesm2022/acorex-components-accordion.mjs +38 -33
- package/fesm2022/acorex-components-accordion.mjs.map +1 -1
- package/fesm2022/acorex-components-action-sheet.mjs +16 -16
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +14 -14
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs +10 -10
- package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
- package/fesm2022/acorex-components-autocomplete.mjs +12 -12
- package/fesm2022/acorex-components-autocomplete.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +14 -14
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +8 -8
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-bottom-navigation.mjs +13 -13
- package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +12 -12
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +12 -12
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +20 -20
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +23 -24
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +8 -8
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +10 -10
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-circular-progress.mjs +12 -12
- package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-collapse.mjs +10 -10
- package/fesm2022/acorex-components-collapse.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +12 -12
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +32 -32
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs +32 -32
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation.mjs +107 -107
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs +51 -51
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +32 -32
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +51 -51
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +12 -12
- package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-input.mjs +18 -18
- package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +14 -14
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +31 -31
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +10 -10
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer-2.mjs +18 -18
- package/fesm2022/acorex-components-drawer-2.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +22 -22
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +7 -7
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +17 -17
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-file-explorer.mjs +42 -42
- package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
- package/fesm2022/acorex-components-flow-chart.mjs +32 -32
- package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +28 -28
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-grid-layout-builder.mjs +15 -15
- package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs +73 -73
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +9 -9
- package/fesm2022/acorex-components-image.mjs.map +1 -1
- package/fesm2022/acorex-components-json-viewer.mjs +10 -10
- package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-kanban.mjs +22 -22
- package/fesm2022/acorex-components-kanban.mjs.map +1 -1
- package/fesm2022/acorex-components-kbd.mjs +12 -12
- package/fesm2022/acorex-components-kbd.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs +7 -7
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +10 -10
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +15 -15
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +16 -16
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-map.mjs +39 -39
- package/fesm2022/acorex-components-map.mjs.map +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +56 -56
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +36 -36
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/{acorex-components-modal-acorex-components-modal-C4bZovtu.mjs → acorex-components-modal-acorex-components-modal-C4zx7OP6.mjs} +25 -25
- package/fesm2022/acorex-components-modal-acorex-components-modal-C4zx7OP6.mjs.map +1 -0
- package/fesm2022/{acorex-components-modal-modal-content.component-Dk_aOZ0p.mjs → acorex-components-modal-modal-content.component-DfhgA_WL.mjs} +36 -36
- package/fesm2022/acorex-components-modal-modal-content.component-DfhgA_WL.mjs.map +1 -0
- package/fesm2022/acorex-components-modal.mjs +1 -1
- package/fesm2022/acorex-components-navbar.mjs +7 -7
- package/fesm2022/acorex-components-navbar.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +13 -13
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box-2.mjs +13 -13
- package/fesm2022/acorex-components-number-box-2.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +8 -8
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +10 -10
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-page.mjs.map +1 -1
- package/fesm2022/acorex-components-paint.mjs +45 -45
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +25 -25
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-pdf-reader.mjs +8 -8
- package/fesm2022/acorex-components-pdf-reader.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +16 -16
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +25 -25
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +10 -18
- package/fesm2022/acorex-components-popover.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +10 -10
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +7 -7
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-qrcode.mjs +16 -16
- package/fesm2022/acorex-components-qrcode.mjs.map +1 -1
- package/fesm2022/acorex-components-query-builder.mjs +12 -12
- package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +7 -7
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-rail-navigation.mjs +27 -27
- package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +32 -32
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-rate-picker.mjs +14 -14
- package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-rest-api-generator.mjs +33 -33
- package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +7 -7
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs +7 -7
- package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +163 -163
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-scss.mjs +4 -4
- package/fesm2022/acorex-components-scss.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +8 -8
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +32 -30
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list-2.mjs +10 -10
- package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +9 -9
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +27 -27
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-skeleton.mjs +7 -7
- package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
- package/fesm2022/acorex-components-slider.mjs +7 -7
- package/fesm2022/acorex-components-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-sliding-item.mjs +24 -24
- package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +36 -36
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +10 -10
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +18 -18
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag-box.mjs +17 -17
- package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +7 -7
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +7 -7
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs +13 -13
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-duration.mjs +21 -21
- package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
- package/fesm2022/acorex-components-time-line.mjs +17 -17
- package/fesm2022/acorex-components-time-line.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +19 -19
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-toolbar.mjs +12 -12
- package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +15 -15
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +44 -44
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +34 -34
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/fesm2022/acorex-components-video-player.mjs +8 -8
- package/fesm2022/acorex-components-video-player.mjs.map +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +56 -56
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/package.json +1 -1
- package/select-box/index.d.ts +2 -2
- package/fesm2022/acorex-components-modal-acorex-components-modal-C4bZovtu.mjs.map +0 -1
- package/fesm2022/acorex-components-modal-modal-content.component-Dk_aOZ0p.mjs.map +0 -1
@@ -9,17 +9,17 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
|
|
9
9
|
class AXStepWizardItemComponent extends MXBaseComponent {
|
10
10
|
constructor() {
|
11
11
|
super(...arguments);
|
12
|
-
this.step = input(1);
|
13
|
-
this.label = input('');
|
14
|
-
this.description = input('');
|
15
|
-
this.customTemplate = input();
|
16
|
-
this.active = model(false);
|
17
|
-
this.passed = model(false);
|
18
|
-
this.look = model();
|
19
|
-
this.state = model('clear');
|
20
|
-
this.stepId = signal('');
|
21
|
-
this.className = computed(() => (this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : ''));
|
22
|
-
this.template = viewChild('content');
|
12
|
+
this.step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : []));
|
13
|
+
this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
14
|
+
this.description = input('', ...(ngDevMode ? [{ debugName: "description" }] : []));
|
15
|
+
this.customTemplate = input(...(ngDevMode ? [undefined, { debugName: "customTemplate" }] : []));
|
16
|
+
this.active = model(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
|
17
|
+
this.passed = model(false, ...(ngDevMode ? [{ debugName: "passed" }] : []));
|
18
|
+
this.look = model(...(ngDevMode ? [undefined, { debugName: "look" }] : []));
|
19
|
+
this.state = model('clear', ...(ngDevMode ? [{ debugName: "state" }] : []));
|
20
|
+
this.stepId = signal('', ...(ngDevMode ? [{ debugName: "stepId" }] : []));
|
21
|
+
this.className = computed(() => (this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : ''), ...(ngDevMode ? [{ debugName: "className" }] : []));
|
22
|
+
this.template = viewChild('content', ...(ngDevMode ? [{ debugName: "template" }] : []));
|
23
23
|
}
|
24
24
|
set id(v) {
|
25
25
|
this.stepId.set(v);
|
@@ -27,10 +27,10 @@ class AXStepWizardItemComponent extends MXBaseComponent {
|
|
27
27
|
get __hostClass() {
|
28
28
|
return [this.className(), `ax-state-${this.state()}`];
|
29
29
|
}
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXStepWizardItemComponent, isStandalone: true, selector: "ax-step-wizard-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, passed: { classPropertyName: "passed", publicName: "passed", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", passed: "passedChange", look: "lookChange", state: "stateChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXStepWizardItemComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (look() === 'rounded-icon' || look() === 'circular-icon' || look() === 'circular') {\n <div class=\"ax-step-wizard-item-icon-container\">\n <div class=\"ax-step-wizard-item-icon\">\n @if (state() === 'error') {\n <div class=\"ax-icon ax-icon-close\"></div>\n } @else if (state() === 'success') {\n <div class=\"ax-icon ax-icon-check\"></div>\n } @else if (state() === 'warning') {\n <div class=\"ax-icon ax-icon-warning\"></div>\n }\n <ng-container [ngTemplateOutlet]=\"icon\"> </ng-container>\n </div>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else if (look() === 'text-line') {\n @if (state() === 'pending') {\n <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\"> </ax-progress-bar>\n } @else {\n <div class=\"ax-step-wizard-indicator\"></div>\n }\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else {\n @if (customTemplate()) {\n <ng-container [ngTemplateOutlet]=\"customTemplate()\"> </ng-container>\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
32
32
|
}
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardItemComponent, decorators: [{
|
34
34
|
type: Component,
|
35
35
|
args: [{ selector: 'ax-step-wizard-item', inputs: ['disabled', 'color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, AXProgressBarComponent], providers: [{ provide: AXComponent, useExisting: AXStepWizardItemComponent }], template: "@if (look() === 'rounded-icon' || look() === 'circular-icon' || look() === 'circular') {\n <div class=\"ax-step-wizard-item-icon-container\">\n <div class=\"ax-step-wizard-item-icon\">\n @if (state() === 'error') {\n <div class=\"ax-icon ax-icon-close\"></div>\n } @else if (state() === 'success') {\n <div class=\"ax-icon ax-icon-check\"></div>\n } @else if (state() === 'warning') {\n <div class=\"ax-icon ax-icon-warning\"></div>\n }\n <ng-container [ngTemplateOutlet]=\"icon\"> </ng-container>\n </div>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else if (look() === 'text-line') {\n @if (state() === 'pending') {\n <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\"> </ax-progress-bar>\n } @else {\n <div class=\"ax-step-wizard-indicator\"></div>\n }\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else {\n @if (customTemplate()) {\n <ng-container [ngTemplateOutlet]=\"customTemplate()\"> </ng-container>\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n" }]
|
36
36
|
}], propDecorators: { id: [{
|
@@ -54,10 +54,10 @@ class AXStepWizardContentDirective {
|
|
54
54
|
this._viewContainerRef.createEmbeddedView(v, null, 0);
|
55
55
|
}
|
56
56
|
}
|
57
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
58
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
57
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
58
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: AXStepWizardContentDirective, isStandalone: true, selector: "[axStepWizardContent]", inputs: { portal: ["axStepWizardContent", "portal"] }, exportAs: ["axStepWizardContent"], ngImport: i0 }); }
|
59
59
|
}
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardContentDirective, decorators: [{
|
61
61
|
type: Directive,
|
62
62
|
args: [{
|
63
63
|
selector: '[axStepWizardContent]',
|
@@ -78,10 +78,10 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
78
78
|
*
|
79
79
|
* @param v
|
80
80
|
*/
|
81
|
-
this.connector = input(true);
|
82
|
-
this.size = input('ax-md');
|
83
|
-
this.look = input('circular-icon');
|
84
|
-
this.changeStep = input(false);
|
81
|
+
this.connector = input(true, ...(ngDevMode ? [{ debugName: "connector" }] : []));
|
82
|
+
this.size = input('ax-md', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
83
|
+
this.look = input('circular-icon', ...(ngDevMode ? [{ debugName: "look" }] : []));
|
84
|
+
this.changeStep = input(false, ...(ngDevMode ? [{ debugName: "changeStep" }] : []));
|
85
85
|
this.stepChanged = output();
|
86
86
|
this.#changeStepEffect = effect(() => {
|
87
87
|
this.steps().forEach((item, i = 1) => {
|
@@ -97,18 +97,18 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
97
97
|
}
|
98
98
|
i++;
|
99
99
|
});
|
100
|
-
});
|
100
|
+
}, ...(ngDevMode ? [{ debugName: "#changeStepEffect" }] : []));
|
101
101
|
/** @ignore */
|
102
|
-
this.activeStepIndex = signal(0);
|
102
|
+
this.activeStepIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeStepIndex" }] : []));
|
103
103
|
/** @ignore */
|
104
|
-
this.activeOrientation = signal(this.orientation);
|
105
|
-
this.isFirst = computed(() => this.activeStepIndex() === 0);
|
106
|
-
this.isLast = computed(() => this.activeStepIndex() === this.steps()?.length - 1);
|
104
|
+
this.activeOrientation = signal(this.orientation, ...(ngDevMode ? [{ debugName: "activeOrientation" }] : []));
|
105
|
+
this.isFirst = computed(() => this.activeStepIndex() === 0, ...(ngDevMode ? [{ debugName: "isFirst" }] : []));
|
106
|
+
this.isLast = computed(() => this.activeStepIndex() === this.steps()?.length - 1, ...(ngDevMode ? [{ debugName: "isLast" }] : []));
|
107
107
|
this.#effect = effect(() => {
|
108
108
|
this.steps()?.forEach((s) => {
|
109
109
|
s.look.set(this.look());
|
110
110
|
});
|
111
|
-
});
|
111
|
+
}, ...(ngDevMode ? [{ debugName: "#effect" }] : []));
|
112
112
|
/** @ignore */
|
113
113
|
this.#stepChangeEffect = effect(() => {
|
114
114
|
const step = this.steps()[this.activeStepIndex()];
|
@@ -129,10 +129,10 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
129
129
|
this.changeStepContent(step);
|
130
130
|
this.stepChanged.emit(step);
|
131
131
|
});
|
132
|
-
});
|
132
|
+
}, ...(ngDevMode ? [{ debugName: "#stepChangeEffect" }] : []));
|
133
133
|
/** @ignore */
|
134
134
|
// @ContentChildren(AXStepWizardItemComponent, { descendants: true })
|
135
|
-
this.steps = contentChildren(AXStepWizardItemComponent);
|
135
|
+
this.steps = contentChildren(AXStepWizardItemComponent, ...(ngDevMode ? [{ debugName: "steps" }] : []));
|
136
136
|
}
|
137
137
|
#changeStepEffect;
|
138
138
|
#effect;
|
@@ -202,10 +202,10 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
202
202
|
}
|
203
203
|
return classList;
|
204
204
|
}
|
205
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
206
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.4", type: AXStepWizardComponent, isStandalone: true, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, changeStep: { classPropertyName: "changeStep", publicName: "changeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { stepChanged: "stepChanged" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: [".ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}:root{--ax-step-wizard-connector-size: 2px;--ax-step-wizard-circular-sm-icon-size: 1.5rem;--ax-step-wizard-circular-md-icon-size: 2rem;--ax-step-wizard-circular-lg-icon-size: 2.5rem;--ax-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-step-wizard-with-icon-md-icon-size: 3rem;--ax-step-wizard-with-icon-lg-icon-size: 3.5rem}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-sm-icon-size);height:var(--ax-step-wizard-with-icon-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-sm-icon-size);height:var(--ax-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-md-icon-size);height:var(--ax-step-wizard-with-icon-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-md-icon-size);height:var(--ax-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-lg-icon-size);height:var(--ax-step-wizard-with-icon-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-lg-icon-size);height:var(--ax-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed{opacity:.9}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
205
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
206
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: AXStepWizardComponent, isStandalone: true, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, changeStep: { classPropertyName: "changeStep", publicName: "changeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { stepChanged: "stepChanged" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: [".ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}:root{--ax-step-wizard-connector-size: 2px;--ax-step-wizard-circular-sm-icon-size: 1.5rem;--ax-step-wizard-circular-md-icon-size: 2rem;--ax-step-wizard-circular-lg-icon-size: 2.5rem;--ax-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-step-wizard-with-icon-md-icon-size: 3rem;--ax-step-wizard-with-icon-lg-icon-size: 3.5rem}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-sm-icon-size);height:var(--ax-step-wizard-with-icon-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-sm-icon-size);height:var(--ax-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-md-icon-size);height:var(--ax-step-wizard-with-icon-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-md-icon-size);height:var(--ax-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-lg-icon-size);height:var(--ax-step-wizard-with-icon-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-lg-icon-size);height:var(--ax-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed{opacity:.9}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
207
207
|
}
|
208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardComponent, decorators: [{
|
209
209
|
type: Component,
|
210
210
|
args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], styles: [".ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}:root{--ax-step-wizard-connector-size: 2px;--ax-step-wizard-circular-sm-icon-size: 1.5rem;--ax-step-wizard-circular-md-icon-size: 2rem;--ax-step-wizard-circular-lg-icon-size: 2.5rem;--ax-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-step-wizard-with-icon-md-icon-size: 3rem;--ax-step-wizard-with-icon-lg-icon-size: 3.5rem}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-sm-icon-size);height:var(--ax-step-wizard-with-icon-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-sm-icon-size);height:var(--ax-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-md-icon-size);height:var(--ax-step-wizard-with-icon-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-md-icon-size);height:var(--ax-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-lg-icon-size);height:var(--ax-step-wizard-with-icon-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-lg-icon-size);height:var(--ax-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed{opacity:.9}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"] }]
|
211
211
|
}], propDecorators: { orientation: [{
|
@@ -220,11 +220,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
220
220
|
const COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];
|
221
221
|
const MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXProgressBarModule];
|
222
222
|
class AXStepWizardModule {
|
223
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
224
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
225
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
223
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
224
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardModule, imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXProgressBarModule, AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective], exports: [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective] }); }
|
225
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardModule, imports: [MODULES, AXStepWizardItemComponent] }); }
|
226
226
|
}
|
227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXStepWizardModule, decorators: [{
|
228
228
|
type: NgModule,
|
229
229
|
args: [{
|
230
230
|
imports: [...MODULES, ...COMPONENT],
|