@acorex/components 19.10.0-next.2 → 19.10.0-next.4

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

@@ -206,11 +206,11 @@ class AXStepWizardComponent extends MXBaseComponent {
         return classList;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXStepWizardComponent, isStandalone: false, 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" } }, queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: [":root{--ax-step-wizard-connector-size: 2px;--ax-step-wizard-circular-sm-icon-size: 1.5rem;--ax-step-wizard-circular-md-icon-size: 2rem;--ax-step-wizard-circular-lg-icon-size: 2.5rem;--ax-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-step-wizard-with-icon-md-icon-size: 3rem;--ax-step-wizard-with-icon-lg-icon-size: 3.5rem}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-sm-icon-size);height:var(--ax-step-wizard-with-icon-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-sm-icon-size);height:var(--ax-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-md-icon-size);height:var(--ax-step-wizard-with-icon-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-md-icon-size);height:var(--ax-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-lg-icon-size);height:var(--ax-step-wizard-with-icon-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-lg-icon-size);height:var(--ax-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-ghost-200))}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-surface-highest));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-surface-highest))}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-surface-lowest))}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-ghost-200));background-color:rgba(var(--ax-sys-color-ghost-100))}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-ghost-300))}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-500))}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))}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-500))}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-500));background-color:rgba(var(--ax-sys-color-primary-500))}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))}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-500))}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-600))}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-500))}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-surface-highest))}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))}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-surface-highest));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-body-text-color))}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-surface-lowest))}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-surface-highest))}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-surface-highest))}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-surface-lowest))}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-surface-lowest)),0 0 0 4px rgba(var(--ax-sys-color-warning-500));background-color:rgba(var(--ax-sys-color-warning-500))}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))}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-500));border-right:2px dashed rgba(var(--ax-sys-color-warning-500))}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-500))}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))}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-500));border-right:2px dashed rgba(var(--ax-sys-color-warning-500))}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-surface-highest))}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-surface-highest))}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-surface-lowest))}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-500));background-color:rgba(var(--ax-sys-color-danger-500))}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-500));border-right:2px dashed rgba(var(--ax-sys-color-danger-500))}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-500))}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-500));border-right:2px dashed rgba(var(--ax-sys-color-danger-500))}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-surface-highest));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-surface-highest))}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-surface-lowest))}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-ghost-200))}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-ghost-600))}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-ghost-600))}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-ghost-50))}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-body-text-color))}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-500))}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-ghost-600));border-right:2px dashed rgba(var(--ax-sys-color-ghost-600))}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-ghost-600));border-right:2px dashed rgba(var(--ax-sys-color-ghost-600))}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-500))}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-ghost-600));border-right:2px dashed rgba(var(--ax-sys-color-ghost-600))}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-ghost-600));border-right:2px dashed rgba(var(--ax-sys-color-ghost-600))}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-ghost-300));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-surface-highest))}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-surface-lowest))}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-500))}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-500))}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-600))}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-500))}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-surface-highest))}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-surface-lowest))}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-500))}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-surface-highest))}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-surface-lowest))}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-500))}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-surface-highest))}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-surface-lowest))}ax-step-wizard.ax-vertical{flex-direction:column}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXStepWizardComponent, isStandalone: false, 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" } }, queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: [":root{--ax-step-wizard-connector-size: 2px;--ax-step-wizard-circular-sm-icon-size: 1.5rem;--ax-step-wizard-circular-md-icon-size: 2rem;--ax-step-wizard-circular-lg-icon-size: 2.5rem;--ax-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-step-wizard-with-icon-md-icon-size: 3rem;--ax-step-wizard-with-icon-lg-icon-size: 3.5rem}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-sm-icon-size);height:var(--ax-step-wizard-with-icon-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-sm-icon-size);height:var(--ax-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-md-icon-size);height:var(--ax-step-wizard-with-icon-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-md-icon-size);height:var(--ax-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-lg-icon-size);height:var(--ax-step-wizard-with-icon-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-lg-icon-size);height:var(--ax-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed{opacity:.9}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, styles: [":root{--ax-step-wizard-connector-size: 2px;--ax-step-wizard-circular-sm-icon-size: 1.5rem;--ax-step-wizard-circular-md-icon-size: 2rem;--ax-step-wizard-circular-lg-icon-size: 2.5rem;--ax-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-step-wizard-with-icon-md-icon-size: 3rem;--ax-step-wizard-with-icon-lg-icon-size: 3.5rem}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-sm-icon-size);height:var(--ax-step-wizard-with-icon-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-sm-icon-size);height:var(--ax-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-md-icon-size);height:var(--ax-step-wizard-with-icon-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-md-icon-size);height:var(--ax-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-lg-icon-size);height:var(--ax-step-wizard-with-icon-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-lg-icon-size);height:var(--ax-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-ghost-200))}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-surface-highest));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-surface-highest))}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-surface-lowest))}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-ghost-200));background-color:rgba(var(--ax-sys-color-ghost-100))}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-ghost-300))}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-500))}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))}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-500))}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-500));background-color:rgba(var(--ax-sys-color-primary-500))}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))}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-500))}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-600))}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-500))}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-surface-highest))}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))}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-surface-highest));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-body-text-color))}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-surface-lowest))}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-surface-highest))}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-surface-highest))}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-surface-lowest))}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-surface-lowest)),0 0 0 4px rgba(var(--ax-sys-color-warning-500));background-color:rgba(var(--ax-sys-color-warning-500))}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))}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-500));border-right:2px dashed rgba(var(--ax-sys-color-warning-500))}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-500))}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))}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-500));border-right:2px dashed rgba(var(--ax-sys-color-warning-500))}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-surface-highest))}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-surface-highest))}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-surface-lowest))}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-500));background-color:rgba(var(--ax-sys-color-danger-500))}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-500));border-right:2px dashed rgba(var(--ax-sys-color-danger-500))}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-500))}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-500));border-right:2px dashed rgba(var(--ax-sys-color-danger-500))}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-surface-highest));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-surface-highest))}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-surface-lowest))}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-ghost-200))}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-ghost-600))}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-ghost-600))}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-ghost-50))}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-body-text-color))}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-500))}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-ghost-600));border-right:2px dashed rgba(var(--ax-sys-color-ghost-600))}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-ghost-600));border-right:2px dashed rgba(var(--ax-sys-color-ghost-600))}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-500))}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-ghost-600));border-right:2px dashed rgba(var(--ax-sys-color-ghost-600))}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-ghost-600));border-right:2px dashed rgba(var(--ax-sys-color-ghost-600))}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-ghost-300));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-surface-highest))}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-surface-lowest))}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-500))}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-500))}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-600))}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-500))}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-surface-highest))}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-surface-lowest))}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-500))}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-surface-highest))}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-surface-lowest))}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-500))}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-surface-highest))}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-surface-lowest))}ax-step-wizard.ax-vertical{flex-direction:column}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}\n"] }]
