@acorex/components 20.1.28 → 20.1.29

package/fesm2022/acorex-components-step-wizard.mjs

@@ -71,12 +71,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
 class AXStepWizardComponent extends MXBaseComponent {
     constructor() {
         super(...arguments);
+        this.connector = input(true, ...(ngDevMode ? [{ debugName: "connector" }] : []));
         /**
-         * Sets the visual style of the step wizard.
-         *
-         * @param v
+         * Whether to automatically scroll to the active step when it changes
          */
-        this.connector = input(true, ...(ngDevMode ? [{ debugName: "connector" }] : []));
+        this.scrollToStep = input(true, ...(ngDevMode ? [{ debugName: "scrollToStep" }] : []));
         this.size = input('ax-md', ...(ngDevMode ? [{ debugName: "size" }] : []));
         this.look = input('circular-icon', ...(ngDevMode ? [{ debugName: "look" }] : []));
         this.changeStep = input(false, ...(ngDevMode ? [{ debugName: "changeStep" }] : []));
@@ -119,11 +118,13 @@ class AXStepWizardComponent extends MXBaseComponent {
                     this.steps()[i].passed.set(true);
                 }
             });
-            this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({
-                behavior: 'smooth',
-                block: 'nearest',
-                inline: 'center',
-            });
+            if (this.scrollToStep()) {
+                this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'nearest',
+                    inline: 'center',
+                });
+            }
             this.steps()[this.activeStepIndex()].active.set(true);
             setTimeout(() => {
                 this.changeStepContent(step);
@@ -203,7 +204,7 @@ class AXStepWizardComponent extends MXBaseComponent {
         return classList;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.8", type: AXStepWizardComponent, isStandalone: true, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, changeStep: { classPropertyName: "changeStep", publicName: "changeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { stepChanged: "stepChanged" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: [".ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}:root{--ax-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}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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{content:\"\";width:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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{content:\"\";width:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed{opacity:.9}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-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}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-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}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-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{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.8", 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: [".ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}:root{--ax-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}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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{content:\"\";width:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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{content:\"\";width:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-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:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed{opacity:.9}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-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}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-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}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-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{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXStepWizardComponent, decorators: [{
             type: Component,