@acorex/components 21.0.1-next.18 → 21.0.1-next.19
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/action-sheet/index.d.ts +92 -32
- package/fesm2022/acorex-components-accordion.mjs +10 -10
- package/fesm2022/acorex-components-action-sheet.mjs +169 -51
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +7 -7
- package/fesm2022/acorex-components-aspect-ratio.mjs +3 -3
- package/fesm2022/acorex-components-audio-wave.mjs +7 -7
- package/fesm2022/acorex-components-autocomplete.mjs +7 -7
- package/fesm2022/acorex-components-avatar.mjs +10 -10
- package/fesm2022/acorex-components-badge.mjs +7 -7
- package/fesm2022/acorex-components-bottom-navigation.mjs +10 -10
- package/fesm2022/acorex-components-breadcrumbs.mjs +10 -10
- package/fesm2022/acorex-components-button-group.mjs +10 -10
- package/fesm2022/acorex-components-button.mjs +13 -13
- package/fesm2022/acorex-components-calendar.mjs +13 -13
- package/fesm2022/acorex-components-check-box.mjs +7 -7
- package/fesm2022/acorex-components-chips.mjs +7 -7
- package/fesm2022/acorex-components-circular-progress.mjs +7 -7
- package/fesm2022/acorex-components-code-editor.mjs +10 -10
- package/fesm2022/acorex-components-collapse.mjs +10 -10
- package/fesm2022/acorex-components-color-box.mjs +7 -7
- package/fesm2022/acorex-components-color-palette.mjs +28 -28
- package/fesm2022/acorex-components-command.mjs +7 -7
- package/fesm2022/acorex-components-comment.mjs +28 -28
- package/fesm2022/acorex-components-conversation.mjs +49 -49
- package/fesm2022/acorex-components-conversation2.mjs +184 -184
- package/fesm2022/acorex-components-cron-job.mjs +46 -46
- package/fesm2022/acorex-components-data-list.mjs +3 -3
- package/fesm2022/acorex-components-data-pager.mjs +31 -31
- package/fesm2022/acorex-components-data-table.mjs +34 -34
- package/fesm2022/acorex-components-datetime-box.mjs +7 -7
- package/fesm2022/acorex-components-datetime-input.mjs +7 -7
- package/fesm2022/acorex-components-datetime-picker.mjs +7 -7
- package/fesm2022/acorex-components-decorators.mjs +25 -25
- package/fesm2022/acorex-components-dialog.mjs +10 -10
- package/fesm2022/acorex-components-drawer-legacy.mjs +13 -13
- package/fesm2022/acorex-components-drawer.mjs +10 -10
- package/fesm2022/acorex-components-dropdown-button.mjs +7 -7
- package/fesm2022/acorex-components-dropdown.mjs +15 -15
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-editor.mjs +7 -7
- package/fesm2022/acorex-components-file-explorer.mjs +25 -25
- package/fesm2022/acorex-components-flow-chart.mjs +16 -16
- package/fesm2022/acorex-components-form.mjs +16 -16
- package/fesm2022/acorex-components-grid-layout-builder.mjs +10 -10
- package/fesm2022/acorex-components-image-editor.mjs +34 -34
- package/fesm2022/acorex-components-image.mjs +7 -7
- package/fesm2022/acorex-components-json-viewer.mjs +7 -7
- package/fesm2022/acorex-components-kanban.mjs +3 -3
- package/fesm2022/acorex-components-kbd.mjs +6 -6
- package/fesm2022/acorex-components-label.mjs +7 -7
- package/fesm2022/acorex-components-list.mjs +7 -7
- package/fesm2022/acorex-components-loading-dialog.mjs +10 -10
- package/fesm2022/acorex-components-loading.mjs +16 -16
- package/fesm2022/acorex-components-map.mjs +13 -13
- package/fesm2022/acorex-components-media-viewer.mjs +34 -34
- package/fesm2022/acorex-components-menu.mjs +16 -16
- package/fesm2022/{acorex-components-modal-acorex-components-modal-CGfi_Wxa.mjs → acorex-components-modal-acorex-components-modal-BajlPo_n.mjs} +21 -21
- package/fesm2022/{acorex-components-modal-acorex-components-modal-CGfi_Wxa.mjs.map → acorex-components-modal-acorex-components-modal-BajlPo_n.mjs.map} +1 -1
- package/fesm2022/{acorex-components-modal-modal-content.component-BCxvFqL1.mjs → acorex-components-modal-modal-content.component-BVrBX4Qf.mjs} +5 -5
- package/fesm2022/{acorex-components-modal-modal-content.component-BCxvFqL1.mjs.map → acorex-components-modal-modal-content.component-BVrBX4Qf.mjs.map} +1 -1
- package/fesm2022/acorex-components-modal.mjs +1 -1
- package/fesm2022/acorex-components-navbar.mjs +7 -7
- package/fesm2022/acorex-components-notification.mjs +10 -10
- package/fesm2022/acorex-components-number-box-legacy.mjs +7 -7
- package/fesm2022/acorex-components-number-box.mjs +7 -7
- package/fesm2022/acorex-components-otp.mjs +7 -7
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-paint.mjs +25 -25
- package/fesm2022/acorex-components-password-box.mjs +10 -10
- package/fesm2022/acorex-components-pdf-reader.mjs +7 -7
- package/fesm2022/acorex-components-phone-box.mjs +7 -7
- package/fesm2022/acorex-components-picker.mjs +13 -13
- package/fesm2022/acorex-components-popover.mjs +7 -7
- package/fesm2022/acorex-components-popup.mjs +13 -13
- package/fesm2022/acorex-components-progress-bar.mjs +7 -7
- package/fesm2022/acorex-components-qrcode.mjs +7 -7
- package/fesm2022/acorex-components-query-builder.mjs +7 -7
- package/fesm2022/acorex-components-radio.mjs +7 -7
- package/fesm2022/acorex-components-rail-navigation.mjs +13 -13
- package/fesm2022/acorex-components-range-slider.mjs +7 -7
- package/fesm2022/acorex-components-rate-picker.mjs +7 -7
- package/fesm2022/acorex-components-rest-api-generator.mjs +22 -22
- package/fesm2022/acorex-components-result.mjs +7 -7
- package/fesm2022/acorex-components-routing-progress.mjs +7 -7
- package/fesm2022/acorex-components-rrule.mjs +9 -9
- package/fesm2022/acorex-components-scheduler-picker.mjs +54 -54
- package/fesm2022/acorex-components-scheduler.mjs +34 -34
- package/fesm2022/acorex-components-scss.mjs +4 -4
- package/fesm2022/acorex-components-search-box.mjs +7 -7
- package/fesm2022/acorex-components-select-box.mjs +7 -7
- package/fesm2022/acorex-components-selection-list-2.mjs +7 -7
- package/fesm2022/acorex-components-selection-list.mjs +7 -7
- package/fesm2022/acorex-components-side-menu.mjs +13 -13
- package/fesm2022/acorex-components-skeleton.mjs +7 -7
- package/fesm2022/acorex-components-slider.mjs +7 -7
- package/fesm2022/acorex-components-sliding-item.mjs +13 -13
- package/fesm2022/acorex-components-step-wizard.mjs +13 -13
- package/fesm2022/acorex-components-switch.mjs +10 -10
- package/fesm2022/acorex-components-tabs.mjs +13 -13
- package/fesm2022/acorex-components-tag-box.mjs +7 -7
- package/fesm2022/acorex-components-tag.mjs +7 -7
- package/fesm2022/acorex-components-text-area.mjs +7 -7
- package/fesm2022/acorex-components-text-box.mjs +10 -10
- package/fesm2022/acorex-components-time-duration.mjs +7 -7
- package/fesm2022/acorex-components-time-line.mjs +10 -10
- package/fesm2022/acorex-components-toast.mjs +10 -10
- package/fesm2022/acorex-components-toolbar.mjs +7 -7
- package/fesm2022/acorex-components-tooltip.mjs +53 -56
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view-legacy.mjs +10 -10
- package/fesm2022/acorex-components-tree-view.mjs +10 -10
- package/fesm2022/acorex-components-uploader.mjs +13 -13
- package/fesm2022/acorex-components-video-player.mjs +7 -7
- package/fesm2022/acorex-components-wysiwyg.mjs +34 -34
- package/package.json +3 -3
- package/tooltip/index.d.ts +1 -3
|
@@ -21,10 +21,10 @@ class AXSkeletonComponent extends MXBaseComponent {
|
|
|
21
21
|
get __hostClass() {
|
|
22
22
|
return `ax-skeleton ${this.animated ? 'ax-skeleton-animate' : ''}`;
|
|
23
23
|
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSkeletonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AXSkeletonComponent, isStandalone: true, selector: "ax-skeleton", inputs: { animated: "animated" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSkeletonComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-content:\"\"}}}@layer components{ax-skeleton.ax-skeleton{background-color:color-mix(in srgb,rgba(var(--ax-sys-color-darkest-surface))50%,transparent);display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){ax-skeleton.ax-skeleton{background-color:color-mix(in oklab,var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))50%,transparent)}}ax-skeleton.ax-skeleton:where(.dark,.dark *){background-color:color-mix(in srgb,rgba(var(--ax-sys-color-lightest-surface))50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-skeleton.ax-skeleton:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))50%,transparent)}}ax-skeleton.ax-skeleton-animate:before{inset-inline-start:calc(var(--spacing,.25rem)*-52);top:calc(var(--spacing,.25rem)*0);height:100%;width:calc(var(--spacing,.25rem)*56);--tw-gradient-position:to right;animation:load;display:block;position:absolute}@supports (background-image:linear-gradient(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before{--tw-gradient-position:to right in oklab}}ax-skeleton.ax-skeleton-animate:before{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-via:color-mix(in oklab,var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))60%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-via-position:50%;--tw-gradient-to:transparent;--tw-content:\"\";content:var(--tw-content);animation-duration:1s;animation-timing-function:ease-in;animation-iteration-count:infinite}ax-skeleton.ax-skeleton-animate:before:where(){--tw-gradient-via:color-mix(in srgb,rgba(var(--ax-sys-color-lightest-surface))60%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before:where(){--tw-gradient-via:color-mix(in oklab,var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))60%,transparent)}}ax-skeleton.ax-skeleton-animate:before:where(){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}@keyframes load{0%{inset-inline-start:-13rem}to{inset-inline-start:100%}}}@property --tw-gradient-position{syntax:\"*\";inherits:false}@property --tw-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:\"*\";inherits:false}@property --tw-gradient-via-stops{syntax:\"*\";inherits:false}@property --tw-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSkeletonComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ selector: 'ax-skeleton', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXSkeletonComponent }], styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-content:\"\"}}}@layer components{ax-skeleton.ax-skeleton{background-color:color-mix(in srgb,rgba(var(--ax-sys-color-darkest-surface))50%,transparent);display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){ax-skeleton.ax-skeleton{background-color:color-mix(in oklab,var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))50%,transparent)}}ax-skeleton.ax-skeleton:where(.dark,.dark *){background-color:color-mix(in srgb,rgba(var(--ax-sys-color-lightest-surface))50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-skeleton.ax-skeleton:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))50%,transparent)}}ax-skeleton.ax-skeleton-animate:before{inset-inline-start:calc(var(--spacing,.25rem)*-52);top:calc(var(--spacing,.25rem)*0);height:100%;width:calc(var(--spacing,.25rem)*56);--tw-gradient-position:to right;animation:load;display:block;position:absolute}@supports (background-image:linear-gradient(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before{--tw-gradient-position:to right in oklab}}ax-skeleton.ax-skeleton-animate:before{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-via:color-mix(in oklab,var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))60%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-via-position:50%;--tw-gradient-to:transparent;--tw-content:\"\";content:var(--tw-content);animation-duration:1s;animation-timing-function:ease-in;animation-iteration-count:infinite}ax-skeleton.ax-skeleton-animate:before:where(){--tw-gradient-via:color-mix(in srgb,rgba(var(--ax-sys-color-lightest-surface))60%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before:where(){--tw-gradient-via:color-mix(in oklab,var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))60%,transparent)}}ax-skeleton.ax-skeleton-animate:before:where(){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}@keyframes load{0%{inset-inline-start:-13rem}to{inset-inline-start:100%}}}@property --tw-gradient-position{syntax:\"*\";inherits:false}@property --tw-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:\"*\";inherits:false}@property --tw-gradient-via-stops{syntax:\"*\";inherits:false}@property --tw-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
|
|
30
30
|
}], propDecorators: { animated: [{
|
|
@@ -35,11 +35,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
35
35
|
}] } });
|
|
36
36
|
|
|
37
37
|
class AXSkeletonModule {
|
|
38
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
39
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
40
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
39
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXSkeletonModule, imports: [CommonModule, AXSkeletonComponent], exports: [AXSkeletonComponent] }); }
|
|
40
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSkeletonModule, imports: [CommonModule] }); }
|
|
41
41
|
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSkeletonModule, decorators: [{
|
|
43
43
|
type: NgModule,
|
|
44
44
|
args: [{
|
|
45
45
|
imports: [CommonModule, AXSkeletonComponent],
|
|
@@ -126,8 +126,8 @@ class AXSliderComponent extends classes((MXValueComponent), MXColorComponent) {
|
|
|
126
126
|
get __hostClassDisabled() {
|
|
127
127
|
return this.disabled;
|
|
128
128
|
}
|
|
129
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
130
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
129
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
130
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AXSliderComponent, isStandalone: true, selector: "ax-slider", inputs: { readonly: "readonly", disabled: "disabled", value: "value", name: "name", color: "color", minValue: "minValue", maxValue: "maxValue", step: "step", direction: "direction" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onChange: "onChange", onClick: "onClick" }, host: { properties: { "class": "this.__hostClass", "class.ax-state-disabled": "this.__hostClassDisabled" } }, providers: [
|
|
131
131
|
{ provide: AXValuableComponent, useExisting: AXSliderComponent },
|
|
132
132
|
{
|
|
133
133
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -137,7 +137,7 @@ class AXSliderComponent extends classes((MXValueComponent), MXColorComponent) {
|
|
|
137
137
|
{ provide: AXComponent, useExisting: AXSliderComponent },
|
|
138
138
|
], usesInheritance: true, ngImport: i0, template: "<input\n (click)=\"clickHandler($event)\"\n type=\"range\"\n [min]=\"minValue\"\n [max]=\"maxValue\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (focus)=\"emitOnFocusEvent($event)\"\n [step]=\"step\"\n [disabled]=\"disabled || readonly\"\n [readonly]=\"readonly\"\n/>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
139
139
|
}
|
|
140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSliderComponent, decorators: [{
|
|
141
141
|
type: Component,
|
|
142
142
|
args: [{ selector: 'ax-slider', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['readonly', 'disabled', 'value', 'name', 'color'], outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange', 'onChange'], encapsulation: ViewEncapsulation.None, providers: [
|
|
143
143
|
{ provide: AXValuableComponent, useExisting: AXSliderComponent },
|
|
@@ -167,11 +167,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
167
167
|
const COMPONENT = [AXSliderComponent];
|
|
168
168
|
const MODULES = [CommonModule, AXCommonModule, FormsModule];
|
|
169
169
|
class AXSliderModule {
|
|
170
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
171
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
172
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
170
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
171
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXSliderModule, imports: [CommonModule, AXCommonModule, FormsModule, AXSliderComponent], exports: [AXSliderComponent] }); }
|
|
172
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSliderModule, imports: [MODULES, COMPONENT] }); }
|
|
173
173
|
}
|
|
174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSliderModule, decorators: [{
|
|
175
175
|
type: NgModule,
|
|
176
176
|
args: [{
|
|
177
177
|
imports: [...MODULES, ...COMPONENT],
|
|
@@ -16,10 +16,10 @@ class AXSlidingItemPrefixComponent {
|
|
|
16
16
|
_onclick() {
|
|
17
17
|
this.onClick.emit({ component: this });
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXSlidingItemPrefixComponent, isStandalone: true, selector: "ax-sliding-item-prefix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemPrefixComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'ax-sliding-item-prefix', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }], template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
|
|
25
25
|
}], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], __hostClass: [{
|
|
@@ -42,10 +42,10 @@ class AXSlidingItemSuffixComponent {
|
|
|
42
42
|
_onclick() {
|
|
43
43
|
this.onClick.emit({ component: this });
|
|
44
44
|
}
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXSlidingItemSuffixComponent, isStandalone: true, selector: "ax-sliding-item-suffix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemSuffixComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'ax-sliding-item-suffix', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }], template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
|
|
51
51
|
}], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], __hostClass: [{
|
|
@@ -131,10 +131,10 @@ class AXSlidingItemComponent {
|
|
|
131
131
|
#effect;
|
|
132
132
|
#effect2;
|
|
133
133
|
#init;
|
|
134
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
135
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.16", type: AXSlidingItemComponent, isStandalone: true, selector: "ax-sliding-item", providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }], queries: [{ propertyName: "itemPrefix", predicate: AXSlidingItemPrefixComponent, read: ElementRef, isSignal: true }, { propertyName: "itemSuffix", predicate: AXSlidingItemSuffixComponent, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "slidingItem", first: true, predicate: AXSlidingItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));width:100%;height:100%;padding:calc(var(--spacing,.25rem)*4);color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));align-items:center;display:flex}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{aspect-ratio:1;min-width:calc(var(--spacing,.25rem)*16);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-direction:column;justify-content:center;align-items:center;display:flex}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-icon{color:var(--ax-comp-text)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover{background-color:var(--ax-comp-bg-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-icon{color:var(--ax-comp-text-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active{background-color:var(--ax-comp-bg-darker)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-icon{color:var(--ax-comp-text-darker)}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
136
136
|
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
|
|
138
138
|
type: Component,
|
|
139
139
|
args: [{ selector: 'ax-sliding-item', encapsulation: ViewEncapsulation.None, imports: [AXSlidingItemDirective], providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }], template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));width:100%;height:100%;padding:calc(var(--spacing,.25rem)*4);color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));align-items:center;display:flex}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{aspect-ratio:1;min-width:calc(var(--spacing,.25rem)*16);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-direction:column;justify-content:center;align-items:center;display:flex}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-icon{color:var(--ax-comp-text)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover{background-color:var(--ax-comp-bg-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-icon{color:var(--ax-comp-text-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active{background-color:var(--ax-comp-bg-darker)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-icon{color:var(--ax-comp-text-darker)}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
|
|
140
140
|
}], propDecorators: { slidingItem: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXSlidingItemDirective), { isSignal: true }] }], itemPrefix: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXSlidingItemPrefixComponent), { ...{ read: ElementRef }, isSignal: true }] }], itemSuffix: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXSlidingItemSuffixComponent), { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
@@ -142,11 +142,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
142
142
|
const COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];
|
|
143
143
|
const MODULES = [AXDecoratorModule];
|
|
144
144
|
class AXSlidingItemModule {
|
|
145
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
146
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
147
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
146
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemModule, imports: [AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
|
|
147
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
|
|
148
148
|
}
|
|
149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXSlidingItemModule, decorators: [{
|
|
150
150
|
type: NgModule,
|
|
151
151
|
args: [{
|
|
152
152
|
imports: [...MODULES, ...COMPONENT],
|
|
@@ -25,10 +25,10 @@ class AXStepWizardItemComponent extends MXBaseComponent {
|
|
|
25
25
|
get __hostClass() {
|
|
26
26
|
return [this.className(), `ax-state-${this.state()}`];
|
|
27
27
|
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardItemComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
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" }]
|
|
34
34
|
}], propDecorators: { step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], passed: [{ type: i0.Input, args: [{ isSignal: true, alias: "passed", required: false }] }, { type: i0.Output, args: ["passedChange"] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }, { type: i0.Output, args: ["lookChange"] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }, { type: i0.Output, args: ["stateChange"] }], template: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], id: [{
|
|
@@ -52,10 +52,10 @@ class AXStepWizardContentDirective {
|
|
|
52
52
|
this._viewContainerRef.createEmbeddedView(v, null, 0);
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
56
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
55
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
56
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: AXStepWizardContentDirective, isStandalone: true, selector: "[axStepWizardContent]", inputs: { portal: ["axStepWizardContent", "portal"] }, exportAs: ["axStepWizardContent"], ngImport: i0 }); }
|
|
57
57
|
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardContentDirective, decorators: [{
|
|
59
59
|
type: Directive,
|
|
60
60
|
args: [{
|
|
61
61
|
selector: '[axStepWizardContent]',
|
|
@@ -203,10 +203,10 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
|
203
203
|
}
|
|
204
204
|
return classList;
|
|
205
205
|
}
|
|
206
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
207
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: AXStepWizardComponent, isStandalone: true, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, scrollToStep: { classPropertyName: "scrollToStep", publicName: "scrollToStep", 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: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\";--tw-font-weight:initial;--tw-border-style:solid}}}@layer base{ax-step-wizard{--ax-comp-step-wizard-connector-size:2px;--ax-comp-step-wizard-circular-sm-icon-size:1.5rem;--ax-comp-step-wizard-circular-md-icon-size:2rem;--ax-comp-step-wizard-circular-lg-icon-size:2.5rem;--ax-comp-step-wizard-with-icon-sm-icon-size:2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size:3rem;--ax-comp-step-wizard-with-icon-lg-icon-size:3.5rem}}@layer components{ax-step-wizard{justify-content:space-between;width:100%;display:flex}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*3)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size)/2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}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-comp-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-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*2);--tw-content:\"\";content:var(--tw-content)}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,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-comp-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:calc(var(--spacing,.25rem)*2)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*4)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size)/2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}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-comp-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-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);--tw-content:\"\";content:var(--tw-content)}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,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-comp-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:calc(var(--spacing,.25rem)*3)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*4)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size)/2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}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-comp-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-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-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{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);--tw-content:\"\";content:var(--tw-content)}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,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-comp-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:calc(var(--spacing,.25rem)*4)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before,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{height:var(--ax-comp-step-wizard-connector-size);background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));transition-property:background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:\"\";content:var(--tw-content);position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-look-circular ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));background-color:var(--color-lighter,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:where(.dark,.dark *){border-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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:var(--color-primary,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{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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content)}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-darkest,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}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,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:var(--color-on-primary,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{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:var(--color-surface,rgba(var(--ax-sys-color-surface)));border:unset}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{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);background-color:#0000;border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:var(--color-on-surface,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:var(--color-on-lightest,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:.5;transition-property:font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));box-shadow:0 1px 2px #0000000d}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:where(.dark,.dark *){border-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:.9}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}:is():where(.dark,.dark *){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:1}:is(ax-step-wizard.ax-look-circular-icon,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));background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:var(--color-light,rgba(var(--ax-sys-color-light-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{position:unset;width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--radius-default)!important;border-radius:var(--radius-default,var(--ax-sys-border-radius))!important}ax-step-wizard.ax-look-text-line{gap:1rem;gap:calc(var(--spacing,.25rem)*4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{height:calc(var(--spacing,.25rem)*1);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));width:100%;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}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!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing,.25rem)*3)}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-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-lightest,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:var(--color-primary,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:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:calc(var(--spacing,.25rem)*3)}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-comp-step-wizard-circular-sm-icon-size)/2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,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-comp-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-comp-step-wizard-circular-md-icon-size)/2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,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-comp-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-comp-step-wizard-circular-lg-icon-size)/2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,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-comp-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{border-radius:var(--radius-2xl,1rem);--tw-content:\"\";content:var(--tw-content);position:absolute;transition-property:background-color,height!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:unset;bottom:-1px}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:unset;top:-1px}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*4);height:100%;padding-block:calc(var(--spacing,.25rem)*4);text-align:start;flex-direction:row}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{flex-direction:column;justify-content:center;display:flex}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
206
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
207
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.16", type: AXStepWizardComponent, isStandalone: true, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, scrollToStep: { classPropertyName: "scrollToStep", publicName: "scrollToStep", 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: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\";--tw-font-weight:initial;--tw-border-style:solid}}}@layer base{ax-step-wizard{--ax-comp-step-wizard-connector-size:2px;--ax-comp-step-wizard-circular-sm-icon-size:1.5rem;--ax-comp-step-wizard-circular-md-icon-size:2rem;--ax-comp-step-wizard-circular-lg-icon-size:2.5rem;--ax-comp-step-wizard-with-icon-sm-icon-size:2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size:3rem;--ax-comp-step-wizard-with-icon-lg-icon-size:3.5rem}}@layer components{ax-step-wizard{justify-content:space-between;width:100%;display:flex}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*3)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size)/2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}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-comp-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-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*2);--tw-content:\"\";content:var(--tw-content)}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,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-comp-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:calc(var(--spacing,.25rem)*2)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*4)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size)/2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}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-comp-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-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);--tw-content:\"\";content:var(--tw-content)}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,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-comp-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:calc(var(--spacing,.25rem)*3)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*4)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size)/2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}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-comp-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-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-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{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);--tw-content:\"\";content:var(--tw-content)}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,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-comp-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:calc(var(--spacing,.25rem)*4)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before,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{height:var(--ax-comp-step-wizard-connector-size);background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));transition-property:background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:\"\";content:var(--tw-content);position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-look-circular ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));background-color:var(--color-lighter,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:where(.dark,.dark *){border-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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:var(--color-primary,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{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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content)}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-darkest,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}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,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:var(--color-on-primary,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{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:var(--color-surface,rgba(var(--ax-sys-color-surface)));border:unset}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{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);background-color:#0000;border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:var(--color-on-surface,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:var(--color-on-lightest,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:.5;transition-property:font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));box-shadow:0 1px 2px #0000000d}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:where(.dark,.dark *){border-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:.9}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}:is():where(.dark,.dark *){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:1}:is(ax-step-wizard.ax-look-circular-icon,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));background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:var(--color-light,rgba(var(--ax-sys-color-light-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{position:unset;width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--radius-default)!important;border-radius:var(--radius-default,var(--ax-sys-border-radius))!important}ax-step-wizard.ax-look-text-line{gap:1rem;gap:calc(var(--spacing,.25rem)*4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{height:calc(var(--spacing,.25rem)*1);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));width:100%;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}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!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing,.25rem)*3)}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-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-lightest,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:var(--color-primary,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:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:calc(var(--spacing,.25rem)*3)}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-comp-step-wizard-circular-sm-icon-size)/2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,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-comp-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-comp-step-wizard-circular-md-icon-size)/2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,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-comp-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-comp-step-wizard-circular-lg-icon-size)/2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,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-comp-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{border-radius:var(--radius-2xl,1rem);--tw-content:\"\";content:var(--tw-content);position:absolute;transition-property:background-color,height!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:unset;bottom:-1px}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:unset;top:-1px}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*4);height:100%;padding-block:calc(var(--spacing,.25rem)*4);text-align:start;flex-direction:row}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{flex-direction:column;justify-content:center;display:flex}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
208
208
|
}
|
|
209
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
209
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardComponent, decorators: [{
|
|
210
210
|
type: Component,
|
|
211
211
|
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: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\";--tw-font-weight:initial;--tw-border-style:solid}}}@layer base{ax-step-wizard{--ax-comp-step-wizard-connector-size:2px;--ax-comp-step-wizard-circular-sm-icon-size:1.5rem;--ax-comp-step-wizard-circular-md-icon-size:2rem;--ax-comp-step-wizard-circular-lg-icon-size:2.5rem;--ax-comp-step-wizard-with-icon-sm-icon-size:2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size:3rem;--ax-comp-step-wizard-with-icon-lg-icon-size:3.5rem}}@layer components{ax-step-wizard{justify-content:space-between;width:100%;display:flex}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*3)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size)/2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}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-comp-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-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*2);--tw-content:\"\";content:var(--tw-content)}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,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-comp-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:calc(var(--spacing,.25rem)*2)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*4)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size)/2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}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-comp-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-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);--tw-content:\"\";content:var(--tw-content)}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,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-comp-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:calc(var(--spacing,.25rem)*3)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*4)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size)/2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}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-comp-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-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-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{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);--tw-content:\"\";content:var(--tw-content)}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,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-comp-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:calc(var(--spacing,.25rem)*4)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before,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{height:var(--ax-comp-step-wizard-connector-size);background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));transition-property:background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:\"\";content:var(--tw-content);position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-look-circular ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));background-color:var(--color-lighter,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:where(.dark,.dark *){border-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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:var(--color-primary,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{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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content)}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-darkest,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}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,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:var(--color-on-primary,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{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:var(--color-surface,rgba(var(--ax-sys-color-surface)));border:unset}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{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);background-color:#0000;border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:var(--color-on-surface,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:var(--color-on-lightest,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:.5;transition-property:font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));box-shadow:0 1px 2px #0000000d}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:where(.dark,.dark *){border-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:.9}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}:is():where(.dark,.dark *){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:1}:is(ax-step-wizard.ax-look-circular-icon,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));background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:var(--color-light,rgba(var(--ax-sys-color-light-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{position:unset;width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--radius-default)!important;border-radius:var(--radius-default,var(--ax-sys-border-radius))!important}ax-step-wizard.ax-look-text-line{gap:1rem;gap:calc(var(--spacing,.25rem)*4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{height:calc(var(--spacing,.25rem)*1);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));width:100%;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}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!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing,.25rem)*3)}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-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-lightest,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:var(--color-primary,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:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:calc(var(--spacing,.25rem)*3)}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-comp-step-wizard-circular-sm-icon-size)/2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,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-comp-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-comp-step-wizard-circular-md-icon-size)/2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,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-comp-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-comp-step-wizard-circular-lg-icon-size)/2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,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-comp-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{border-radius:var(--radius-2xl,1rem);--tw-content:\"\";content:var(--tw-content);position:absolute;transition-property:background-color,height!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:unset;bottom:-1px}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:unset;top:-1px}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{gap:calc(var(--spacing,.25rem)*4);height:100%;padding-block:calc(var(--spacing,.25rem)*4);text-align:start;flex-direction:row}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{flex-direction:column;justify-content:center;display:flex}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
|
|
212
212
|
}], propDecorators: { connector: [{ type: i0.Input, args: [{ isSignal: true, alias: "connector", required: false }] }], scrollToStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToStep", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], changeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeStep", required: false }] }], stepChanged: [{ type: i0.Output, args: ["stepChanged"] }], steps: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXStepWizardItemComponent), { isSignal: true }] }], orientation: [{
|
|
@@ -220,11 +220,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
220
220
|
|
|
221
221
|
const COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];
|
|
222
222
|
class AXStepWizardModule {
|
|
223
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
224
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
225
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
223
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
224
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardModule, imports: [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective], exports: [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective] }); }
|
|
225
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardModule, imports: [AXStepWizardItemComponent] }); }
|
|
226
226
|
}
|
|
227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXStepWizardModule, decorators: [{
|
|
228
228
|
type: NgModule,
|
|
229
229
|
args: [{
|
|
230
230
|
imports: [...COMPONENT],
|