+            args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, styles: [":root{--ax-step-wizard-connector-size: 2px;--ax-step-wizard-circular-sm-icon-size: 1.5rem;--ax-step-wizard-circular-md-icon-size: 2rem;--ax-step-wizard-circular-lg-icon-size: 2.5rem;--ax-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-step-wizard-with-icon-md-icon-size: 3rem;--ax-step-wizard-with-icon-lg-icon-size: 3.5rem}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-sm-icon-size);height:var(--ax-step-wizard-with-icon-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-sm-icon-size);height:var(--ax-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-md-icon-size);height:var(--ax-step-wizard-with-icon-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-md-icon-size);height:var(--ax-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-with-icon-lg-icon-size);height:var(--ax-step-wizard-with-icon-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-step-wizard-circular-lg-icon-size);height:var(--ax-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed{opacity:.9}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}\n"] }]
         }], propDecorators: { orientation: [{
                 type: Input
             }], content: [{

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-step-wizard.mjs","sources":["../../../../libs/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.ts","../../../../libs/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.html","../../../../libs/components/step-wizard/src/lib/step-wizard.directive.ts","../../../../libs/components/step-wizard/src/lib/step-wizard.component.ts","../../../../libs/components/step-wizard/src/lib/step-wizard.module.ts","../../../../libs/components/step-wizard/src/acorex-components-step-wizard.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  TemplateRef,\n  ViewEncapsulation,\n  computed,\n  input,\n  model,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { AXStepWizardLook, AXStepWizardState } from '../step-wizard.class';\n@Component({\n  selector: 'ax-step-wizard-item',\n  inputs: ['disabled', 'color'],\n  templateUrl: './step-wizard-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n  step = input(1);\n  label = input('');\n  description = input('');\n  customTemplate = input<TemplateRef<unknown>>();\n\n  active = model<boolean>(false);\n  passed = model<boolean>(false);\n  look = model<AXStepWizardLook>();\n  state = model<AXStepWizardState>('clear');\n\n  stepId = signal<string>('');\n\n  className = computed<string>(() =>\n    this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : '',\n  );\n\n  template = viewChild<TemplateRef<unknown>>('content');\n\n  @Input()\n  public override set id(v: string) {\n    this.stepId.set(v);\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [this.className(), `ax-state-${this.state()}`];\n  }\n}\n","@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\">\n    </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","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n    selector: '[axStepWizardContent]',\n    exportAs: 'axStepWizardContent',\n    inputs: ['portal: axStepWizardContent'],\n    standalone: false\n})\nexport class AXStepWizardContentDirective {\n  constructor(private _viewContainerRef: ViewContainerRef) {}\n\n  private _portal: TemplateRef<any> | undefined;\n  public get portal(): TemplateRef<any> | undefined {\n    return this._portal;\n  }\n  public set portal(v: TemplateRef<any> | undefined) {\n    if (v) {\n      this._portal = v;\n      this._viewContainerRef.clear();\n      this._viewContainerRef.createEmbeddedView(v, null, 0);\n    }\n  }\n}\n","import { AXOrientation, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  OnInit,\n  ViewEncapsulation,\n  computed,\n  contentChildren,\n  effect,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook, AXStepWizardSize } from './step-wizard.class';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\n/**\n *  @category\n * A component for creating a step-by-step wizard interface.\n */\n@Component({\n  selector: 'ax-step-wizard',\n  template: ` <ng-content select=\"ax-step-wizard-item\"></ng-content> `,\n  styleUrls: ['./step-wizard.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n  /**\n   * Sets the visual style of the step wizard.\n   *\n   * @param v\n   */\n  connector = input(true);\n  size = input<AXStepWizardSize>('ax-md');\n  look = input<AXStepWizardLook>('circular-icon');\n\n  changeStep = input(false);\n\n  stepChanged = output<AXStepWizardItemComponent>();\n\n  #changeStepEffect = effect(() => {\n    this.steps().forEach((item, i = 1) => {\n      const stepItem = item.getHostElement();\n      if (this.changeStep()) {\n        stepItem.addEventListener('click', () => this.goStep(i));\n        stepItem.style.pointerEvents = 'auto';\n        stepItem.style.cursor = 'pointer';\n      } else {\n        stepItem.style.pointerEvents = 'none';\n        stepItem.style.cursor = 'default';\n      }\n      i++;\n    });\n  });\n\n  /** @ignore */\n  protected activeStepIndex = signal<number>(0);\n\n  /** @ignore */\n  protected activeOrientation = signal<AXOrientation>(this.orientation);\n\n  public isFirst = computed<boolean>(() => this.activeStepIndex() === 0);\n  public isLast = computed<boolean>(() => this.activeStepIndex() === this.steps()?.length - 1);\n\n  #effect = effect(() => {\n    this.steps()?.forEach((s) => {\n      s.look.set(this.look());\n    });\n  });\n\n  /** @ignore */\n  #stepChangeEffect = effect(() => {\n    const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n    this.steps().forEach((s, i) => {\n      s.active.set(false);\n      s.passed.set(false);\n      if (i < this.activeStepIndex()) {\n        this.steps()[i].passed.set(true);\n      }\n    });\n    this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({\n      behavior: 'smooth',\n      block: 'nearest',\n      inline: 'center',\n    });\n    this.steps()[this.activeStepIndex()].active.set(true);\n    setTimeout(() => {\n      this.changeStepContent(step);\n      this.stepChanged.emit(step);\n    });\n  });\n\n  /** @ignore */\n  private changeStepContent(step?: AXStepWizardItemComponent) {\n    if (this.content && step) {\n      this.content.portal = step.template();\n    }\n  }\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n  }\n\n  /** @ignore */\n  // @ContentChildren(AXStepWizardItemComponent, { descendants: true })\n  steps = contentChildren(AXStepWizardItemComponent);\n\n  /**\n   * Sets the orientation of the component.\n   *\n   * @param v\n   */\n  @Input()\n  public set orientation(v: AXOrientation) {\n    this.activeOrientation.set(v);\n  }\n\n  @Input()\n  content!: AXStepWizardContentDirective;\n\n  /**\n   * Advances to the next step if available.\n   */\n  public next() {\n    this.activeStepIndex.update((prev) => {\n      if (prev < this.steps().length - 1) return prev + 1;\n      else return prev;\n    });\n  }\n\n  /**\n   * Moves to the previous step if available.\n   */\n  public previous() {\n    this.activeStepIndex.update((prev) => {\n      if (prev > 0) return prev - 1;\n      else return prev;\n    });\n  }\n\n  /**\n   * Directly navigates to the specified step by its index.\n   * @param stepIndex\n   */\n  public goStep(stepIndex: number) {\n    this.activeStepIndex.set(stepIndex - 1);\n  }\n\n  /**\n   * Resets the wizard to the first step.\n   */\n  public reset() {\n    this.activeStepIndex.set(0);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const classList = [`ax-look-${this.look()}`, this.size()];\n    if (this.activeOrientation() == 'vertical') {\n      classList.push('ax-vertical');\n    }\n    if (this.connector()) {\n      classList.push('ax-connector');\n    }\n    return classList;\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardComponent } from './step-wizard.component';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\nconst COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];\nconst MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXProgressBarModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXStepWizardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAuBM,MAAO,yBAA0B,SAAQ,eAAe,CAAA;AAR9D,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AACf,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC;AACjB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,EAAE,CAAC;QACvB,IAAc,CAAA,cAAA,GAAG,KAAK,EAAwB;AAE9C,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAU,KAAK,CAAC;AAC9B,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAU,KAAK,CAAC;QAC9B,IAAI,CAAA,IAAA,GAAG,KAAK,EAAoB;AAChC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAoB,OAAO,CAAC;AAEzC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAS,EAAE,CAAC;AAE3B,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAS,MAC3B,IAAI,CAAC,MAAM,EAAE,GAAG,iBAAiB,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,iBAAiB,GAAG,EAAE,CAC3E;AAED,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAAuB,SAAS,CAAC;AAWtD;IATC,IACoB,EAAE,CAAC,CAAS,EAAA;AAC9B,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;;AAGpB,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAY,SAAA,EAAA,IAAI,CAAC,KAAK,EAAE,CAAA,CAAE,CAAC;;8GA1B5C,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,8tDCvBtC,mjDAiDA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FD1Ba,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EACvB,MAAA,EAAA,CAAC,UAAU,EAAE,OAAO,CAAC,EAAA,eAAA,EAEZ,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,cACzB,KAAK,EAAA,QAAA,EAAA,mjDAAA,EAAA;8BAsBG,EAAE,EAAA,CAAA;sBADrB;gBAMW,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;MEvCT,4BAA4B,CAAA;AACvC,IAAA,WAAA,CAAoB,iBAAmC,EAAA;QAAnC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB;;AAGrC,IAAA,IAAW,MAAM,GAAA;QACf,OAAO,IAAI,CAAC,OAAO;;IAErB,IAAW,MAAM,CAAC,CAA+B,EAAA;QAC/C,IAAI,CAAC,EAAE;AACL,YAAA,IAAI,CAAC,OAAO,GAAG,CAAC;AAChB,YAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;YAC9B,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;;;8GAX9C,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,CAAA,EAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,qBAAqB;oBAC/B,MAAM,EAAE,CAAC,6BAA6B,CAAC;AACvC,oBAAA,UAAU,EAAE;AACf,iBAAA;;;ACYD;;;AAGG;AASG,MAAO,qBAAsB,SAAQ,eAAe,CAAA;AAR1D,IAAA,WAAA,GAAA;;AASE;;;;AAIG;AACH,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;AACvB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,OAAO,CAAC;AACvC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,eAAe,CAAC;AAE/C,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAEzB,IAAW,CAAA,WAAA,GAAG,MAAM,EAA6B;AAEjD,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,MAAK;AAC9B,YAAA,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,KAAI;AACnC,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACrB,oBAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACxD,oBAAA,QAAQ,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM;AACrC,oBAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS;;qBAC5B;AACL,oBAAA,QAAQ,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM;AACrC,oBAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS;;AAEnC,gBAAA,CAAC,EAAE;AACL,aAAC,CAAC;AACJ,SAAC,CAAC;;AAGQ,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAS,CAAC,CAAC;;AAGnC,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAgB,IAAI,CAAC,WAAW,CAAC;AAE9D,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAU,MAAM,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;QAC/D,IAAM,CAAA,MAAA,GAAG,QAAQ,CAAU,MAAM,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAE5F,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,MAAK;YACpB,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,KAAI;gBAC1B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACzB,aAAC,CAAC;AACJ,SAAC,CAAC;;AAGF,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,MAAK;AAC9B,YAAA,MAAM,IAAI,GAA8B,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC5E,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AAC5B,gBAAA,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACnB,gBAAA,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACnB,gBAAA,IAAI,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,EAAE;AAC9B,oBAAA,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;;AAEpC,aAAC,CAAC;AACF,YAAA,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;AACnE,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,QAAQ;AACjB,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;YACrD,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;AAC5B,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7B,aAAC,CAAC;AACJ,SAAC,CAAC;;;AAgBF,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,yBAAyB,CAAC;AA8DnD;AAhIC,IAAA,iBAAiB;AAwBjB,IAAA,OAAO;;AAOP,IAAA,iBAAiB;;AAsBT,IAAA,iBAAiB,CAAC,IAAgC,EAAA;AACxD,QAAA,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,EAAE;YACxB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE;;;;IAKhC,QAAQ,GAAA;QACf,KAAK,CAAC,QAAQ,EAAE;;AAOlB;;;;AAIG;IACH,IACW,WAAW,CAAC,CAAgB,EAAA;AACrC,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;;AAM/B;;AAEG;IACI,IAAI,GAAA;QACT,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;YACnC,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO,IAAI,GAAG,CAAC;;AAC9C,gBAAA,OAAO,IAAI;AAClB,SAAC,CAAC;;AAGJ;;AAEG;IACI,QAAQ,GAAA;QACb,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;YACnC,IAAI,IAAI,GAAG,CAAC;gBAAE,OAAO,IAAI,GAAG,CAAC;;AACxB,gBAAA,OAAO,IAAI;AAClB,SAAC,CAAC;;AAGJ;;;AAGG;AACI,IAAA,MAAM,CAAC,SAAiB,EAAA;QAC7B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;;AAGzC;;AAEG;IACI,KAAK,GAAA;AACV,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;;;AAI7B,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,MAAM,SAAS,GAAG,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;AACzD,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE,IAAI,UAAU,EAAE;AAC1C,YAAA,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;;AAE/B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;AACpB,YAAA,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;;AAEhC,QAAA,OAAO,SAAS;;8GA5IP,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAgFR,yBAAyB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAtFvC,CAA0D,wDAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qgnCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMzD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAChB,CAA0D,wDAAA,CAAA,EAAA,eAAA,EAEnD,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,UAAA,EACzB,KAAK,EAAA,MAAA,EAAA,CAAA,qgnCAAA,CAAA,EAAA;8BA0FN,WAAW,EAAA,CAAA;sBADrB;gBAMD,OAAO,EAAA,CAAA;sBADN;gBAwCW,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;ACzJtB,MAAM,SAAS,GAAG,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,4BAA4B,CAAC;AAClG,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,mBAAmB,CAAC;MAQzE,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,iBATZ,qBAAqB,EAAE,yBAAyB,EAAE,4BAA4B,aAChF,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,mBAAmB,CAAA,EAAA,OAAA,EAAA,CADlE,qBAAqB,EAAE,yBAAyB,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA;AASpF,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAJhB,OAAO,CAAA,EAAA,CAAA,CAAA;;2FAIT,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACjBD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-step-wizard.mjs","sources":["../../../../libs/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.ts","../../../../libs/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.html","../../../../libs/components/step-wizard/src/lib/step-wizard.directive.ts","../../../../libs/components/step-wizard/src/lib/step-wizard.component.ts","../../../../libs/components/step-wizard/src/lib/step-wizard.module.ts","../../../../libs/components/step-wizard/src/acorex-components-step-wizard.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  TemplateRef,\n  ViewEncapsulation,\n  computed,\n  input,\n  model,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { AXStepWizardLook, AXStepWizardState } from '../step-wizard.class';\n@Component({\n  selector: 'ax-step-wizard-item',\n  inputs: ['disabled', 'color'],\n  templateUrl: './step-wizard-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n  step = input(1);\n  label = input('');\n  description = input('');\n  customTemplate = input<TemplateRef<unknown>>();\n\n  active = model<boolean>(false);\n  passed = model<boolean>(false);\n  look = model<AXStepWizardLook>();\n  state = model<AXStepWizardState>('clear');\n\n  stepId = signal<string>('');\n\n  className = computed<string>(() =>\n    this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : '',\n  );\n\n  template = viewChild<TemplateRef<unknown>>('content');\n\n  @Input()\n  public override set id(v: string) {\n    this.stepId.set(v);\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [this.className(), `ax-state-${this.state()}`];\n  }\n}\n","@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\">\n    </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","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n    selector: '[axStepWizardContent]',\n    exportAs: 'axStepWizardContent',\n    inputs: ['portal: axStepWizardContent'],\n    standalone: false\n})\nexport class AXStepWizardContentDirective {\n  constructor(private _viewContainerRef: ViewContainerRef) {}\n\n  private _portal: TemplateRef<any> | undefined;\n  public get portal(): TemplateRef<any> | undefined {\n    return this._portal;\n  }\n  public set portal(v: TemplateRef<any> | undefined) {\n    if (v) {\n      this._portal = v;\n      this._viewContainerRef.clear();\n      this._viewContainerRef.createEmbeddedView(v, null, 0);\n    }\n  }\n}\n","import { AXOrientation, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  OnInit,\n  ViewEncapsulation,\n  computed,\n  contentChildren,\n  effect,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook, AXStepWizardSize } from './step-wizard.class';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\n/**\n *  @category\n * A component for creating a step-by-step wizard interface.\n */\n@Component({\n  selector: 'ax-step-wizard',\n  template: ` <ng-content select=\"ax-step-wizard-item\"></ng-content> `,\n  styleUrls: ['./step-wizard.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n  /**\n   * Sets the visual style of the step wizard.\n   *\n   * @param v\n   */\n  connector = input(true);\n  size = input<AXStepWizardSize>('ax-md');\n  look = input<AXStepWizardLook>('circular-icon');\n\n  changeStep = input(false);\n\n  stepChanged = output<AXStepWizardItemComponent>();\n\n  #changeStepEffect = effect(() => {\n    this.steps().forEach((item, i = 1) => {\n      const stepItem = item.getHostElement();\n      if (this.changeStep()) {\n        stepItem.addEventListener('click', () => this.goStep(i));\n        stepItem.style.pointerEvents = 'auto';\n        stepItem.style.cursor = 'pointer';\n      } else {\n        stepItem.style.pointerEvents = 'none';\n        stepItem.style.cursor = 'default';\n      }\n      i++;\n    });\n  });\n\n  /** @ignore */\n  protected activeStepIndex = signal<number>(0);\n\n  /** @ignore */\n  protected activeOrientation = signal<AXOrientation>(this.orientation);\n\n  public isFirst = computed<boolean>(() => this.activeStepIndex() === 0);\n  public isLast = computed<boolean>(() => this.activeStepIndex() === this.steps()?.length - 1);\n\n  #effect = effect(() => {\n    this.steps()?.forEach((s) => {\n      s.look.set(this.look());\n    });\n  });\n\n  /** @ignore */\n  #stepChangeEffect = effect(() => {\n    const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n    this.steps().forEach((s, i) => {\n      s.active.set(false);\n      s.passed.set(false);\n      if (i < this.activeStepIndex()) {\n        this.steps()[i].passed.set(true);\n      }\n    });\n    this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({\n      behavior: 'smooth',\n      block: 'nearest',\n      inline: 'center',\n    });\n    this.steps()[this.activeStepIndex()].active.set(true);\n    setTimeout(() => {\n      this.changeStepContent(step);\n      this.stepChanged.emit(step);\n    });\n  });\n\n  /** @ignore */\n  private changeStepContent(step?: AXStepWizardItemComponent) {\n    if (this.content && step) {\n      this.content.portal = step.template();\n    }\n  }\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n  }\n\n  /** @ignore */\n  // @ContentChildren(AXStepWizardItemComponent, { descendants: true })\n  steps = contentChildren(AXStepWizardItemComponent);\n\n  /**\n   * Sets the orientation of the component.\n   *\n   * @param v\n   */\n  @Input()\n  public set orientation(v: AXOrientation) {\n    this.activeOrientation.set(v);\n  }\n\n  @Input()\n  content!: AXStepWizardContentDirective;\n\n  /**\n   * Advances to the next step if available.\n   */\n  public next() {\n    this.activeStepIndex.update((prev) => {\n      if (prev < this.steps().length - 1) return prev + 1;\n      else return prev;\n    });\n  }\n\n  /**\n   * Moves to the previous step if available.\n   */\n  public previous() {\n    this.activeStepIndex.update((prev) => {\n      if (prev > 0) return prev - 1;\n      else return prev;\n    });\n  }\n\n  /**\n   * Directly navigates to the specified step by its index.\n   * @param stepIndex\n   */\n  public goStep(stepIndex: number) {\n    this.activeStepIndex.set(stepIndex - 1);\n  }\n\n  /**\n   * Resets the wizard to the first step.\n   */\n  public reset() {\n    this.activeStepIndex.set(0);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const classList = [`ax-look-${this.look()}`, this.size()];\n    if (this.activeOrientation() == 'vertical') {\n      classList.push('ax-vertical');\n    }\n    if (this.connector()) {\n      classList.push('ax-connector');\n    }\n    return classList;\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardComponent } from './step-wizard.component';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\nconst COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];\nconst MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXProgressBarModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXStepWizardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-switch.mjs

@@ -44,7 +44,7 @@ class AXSwitchComponent extends classes((MXValueComponent), MXColorComponent) {
      * @ignore
      */
     get __hostClass() {
-        if (this.color === 'ghost') {
+        if (this.color === 'default') {
             return 'ax-primary';
         }
         else {
@@ -58,7 +58,7 @@ class AXSwitchComponent extends classes((MXValueComponent), MXColorComponent) {
                 useExisting: forwardRef(() => AXSwitchComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>", styles: ["ax-switch.ax-primary{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-primary-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-primary-500);--ax-comp-switch-loading-color: var(--ax-sys-color-primary-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-primary)}.ax-dark ax-switch.ax-primary{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-primary)}ax-switch.ax-success{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-success-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-success-500);--ax-comp-switch-loading-color: var(--ax-sys-color-success-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-success)}.ax-dark ax-switch.ax-success{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-success)}ax-switch.ax-danger{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-danger-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-danger-500);--ax-comp-switch-loading-color: var(--ax-sys-color-danger-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-danger)}.ax-dark ax-switch.ax-danger{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-danger)}ax-switch.ax-warning{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-warning-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-warning-500);--ax-comp-switch-loading-color: var(--ax-sys-color-warning-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-warning)}.ax-dark ax-switch.ax-warning{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-warning)}ax-switch.ax-secondary{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-secondary-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-switch-loading-color: var(--ax-sys-color-secondary-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-secondary)}.ax-dark ax-switch.ax-secondary{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-secondary)}ax-switch{--ax-comp-switch-unchecked-bg-color: var(--ax-sys-color-ghost-900);--ax-comp-switch-handle-unchecked-bg-color: var(--ax-sys-color-surface-light)}ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:10px!important;min-width:10px!important}ax-switch.ax-sm .ax-switch-handle{height:.75rem;width:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{height:1.25rem;width:1.25rem}ax-switch button{position:relative;display:inline-block;height:1.25rem;min-width:2.25rem;cursor:pointer;border-radius:9999px;vertical-align:middle;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-comp-switch-unchecked-bg-color),.3)!important}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-comp-switch-focus-visible-outline-color))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-comp-switch-checked-bg-color))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial;background-color:rgba(var(--ax-comp-switch-handle-checked-bg-color))}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background-color:rgba(var(--ax-comp-switch-handle-unchecked-bg-color));position:absolute;inset-inline-start:.125rem;top:.125rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;font-size:80%;--ax-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--ax-shadow-colored: 0 1px 2px 0 var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle .ax-loader{animation:rotation .5s linear infinite;box-sizing:border-box;display:inline-block;min-height:12px;min-width:12px;transform:translateY(-50%);border-radius:9999px;border-width:2px;border-style:solid;border-color:rgb(var(--ax-comp-switch-loading-color));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ax-switch button .ax-switch-handle:before{content:\"\";position:absolute;border-radius:1000vmax;background-color:rgba(var(--ax-sys-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-switch button .ax-switch-inner{transition:margin .2s;margin-inline-end:.375rem;margin-inline-start:1.5rem;display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>", styles: ["ax-switch{--ax-comp-switch-unchecked-bg-color: var(--ax-sys-color-neutral);--ax-comp-switch-handle-unchecked-bg-color: var(--ax-sys-color-light);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-light)}.ax-dark ax-switch{--ax-comp-switch-unchecked-bg-color: var(--ax-sys-color-neutral)}ax-switch.ax-primary{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-primary-dark-surface)}ax-switch.ax-secondary{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-secondary-dark-surface)}ax-switch.ax-success{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-success-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-success-dark-surface)}ax-switch.ax-warning{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-warning-dark-surface)}ax-switch.ax-danger{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-danger-dark-surface)}ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:10px!important;min-width:10px!important}ax-switch.ax-sm .ax-switch-handle{height:.75rem;width:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{height:1.25rem;width:1.25rem}ax-switch button{position:relative;display:inline-block;height:1.25rem;min-width:2.25rem;cursor:pointer;border-radius:9999px;vertical-align:middle;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-comp-switch-unchecked-bg-color),1)!important}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-comp-switch-focus-visible-outline-color))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-comp-switch-checked-bg-color))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial;background-color:rgba(var(--ax-comp-switch-handle-checked-bg-color))}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background-color:rgba(var(--ax-comp-switch-handle-unchecked-bg-color));position:absolute;inset-inline-start:.125rem;top:.125rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;font-size:80%;--ax-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--ax-shadow-colored: 0 1px 2px 0 var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle .ax-loader{animation:rotation .5s linear infinite;box-sizing:border-box;display:inline-block;min-height:12px;min-width:12px;transform:translateY(-50%);border-radius:9999px;border-width:2px;border-style:solid;border-color:rgb(var(--ax-comp-switch-loading-color));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ax-switch button .ax-switch-handle:before{content:\"\";position:absolute;border-radius:1000vmax;background-color:rgba(var(--ax-sys-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-switch button .ax-switch-inner{transition:margin .2s;margin-inline-end:.375rem;margin-inline-start:1.5rem;display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSwitchComponent, decorators: [{
             type: Component,
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             useExisting: forwardRef(() => AXSwitchComponent),
                             multi: true,
                         },
-                    ], standalone: false, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>", styles: ["ax-switch.ax-primary{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-primary-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-primary-500);--ax-comp-switch-loading-color: var(--ax-sys-color-primary-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-primary)}.ax-dark ax-switch.ax-primary{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-primary)}ax-switch.ax-success{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-success-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-success-500);--ax-comp-switch-loading-color: var(--ax-sys-color-success-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-success)}.ax-dark ax-switch.ax-success{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-success)}ax-switch.ax-danger{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-danger-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-danger-500);--ax-comp-switch-loading-color: var(--ax-sys-color-danger-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-danger)}.ax-dark ax-switch.ax-danger{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-danger)}ax-switch.ax-warning{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-warning-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-warning-500);--ax-comp-switch-loading-color: var(--ax-sys-color-warning-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-warning)}.ax-dark ax-switch.ax-warning{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-warning)}ax-switch.ax-secondary{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-secondary-200);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-switch-loading-color: var(--ax-sys-color-secondary-700);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-secondary)}.ax-dark ax-switch.ax-secondary{--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-on-secondary)}ax-switch{--ax-comp-switch-unchecked-bg-color: var(--ax-sys-color-ghost-900);--ax-comp-switch-handle-unchecked-bg-color: var(--ax-sys-color-surface-light)}ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:10px!important;min-width:10px!important}ax-switch.ax-sm .ax-switch-handle{height:.75rem;width:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{height:1.25rem;width:1.25rem}ax-switch button{position:relative;display:inline-block;height:1.25rem;min-width:2.25rem;cursor:pointer;border-radius:9999px;vertical-align:middle;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-comp-switch-unchecked-bg-color),.3)!important}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-comp-switch-focus-visible-outline-color))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-comp-switch-checked-bg-color))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial;background-color:rgba(var(--ax-comp-switch-handle-checked-bg-color))}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background-color:rgba(var(--ax-comp-switch-handle-unchecked-bg-color));position:absolute;inset-inline-start:.125rem;top:.125rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;font-size:80%;--ax-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--ax-shadow-colored: 0 1px 2px 0 var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle .ax-loader{animation:rotation .5s linear infinite;box-sizing:border-box;display:inline-block;min-height:12px;min-width:12px;transform:translateY(-50%);border-radius:9999px;border-width:2px;border-style:solid;border-color:rgb(var(--ax-comp-switch-loading-color));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ax-switch button .ax-switch-handle:before{content:\"\";position:absolute;border-radius:1000vmax;background-color:rgba(var(--ax-sys-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-switch button .ax-switch-inner{transition:margin .2s;margin-inline-end:.375rem;margin-inline-start:1.5rem;display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}\n"] }]
+                    ], standalone: false, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>", styles: ["ax-switch{--ax-comp-switch-unchecked-bg-color: var(--ax-sys-color-neutral);--ax-comp-switch-handle-unchecked-bg-color: var(--ax-sys-color-light);--ax-comp-switch-handle-checked-bg-color: var(--ax-sys-color-light)}.ax-dark ax-switch{--ax-comp-switch-unchecked-bg-color: var(--ax-sys-color-neutral)}ax-switch.ax-primary{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-primary-dark-surface)}ax-switch.ax-secondary{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-secondary-dark-surface)}ax-switch.ax-success{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-success-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-success-dark-surface)}ax-switch.ax-warning{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-warning-dark-surface)}ax-switch.ax-danger{--ax-comp-switch-focus-visible-outline-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-switch-checked-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-switch-loading-color: var(--ax-sys-color-danger-dark-surface)}ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:10px!important;min-width:10px!important}ax-switch.ax-sm .ax-switch-handle{height:.75rem;width:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{height:1.25rem;width:1.25rem}ax-switch button{position:relative;display:inline-block;height:1.25rem;min-width:2.25rem;cursor:pointer;border-radius:9999px;vertical-align:middle;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-comp-switch-unchecked-bg-color),1)!important}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-comp-switch-focus-visible-outline-color))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-comp-switch-checked-bg-color))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial;background-color:rgba(var(--ax-comp-switch-handle-checked-bg-color))}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background-color:rgba(var(--ax-comp-switch-handle-unchecked-bg-color));position:absolute;inset-inline-start:.125rem;top:.125rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;font-size:80%;--ax-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--ax-shadow-colored: 0 1px 2px 0 var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle .ax-loader{animation:rotation .5s linear infinite;box-sizing:border-box;display:inline-block;min-height:12px;min-width:12px;transform:translateY(-50%);border-radius:9999px;border-width:2px;border-style:solid;border-color:rgb(var(--ax-comp-switch-loading-color));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ax-switch button .ax-switch-handle:before{content:\"\";position:absolute;border-radius:1000vmax;background-color:rgba(var(--ax-sys-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-switch button .ax-switch-inner{transition:margin .2s;margin-inline-end:.375rem;margin-inline-start:1.5rem;display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}\n"] }]
         }], propDecorators: { isLoading: [{
                 type: Input
             }], __hostClass: [{

package/fesm2022/acorex-components-switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-switch.mjs","sources":["../../../../libs/components/switch/src/lib/switch-content.component.ts","../../../../libs/components/switch/src/lib/switch.component.ts","../../../../libs/components/switch/src/lib/switch.component.html","../../../../libs/components/switch/src/lib/switch.module.ts","../../../../libs/components/switch/src/acorex-components-switch.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { Component } from '@angular/core';\n\n/**\n * @category \n * Displays content for different switch states using `<ng-content>`.\n */\n@Component({\n    selector: 'ax-switch-handler-content,ax-switch-handler-on-content,ax-switch-handler-off-content,ax-switch-off-content,ax-switch-on-content',\n    template: `<ng-content></ng-content>`,\n    standalone: false\n})\nexport class AXSwitchContentComponent extends MXBaseComponent {}\n","import { MXColorComponent, MXValueComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @category\n * A switch component that allows toggling between on and off states.\n */\n@Component({\n  selector: 'ax-switch',\n  templateUrl: './switch.component.html',\n  styleUrls: ['./switch.component.scss'],\n  inputs: ['disabled', 'readonly', 'color', 'tabIndex', 'value', 'name'],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSwitchComponent),\n      multi: true,\n    },\n  ],\n  standalone: false,\n})\nexport class AXSwitchComponent extends classes(MXValueComponent<boolean>, MXColorComponent) {\n  /**\n   * Indicates whether the component is in a loading state.\n   * @defaultValue boolean\n   */\n  @Input()\n  isLoading: boolean;\n\n  /**\n   * @ignore\n   */\n  protected _handleOnClickEvent(e: MouseEvent) {\n    this.onTouchedCallback();\n    if (this.readonly || this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n    } else {\n      this.commitValue(!this.value, true);\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    if (this.color === 'ghost') {\n      return 'ax-primary';\n    } else {\n      return `ax-${this.color ? this.color : 'primary'}`;\n    }\n  }\n}\n","<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSwitchContentComponent } from './switch-content.component';\nimport { AXSwitchComponent } from './switch.component';\n\n@NgModule({\n  declarations: [AXSwitchComponent, AXSwitchContentComponent],\n  imports: [CommonModule, FormsModule],\n  exports: [AXSwitchComponent, AXSwitchContentComponent],\n  providers: [],\n})\nexport class AXSwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-switch.mjs","sources":["../../../../libs/components/switch/src/lib/switch-content.component.ts","../../../../libs/components/switch/src/lib/switch.component.ts","../../../../libs/components/switch/src/lib/switch.component.html","../../../../libs/components/switch/src/lib/switch.module.ts","../../../../libs/components/switch/src/acorex-components-switch.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { Component } from '@angular/core';\n\n/**\n * @category \n * Displays content for different switch states using `<ng-content>`.\n */\n@Component({\n    selector: 'ax-switch-handler-content,ax-switch-handler-on-content,ax-switch-handler-off-content,ax-switch-off-content,ax-switch-on-content',\n    template: `<ng-content></ng-content>`,\n    standalone: false\n})\nexport class AXSwitchContentComponent extends MXBaseComponent {}\n","import { MXColorComponent, MXValueComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @category\n * A switch component that allows toggling between on and off states.\n */\n@Component({\n  selector: 'ax-switch',\n  templateUrl: './switch.component.html',\n  styleUrls: ['./switch.component.scss'],\n  inputs: ['disabled', 'readonly', 'color', 'tabIndex', 'value', 'name'],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSwitchComponent),\n      multi: true,\n    },\n  ],\n  standalone: false,\n})\nexport class AXSwitchComponent extends classes(MXValueComponent<boolean>, MXColorComponent) {\n  /**\n   * Indicates whether the component is in a loading state.\n   * @defaultValue boolean\n   */\n  @Input()\n  isLoading: boolean;\n\n  /**\n   * @ignore\n   */\n  protected _handleOnClickEvent(e: MouseEvent) {\n    this.onTouchedCallback();\n    if (this.readonly || this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n    } else {\n      this.commitValue(!this.value, true);\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    if (this.color === 'default') {\n      return 'ax-primary';\n    } else {\n      return `ax-${this.color ? this.color : 'primary'}`;\n    }\n  }\n}\n","<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSwitchContentComponent } from './switch-content.component';\nimport { AXSwitchComponent } from './switch.component';\n\n@NgModule({\n  declarations: [AXSwitchComponent, AXSwitchContentComponent],\n  imports: [CommonModule, FormsModule],\n  exports: [AXSwitchComponent, AXSwitchContentComponent],\n  providers: [],\n})\nexport class AXSwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}