npm - @acorex/components - Versions diffs - 18.14.1-next.4 → 18.14.1-next.5 - Mend

@acorex/components 18.14.1-next.4 → 18.14.1-next.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/fesm2022/acorex-components-side-menu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-side-menu.mjs","sources":["../../../../libs/components/side-menu/src/lib/side-menu-item/side-menu-item.compoent.ts","../../../../libs/components/side-menu/src/lib/side-menu-item/side-menu-item.compoent.html","../../../../libs/components/side-menu/src/lib/side-menu.component.ts","../../../../libs/components/side-menu/src/lib/side-menu.component.html","../../../../libs/components/side-menu/src/lib/side-menu.module.ts","../../../../libs/components/side-menu/src/acorex-components-side-menu.ts"],"sourcesContent":["import { AXClickEvent, MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';\nimport { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n ViewEncapsulation,\n afterNextRender,\n model,\n output,\n signal,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\nexport class AXSideMenuItemClickEvent extends AXClickEvent {\n handled = false;\n}\n\n@Component({\n selector: 'ax-side-menu-item',\n inputs: ['disabled', 'color'],\n templateUrl: './side-menu-item.compoent.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n animations: [\n trigger('collapse', [\n state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),\n state('true', style({ height: '0', visibility: 'hidden' })),\n transition('false => true', animate(150 + 'ms ease-in')),\n transition('true => false', animate(150 + 'ms ease-out')),\n ]),\n ],\n host: { ngSkipHydration: 'true' },\n})\nexport class AXSideMenuItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n isLoading = model(false);\n\n text = model('');\n\n isCollapsed = model(true);\n\n active = model(false);\n\n onClick = output<AXSideMenuItemClickEvent>();\n\n protected hasChild = signal(false);\n\n constructor(private elem: ElementRef) {\n super();\n\n afterNextRender(() => {\n this.hasChild.set(this.elem.nativeElement.getElementsByTagName('ax-side-menu-item').length > 0);\n });\n }\n\n _handleClickEvent(e: MouseEvent) {\n if (this.disabled \|\| this.isLoading()) return;\n const event = {\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n handled: false,\n };\n this.onClick.emit(event);\n if (!event.handled) {\n this.toggle();\n }\n e.stopPropagation();\n }\n\n toggle() {\n this.isCollapsed.update((prev) => !prev);\n }\n\n open() {\n this.isCollapsed.set(true);\n }\n\n close() {\n this.isCollapsed.set(false);\n }\n @HostBinding('class')\n private get __hostClass(): string[] {\n return [`ax-${this.color}-solid`];\n }\n}\n","<ng-content select=\"ax-title\"></ng-content>\n<div\n [axRipple]\n class=\"ax-side-item\"\n [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-active]=\"active()\"\n (click)=\"_handleClickEvent($event)\"\n>\n <div class=\"ax-start-side\">\n <ng-content select=\"ax-prefix\"></ng-content>\n @if(text()){\n <span>{{text()}}</span>\n }\n <ng-content></ng-content>\n </div>\n <div class=\"ax-end-side\">\n <ng-content select=\"ax-suffix\"></ng-content>\n @if(hasChild() && !isLoading()){\n <span class=\"ax-icon ax-icon-chevron-right arrow-icon\" [class.arrow-icon-expand]=\"!isCollapsed()\"></span>\n } @if(isLoading()){\n <ax-loading></ax-loading>\n }\n </div>\n</div>\n\n<div class=\"ax-side-children\" [@collapse]=\"isCollapsed()\">\n @if(isLoading()){\n <p>{{'loading' \| translate \| async }}</p>\n } @else {\n\n <ng-content select=\"ax-side-menu-item, ng-container\"></ng-content>\n }\n</div>\n\n<ng-content select=\"ax-divider\"></ng-content>\n","import { NXComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/*\n @category\n * A component for displaying a side menu with customizable content.\n /\n@Component({\n selector: 'ax-side-menu',\n templateUrl: './side-menu.component.html',\n styleUrls: ['./side-menu.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXSideMenuComponent extends NXComponent {}\n","<ng-content select=\"ax-side-menu-item,ax-title,ng-container,ng-content\"></ng-content>","import { AXCommonModule, AXRippleDirective } from '@acorex/components/common';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXSideMenuItemComponent } from './side-menu-item/side-menu-item.compoent';\nimport { AXSideMenuComponent } from './side-menu.component';\n\nconst COMPONENT = [AXSideMenuComponent, AXSideMenuItemComponent];\nconst MODULES = [CommonModule, AXCommonModule, AXRippleDirective, AXLoadingModule, AXTranslationModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXSideMenuModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"acorex-components-side-menu.mjs","sources":["../../../../libs/components/side-menu/src/lib/side-menu-item/side-menu-item.component.ts","../../../../libs/components/side-menu/src/lib/side-menu-item/side-menu-item.component.html","../../../../libs/components/side-menu/src/lib/side-menu.component.ts","../../../../libs/components/side-menu/src/lib/side-menu.component.html","../../../../libs/components/side-menu/src/lib/side-menu.module.ts","../../../../libs/components/side-menu/src/acorex-components-side-menu.ts"],"sourcesContent":["import { AXClickEvent, MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';\nimport { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n ViewEncapsulation,\n afterNextRender,\n model,\n output,\n signal,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\nexport class AXSideMenuItemClickEvent extends AXClickEvent {\n handled = false;\n}\n\n@Component({\n selector: 'ax-side-menu-item',\n inputs: ['disabled', 'color'],\n templateUrl: './side-menu-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n animations: [\n trigger('collapse', [\n state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),\n state('true', style({ height: '0', visibility: 'hidden' })),\n transition('false => true', animate(150 + 'ms ease-in')),\n transition('true => false', animate(150 + 'ms ease-out')),\n ]),\n ],\n host: { ngSkipHydration: 'true' },\n})\nexport class AXSideMenuItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n isLoading = model(false);\n\n text = model('');\n\n isCollapsed = model(true);\n\n active = model(false);\n\n onClick = output<AXSideMenuItemClickEvent>();\n\n protected hasChild = signal(false);\n\n constructor(private elem: ElementRef) {\n super();\n\n afterNextRender(() => {\n this.hasChild.set(this.elem.nativeElement.getElementsByTagName('ax-side-menu-item').length > 0);\n });\n }\n\n _handleClickEvent(e: MouseEvent) {\n if (this.disabled \|\| this.isLoading()) return;\n const event = {\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n handled: false,\n };\n this.onClick.emit(event);\n if (!event.handled) {\n this.toggle();\n }\n e.stopPropagation();\n }\n\n toggle() {\n this.isCollapsed.update((prev) => !prev);\n }\n\n open() {\n this.isCollapsed.set(true);\n }\n\n close() {\n this.isCollapsed.set(false);\n }\n @HostBinding('class')\n private get __hostClass(): string[] {\n return [`ax-${this.color}-solid`];\n }\n}\n","<ng-content select=\"ax-title\"></ng-content>\n<div\n [axRipple]\n class=\"ax-side-item\"\n [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-active]=\"active()\"\n (click)=\"_handleClickEvent($event)\"\n>\n <div class=\"ax-start-side\">\n <ng-content select=\"ax-prefix\"></ng-content>\n @if(text()){\n <span>{{text()}}</span>\n }\n <ng-content></ng-content>\n </div>\n <div class=\"ax-end-side\">\n <ng-content select=\"ax-suffix\"></ng-content>\n @if(hasChild() && !isLoading()){\n <span class=\"ax-icon ax-icon-chevron-right arrow-icon\" [class.arrow-icon-expand]=\"!isCollapsed()\"></span>\n } @if(isLoading()){\n <ax-loading></ax-loading>\n }\n </div>\n</div>\n\n<div class=\"ax-side-children\" [@collapse]=\"isCollapsed()\">\n @if(isLoading()){\n <p>{{'loading' \| translate \| async }}</p>\n } @else {\n\n <ng-content select=\"ax-side-menu-item, ng-container\"></ng-content>\n }\n</div>\n\n<ng-content select=\"ax-divider\"></ng-content>\n","import { NXComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/*\n @category\n * A component for displaying a side menu with customizable content.\n /\n@Component({\n selector: 'ax-side-menu',\n templateUrl: './side-menu.component.html',\n styleUrls: ['./side-menu.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXSideMenuComponent extends NXComponent {}\n","<ng-content select=\"ax-side-menu-item,ax-title,ng-container,ng-content\"></ng-content>","import { AXCommonModule, AXRippleDirective } from '@acorex/components/common';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXSideMenuItemComponent } from './side-menu-item/side-menu-item.component';\nimport { AXSideMenuComponent } from './side-menu.component';\n\nconst COMPONENT = [AXSideMenuComponent, AXSideMenuItemComponent];\nconst MODULES = [CommonModule, AXCommonModule, AXRippleDirective, AXLoadingModule, AXTranslationModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXSideMenuModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { signal, computed, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, HostBinding, Directive, model, effect, contentChildren, NgModule } from '@angular/core';
+import { signal, computed, input, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, HostBinding, Directive, model, effect, contentChildren, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@acorex/components/decorators';
@@ -17,6 +17,7 @@ class AXStepWizardItemComponent extends MXBaseComponent {
         this.passedSignal = signal(false);
         this.activeLook = signal(this.look);
         this.className = computed(() => this.passedSignal() ? 'ax-state-passed' : this.activeSignal() ? 'ax-state-active' : '');
+        this.step = input(1);
     }
     set look(v) {
         this.activeLook.set(v);
@@ -44,11 +45,11 @@ class AXStepWizardItemComponent extends MXBaseComponent {
         return [this.className()];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXStepWizardItemComponent, selector: "ax-step-wizard-item", inputs: { disabled: "disabled", color: "color", customTemplate: "customTemplate", look: "look", active: "active", passed: "passed", label: "label", description: "description", id: "id" }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@switch (activeLook()) {\n  @case ('with-line') {\n    @if (passedSignal()) {\n      <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n    } @else if (activeSignal()) {\n      <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n    } @else {\n      <ax-icon class=\"far fa-circle\"> </ax-icon>\n    }\n    <div class=\"ax-flex ax-flex-col\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n  @case ('classic-circular') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n  @case ('classic-rounded') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n  @default {\n    @if (customTemplate) {\n      <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n    }\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", styles: [".ax-look-with-line ax-step-wizard-item{position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;width:100%;margin-inline-end:.25rem;margin-inline-start:.25rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-classic-circular ax-step-wizard-item p,.ax-look-classic-rounded ax-step-wizard-item p{font-weight:600}.ax-look-classic-circular ax-step-wizard-item span,.ax-look-classic-rounded ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgb(var(--ax-color-neutral-900))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item{font-size:.875rem;min-width:max-content}.ax-dark .ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-dark .ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-300))}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:.125rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:.125rem}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXStepWizardItemComponent, selector: "ax-step-wizard-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: false, isRequired: false, transformFunction: null }, passed: { classPropertyName: "passed", publicName: "passed", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@switch (activeLook()) {\n  @case ('with-line') {\n    @if (passedSignal()) {\n      <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n    } @else if (activeSignal()) {\n      <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n    } @else {\n      <ax-icon class=\"far fa-circle\"> </ax-icon>\n    }\n    <div class=\"ax-flex ax-flex-col\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('with-line-number') {\n    <div class=\"ax-number-circle-contianer\">\n      @if (passedSignal()) {\n        <div class=\"ax-icon-container\">\n          <ax-icon class=\"fa-solid fa-check\"></ax-icon>\n        </div>\n      } @else if (activeSignal()) {\n        <div class=\"ax-number-contianer ax-number-contianer-active\">\n          <p>{{ step() }}</p>\n        </div>\n      } @else {\n        <div class=\"ax-number-contianer ax-number-contianer-not-active\">\n          <p>{{ step() }}</p>\n        </div>\n      }\n      <div class=\"ax-flex\">\n        <p [ngClass]=\"{ 'ax-label-not-active': !passedSignal() && !activeSignal() }\">\n          {{ stepLabel() }}\n        </p>\n      </div>\n    </div>\n\n    <div class=\"ax-step-line\"></div>\n  }\n\n  @case ('classic-circular') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('classic-rounded') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @default {\n    @if (customTemplate) {\n      <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n    }\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", styles: [".ax-look-with-line ax-step-wizard-item{width:100%;position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;margin-inline:.25rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-classic-circular ax-step-wizard-item p,.ax-look-classic-rounded ax-step-wizard-item p{font-weight:600}.ax-look-classic-circular ax-step-wizard-item span,.ax-look-classic-rounded ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgb(var(--ax-color-neutral-900))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item{font-size:.875rem;min-width:max-content}.ax-dark .ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-dark .ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-300))}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:.125rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:.125rem}.ax-look-with-line-number ax-step-wizard-item{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;gap:.25rem;width:100%;margin-inline:.25rem;font-size:.875rem;min-width:max-content}.ax-look-with-line-number ax-step-wizard-item p{font-weight:600;white-space:nowrap}.ax-look-with-line-number ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-neutral-100));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer{width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:1px solid rgba(var(--ax-color-primary-500));border-radius:1000vmax}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer p{color:rgba(var(--ax-color-neutral-100))}.ax-look-with-line-number ax-step-wizard-item .ax-icon-container{position:relative;width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--ax-color-primary-500));border-radius:1000vmax;z-index:0}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-active{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-not-active p{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-label-not-active{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-flex{margin-inline-start:.5rem}.ax-look-with-line-number ax-step-wizard-item .ax-step-line{width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line-number ax-step-wizard-item .ax-number-circle-contianer{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-step-wizard-item', inputs: ['disabled', 'color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@switch (activeLook()) {\n  @case ('with-line') {\n    @if (passedSignal()) {\n      <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n    } @else if (activeSignal()) {\n      <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n    } @else {\n      <ax-icon class=\"far fa-circle\"> </ax-icon>\n    }\n    <div class=\"ax-flex ax-flex-col\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n  @case ('classic-circular') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n  @case ('classic-rounded') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n  @default {\n    @if (customTemplate) {\n      <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n    }\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", styles: [".ax-look-with-line ax-step-wizard-item{position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;width:100%;margin-inline-end:.25rem;margin-inline-start:.25rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-classic-circular ax-step-wizard-item p,.ax-look-classic-rounded ax-step-wizard-item p{font-weight:600}.ax-look-classic-circular ax-step-wizard-item span,.ax-look-classic-rounded ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgb(var(--ax-color-neutral-900))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item{font-size:.875rem;min-width:max-content}.ax-dark .ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-dark .ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-300))}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:.125rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:.125rem}\n"] }]
+            args: [{ selector: 'ax-step-wizard-item', inputs: ['disabled', 'color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@switch (activeLook()) {\n  @case ('with-line') {\n    @if (passedSignal()) {\n      <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n    } @else if (activeSignal()) {\n      <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n    } @else {\n      <ax-icon class=\"far fa-circle\"> </ax-icon>\n    }\n    <div class=\"ax-flex ax-flex-col\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('with-line-number') {\n    <div class=\"ax-number-circle-contianer\">\n      @if (passedSignal()) {\n        <div class=\"ax-icon-container\">\n          <ax-icon class=\"fa-solid fa-check\"></ax-icon>\n        </div>\n      } @else if (activeSignal()) {\n        <div class=\"ax-number-contianer ax-number-contianer-active\">\n          <p>{{ step() }}</p>\n        </div>\n      } @else {\n        <div class=\"ax-number-contianer ax-number-contianer-not-active\">\n          <p>{{ step() }}</p>\n        </div>\n      }\n      <div class=\"ax-flex\">\n        <p [ngClass]=\"{ 'ax-label-not-active': !passedSignal() && !activeSignal() }\">\n          {{ stepLabel() }}\n        </p>\n      </div>\n    </div>\n\n    <div class=\"ax-step-line\"></div>\n  }\n\n  @case ('classic-circular') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('classic-rounded') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @default {\n    @if (customTemplate) {\n      <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n    }\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", styles: [".ax-look-with-line ax-step-wizard-item{width:100%;position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;margin-inline:.25rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-classic-circular ax-step-wizard-item p,.ax-look-classic-rounded ax-step-wizard-item p{font-weight:600}.ax-look-classic-circular ax-step-wizard-item span,.ax-look-classic-rounded ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgb(var(--ax-color-neutral-900))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item{font-size:.875rem;min-width:max-content}.ax-dark .ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-dark .ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-300))}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:.125rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:.125rem}.ax-look-with-line-number ax-step-wizard-item{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;gap:.25rem;width:100%;margin-inline:.25rem;font-size:.875rem;min-width:max-content}.ax-look-with-line-number ax-step-wizard-item p{font-weight:600;white-space:nowrap}.ax-look-with-line-number ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-neutral-100));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer{width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:1px solid rgba(var(--ax-color-primary-500));border-radius:1000vmax}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer p{color:rgba(var(--ax-color-neutral-100))}.ax-look-with-line-number ax-step-wizard-item .ax-icon-container{position:relative;width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--ax-color-primary-500));border-radius:1000vmax;z-index:0}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-active{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-not-active p{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-label-not-active{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-flex{margin-inline-start:.5rem}.ax-look-with-line-number ax-step-wizard-item .ax-step-line{width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line-number ax-step-wizard-item .ax-number-circle-contianer{display:flex;justify-content:center;align-items:center}\n"] }]
         }], propDecorators: { customTemplate: [{
                 type: Input
             }], template: [{
@@ -103,7 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  */
 class AXStepWizardComponent extends MXBaseComponent {
     constructor() {
-        super();
+        super(...arguments);
         /**
          * Sets the visual style of the step wizard.
          *
@@ -113,21 +114,18 @@ class AXStepWizardComponent extends MXBaseComponent {
         /** @ignore */
         this.activeStepIndex = signal(0);
         /** @ignore */
-        this.activeLook = signal(this.look());
-        /** @ignore */
         this.activeOrientation = signal(this.orientation);
         this.isFirst = computed(() => this.activeStepIndex() === 0);
         this.isLast = computed(() => this.activeStepIndex() === this.steps()?.length - 1);
-        /** @ignore */
-        this.className = computed(() => {
-            const classList = [`ax-look-${this.activeLook()}`];
-            if (this.activeOrientation() == 'vertical') {
-                classList.push('ax-vertical');
-            }
-            return classList;
+        this.#effect = effect(() => {
+            this.steps()?.forEach((s) => {
+                s.look = this.look();
+            });
+        }, {
+            allowSignalWrites: true,
         });
         /** @ignore */
-        this.stepChangeEffect = effect(() => {
+        this.#stepChangeEffect = effect(() => {
             const step = this.steps()[this.activeStepIndex()];
             this.steps().forEach((s, i) => {
                 s.active = false;
@@ -149,15 +147,10 @@ class AXStepWizardComponent extends MXBaseComponent {
         /** @ignore */
         // @ContentChildren(AXStepWizardItemComponent, { descendants: true })
         this.steps = contentChildren(AXStepWizardItemComponent);
-        effect(() => {
-            this.activeLook.set(this.look());
-            this.steps()?.forEach((s) => {
-                s.look = this.activeLook();
-            });
-        }, {
-            allowSignalWrites: true,
-        });
     }
+    #effect;
+    /** @ignore */
+    #stepChangeEffect;
     /** @ignore */
     changeStepContent(step) {
         if (this.content && step) {
@@ -168,13 +161,6 @@ class AXStepWizardComponent extends MXBaseComponent {
     ngOnInit() {
         super.ngOnInit();
     }
-    // @Input()
-    // public set look(v: AXStepWizardLook) {
-    //   this.activeLook.set(v);
-    //   this.steps()?.forEach((s) => {
-    //     s.look = this.activeLook();
-    //   });
-    // }
     /**
      * Sets the orientation of the component.
      *
@@ -220,15 +206,19 @@ class AXStepWizardComponent extends MXBaseComponent {
     }
     /** @ignore */
     get __hostClass() {
-        return this.className();
+        const classList = [`ax-look-${this.look()}`];
+        if (this.activeOrientation() == 'vertical') {
+            classList.push('ax-vertical');
+        }
+        return classList;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.0", type: AXStepWizardComponent, selector: "ax-step-wizard", inputs: { look: { classPropertyName: "look", publicName: "look", 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: { look: "lookChange" }, 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: ["ax-step-wizard{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden}ax-step-wizard.ax-vertical{width:max-content;flex-direction:column;align-items:start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.0", type: AXStepWizardComponent, selector: "ax-step-wizard", inputs: { look: { classPropertyName: "look", publicName: "look", 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: { look: "lookChange" }, 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: ["ax-step-wizard{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden}ax-step-wizard.ax-vertical{width:max-content;flex-direction:column;align-items:start}ax-step-wizard.ax-look-with-line-number{gap:.75rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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, styles: ["ax-step-wizard{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden}ax-step-wizard.ax-vertical{width:max-content;flex-direction:column;align-items:start}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { orientation: [{
+            args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-step-wizard{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden}ax-step-wizard.ax-vertical{width:max-content;flex-direction:column;align-items:start}ax-step-wizard.ax-look-with-line-number{gap:.75rem}\n"] }]
+        }], propDecorators: { orientation: [{
                 type: Input
             }], content: [{
                 type: Input

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

	@@ -1 +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 Signal,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n WritableSignal,\n computed,\n signal,\n} from '@angular/core';\nimport { AXStepWizardLook } from '../step-wizard.class';\n\n@Component({\n selector: 'ax-step-wizard-item',\n inputs: ['disabled', 'color'],\n templateUrl: './step-wizard-item.component.html',\n styleUrl: './step-wizard-item.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n protected stepLabel: WritableSignal<string> = signal('');\n protected stepDescription: WritableSignal<string> = signal('');\n protected stepId: WritableSignal<string> = signal('');\n protected activeSignal: WritableSignal<boolean> = signal(false);\n protected passedSignal: WritableSignal<boolean> = signal(false);\n protected activeLook: WritableSignal<AXStepWizardLook> = signal(this.look);\n protected className: Signal<string> = computed(() =>\n this.passedSignal() ? 'ax-state-passed' : this.activeSignal() ? 'ax-state-active' : '',\n );\n\n @Input()\n customTemplate: TemplateRef<unknown>;\n\n @ViewChild('content')\n template: TemplateRef<unknown>;\n\n @Input()\n public set look(v: AXStepWizardLook) {\n this.activeLook.set(v);\n }\n @Input()\n public set active(v: boolean) {\n this.activeSignal.set(v);\n if (v) this.passedSignal.set(false);\n }\n\n @Input()\n public set passed(v: boolean) {\n this.passedSignal.set(v);\n if (v) this.activeSignal.set(false);\n }\n\n @Input()\n public set label(v: string) {\n this.stepLabel.set(v);\n }\n @Input()\n public set description(v: string) {\n this.stepDescription.set(v);\n }\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()];\n }\n}\n","@switch (activeLook()) {\n @case ('with-line') {\n @if (passedSignal()) {\n <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n } @else if (activeSignal()) {\n <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n } @else {\n <ax-icon class=\"far fa-circle\"> </ax-icon>\n }\n <div class=\"ax-flex ax-flex-col\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n @case ('classic-circular') {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-container ngTemplateOutlet=\"icon\"> </ng-container>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n @case ('classic-rounded') {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-container ngTemplateOutlet=\"icon\"> </ng-container>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n @default {\n @if (customTemplate) {\n <ng-container ngTemplateOutlet=\"customTemplate\"> </ng-container>\n }\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})\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 Signal,\n ViewEncapsulation,\n WritableSignal,\n computed,\n contentChildren,\n effect,\n model,\n signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook } 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})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n constructor() {\n super();\n effect(\n () => {\n this.activeLook.set(this.look());\n this.steps()?.forEach((s) => {\n s.look = this.activeLook();\n });\n },\n {\n allowSignalWrites: true,\n },\n );\n }\n\n /\n Sets the visual style of the step wizard.\n \n @param v\n /\n look = model<AXStepWizardLook>('classic-circular');\n\n /* @ignore /\n protected activeStepIndex: WritableSignal<number> = signal(0);\n\n /* @ignore /\n protected activeLook: WritableSignal<AXStepWizardLook> = signal(this.look());\n\n /* @ignore /\n protected activeOrientation: WritableSignal<AXOrientation> = signal(this.orientation);\n\n public isFirst: Signal<boolean> = computed(() => this.activeStepIndex() === 0);\n public isLast: Signal<boolean> = computed(() => this.activeStepIndex() === this.steps()?.length - 1);\n\n /* @ignore /\n protected className: Signal<string[]> = computed(() => {\n const classList = [`ax-look-${this.activeLook()}`];\n if (this.activeOrientation() == 'vertical') {\n classList.push('ax-vertical');\n }\n return classList;\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 private stepChangeEffect = effect(\n () => {\n const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n this.steps().forEach((s, i) => {\n s.active = false;\n s.passed = false;\n if (i < this.activeStepIndex()) {\n this.steps()[i].passed = 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 = true;\n this.changeStepContent(step);\n },\n {\n allowSignalWrites: true,\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 // @Input()\n // public set look(v: AXStepWizardLook) {\n // this.activeLook.set(v);\n // this.steps()?.forEach((s) => {\n // s.look = this.activeLook();\n // });\n // }\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 return this.className();\n }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\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];\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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"}
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 ViewChild,\n ViewEncapsulation,\n computed,\n input,\n signal,\n} from '@angular/core';\nimport { AXStepWizardLook } from '../step-wizard.class';\n\n@Component({\n selector: 'ax-step-wizard-item',\n inputs: ['disabled', 'color'],\n templateUrl: './step-wizard-item.component.html',\n styleUrl: './step-wizard-item.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n protected stepLabel = signal<string>('');\n protected stepDescription = signal<string>('');\n protected stepId = signal<string>('');\n protected activeSignal = signal<boolean>(false);\n protected passedSignal = signal<boolean>(false);\n protected activeLook = signal<AXStepWizardLook>(this.look);\n protected className = computed<string>(() =>\n this.passedSignal() ? 'ax-state-passed' : this.activeSignal() ? 'ax-state-active' : '',\n );\n\n step = input(1);\n\n @Input()\n customTemplate: TemplateRef<unknown>;\n\n @ViewChild('content')\n template: TemplateRef<unknown>;\n\n @Input()\n public set look(v: AXStepWizardLook) {\n this.activeLook.set(v);\n }\n @Input()\n public set active(v: boolean) {\n this.activeSignal.set(v);\n if (v) this.passedSignal.set(false);\n }\n\n @Input()\n public set passed(v: boolean) {\n this.passedSignal.set(v);\n if (v) this.activeSignal.set(false);\n }\n\n @Input()\n public set label(v: string) {\n this.stepLabel.set(v);\n }\n @Input()\n public set description(v: string) {\n this.stepDescription.set(v);\n }\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()];\n }\n}\n","@switch (activeLook()) {\n @case ('with-line') {\n @if (passedSignal()) {\n <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n } @else if (activeSignal()) {\n <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n } @else {\n <ax-icon class=\"far fa-circle\"> </ax-icon>\n }\n <div class=\"ax-flex ax-flex-col\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n\n @case ('with-line-number') {\n <div class=\"ax-number-circle-contianer\">\n @if (passedSignal()) {\n <div class=\"ax-icon-container\">\n <ax-icon class=\"fa-solid fa-check\"></ax-icon>\n </div>\n } @else if (activeSignal()) {\n <div class=\"ax-number-contianer ax-number-contianer-active\">\n <p>{{ step() }}</p>\n </div>\n } @else {\n <div class=\"ax-number-contianer ax-number-contianer-not-active\">\n <p>{{ step() }}</p>\n </div>\n }\n <div class=\"ax-flex\">\n <p [ngClass]=\"{ 'ax-label-not-active': !passedSignal() && !activeSignal() }\">\n {{ stepLabel() }}\n </p>\n </div>\n </div>\n\n <div class=\"ax-step-line\"></div>\n }\n\n @case ('classic-circular') {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-container ngTemplateOutlet=\"icon\"> </ng-container>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n\n @case ('classic-rounded') {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-container ngTemplateOutlet=\"icon\"> </ng-container>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n\n @default {\n @if (customTemplate) {\n <ng-container ngTemplateOutlet=\"customTemplate\"> </ng-container>\n }\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})\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 model,\n signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook } 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})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n /\n Sets the visual style of the step wizard.\n \n @param v\n /\n look = model<AXStepWizardLook>('classic-circular');\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 () => {\n this.steps()?.forEach((s) => {\n s.look = this.look();\n });\n },\n {\n allowSignalWrites: true,\n },\n );\n\n /* @ignore /\n #stepChangeEffect = effect(\n () => {\n const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n this.steps().forEach((s, i) => {\n s.active = false;\n s.passed = false;\n if (i < this.activeStepIndex()) {\n this.steps()[i].passed = 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 = true;\n this.changeStepContent(step);\n },\n {\n allowSignalWrites: true,\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()}`];\n if (this.activeOrientation() == 'vertical') {\n classList.push('ax-vertical');\n }\n return classList;\n }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\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];\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;;AASY,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAS,EAAE,CAAC;AAC9B,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAS,EAAE,CAAC;AACpC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAS,EAAE,CAAC;AAC3B,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAU,KAAK,CAAC;AACrC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAU,KAAK,CAAC;AACrC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAmB,IAAI,CAAC,IAAI,CAAC;AAChD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAS,MACrC,IAAI,CAAC,YAAY,EAAE,GAAG,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,iBAAiB,GAAG,EAAE,CACvF;AAED,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AA0ChB;IAlCC,IACW,IAAI,CAAC,CAAmB,EAAA;AACjC,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;;IAExB,IACW,MAAM,CAAC,CAAU,EAAA;AAC1B,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;AACxB,QAAA,IAAI,CAAC;AAAE,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;;IAGrC,IACW,MAAM,CAAC,CAAU,EAAA;AAC1B,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;AACxB,QAAA,IAAI,CAAC;AAAE,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;;IAGrC,IACW,KAAK,CAAC,CAAS,EAAA;AACxB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;;IAEvB,IACW,WAAW,CAAC,CAAS,EAAA;AAC9B,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;;IAG7B,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,CAAC;;8GAnDhB,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,g+CCvBtC,osEA0EA,EAAA,MAAA,EAAA,CAAA,ylWAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,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,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDnDa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EACvB,MAAA,EAAA,CAAC,UAAU,EAAE,OAAO,CAAC,EAGZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,osEAAA,EAAA,MAAA,EAAA,CAAA,ylWAAA,CAAA,EAAA;8BAgBrC,cAAc,EAAA,CAAA;sBADb;gBAID,QAAQ,EAAA,CAAA;sBADP,SAAS;uBAAC,SAAS;gBAIT,IAAI,EAAA,CAAA;sBADd;gBAKU,MAAM,EAAA,CAAA;sBADhB;gBAOU,MAAM,EAAA,CAAA;sBADhB;gBAOU,KAAK,EAAA,CAAA;sBADf;gBAKU,WAAW,EAAA,CAAA;sBADrB;gBAMmB,EAAE,EAAA,CAAA;sBADrB;gBAMW,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;MEjET,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,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;kBALxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,qBAAqB;oBAC/B,MAAM,EAAE,CAAC,6BAA6B,CAAC;AACxC,iBAAA;;;ACYD;;;AAGG;AAQG,MAAO,qBAAsB,SAAQ,eAAe,CAAA;AAP1D,IAAA,WAAA,GAAA;;AAQE;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,kBAAkB,CAAC;;AAGxC,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,CACd,MAAK;YACH,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,KAAI;AAC1B,gBAAA,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACtB,aAAC,CAAC;AACJ,SAAC,EACD;AACE,YAAA,iBAAiB,EAAE,IAAI;AACxB,SAAA,CACF;;AAGD,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CACxB,MAAK;AACH,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,GAAG,KAAK;AAChB,gBAAA,CAAC,CAAC,MAAM,GAAG,KAAK;AAChB,gBAAA,IAAI,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,EAAE;oBAC9B,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI;;AAEjC,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,GAAG,IAAI;AAClD,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;AAC9B,SAAC,EACD;AACE,YAAA,iBAAiB,EAAE,IAAI;AACxB,SAAA,CACF;;;AAgBD,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,yBAAyB,CAAC;AA2DnD;AA5GC,IAAA,OAAO;;AAYP,IAAA,iBAAiB;;AAwBT,IAAA,iBAAiB,CAAC,IAAgC,EAAA;AACxD,QAAA,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,EAAE;YACxB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ;;;;IAK9B,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;QACrB,MAAM,SAAS,GAAG,CAAC,CAAW,QAAA,EAAA,IAAI,CAAC,IAAI,EAAE,CAAE,CAAA,CAAC;AAC5C,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE,IAAI,UAAU,EAAE;AAC1C,YAAA,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;;AAE/B,QAAA,OAAO,SAAS;;8GA3HP,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,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,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,IAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAkER,yBAAyB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvEvC,CAA0D,wDAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wQAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAKzD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAChB,0DAA0D,EAEnD,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,wQAAA,CAAA,EAAA;8BA4E1B,WAAW,EAAA,CAAA;sBADrB;gBAMD,OAAO,EAAA,CAAA;sBADN;gBAwCW,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;AC1ItB,MAAM,SAAS,GAAG,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,4BAA4B,CAAC;AAClG,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,CAAC;MAQpD,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,CAChF,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,cAAc,EAAE,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAD7C,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;;;AChBD;;AAEG;;;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.14.1-next.4",
+  "version": "18.14.1-next.5",
   "peerDependencies": {
     "@angular/common": ">=18.2.0",
     "@angular/core": ">=18.2.0",

package/password-box/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from './lib/password-box.component';
 export * from './lib/password-box.module';
+export * from './lib/password-strength-validation/password-strength-validation.component';

package/password-box/lib/password-box.component.d.ts CHANGED Viewed

@@ -19,24 +19,24 @@ export declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base
     /** @ignore */
     protected _icon: 'ax-icon-visibility' | 'ax-icon-visibility-off';
     /**
-   * Sets the autocomplete behavior for the input field.
-   */
+     * Sets the autocomplete behavior for the input field.
+     */
     autoComplete: 'current-password' | 'new-password' | 'one-time-code' | 'off';
     /**
      *  A flag for showing or hiding password button.
      */
     showToggleButton: boolean;
     /**
-   * Defines custom CSS classes to apply to the component.
-   */
+     * Defines custom CSS classes to apply to the component.
+     */
     classNames: string;
     /** @ignore */
     _handleModelChange(value: string): void;
     /**
-   * Toggles the input type between 'password' and 'text' to show or hide the password.
-   */
+     * Toggles the input type between 'password' and 'text' to show or hide the password.
+     */
     toggleType(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule", "ax-password-strength-validation"], false, never>;
 }
 export {};

package/password-box/lib/password-box.module.d.ts CHANGED Viewed

@@ -1,11 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./password-box.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@acorex/components/button";
-import * as i5 from "@acorex/components/decorators";
+import * as i2 from "./password-strength-validation/password-strength-validation.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@acorex/components/button";
+import * as i6 from "@acorex/components/decorators";
+import * as i7 from "@acorex/components/progress-bar";
 export declare class AXPasswordBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPasswordBoxModule, [typeof i1.AXPasswordBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.AXDecoratorModule], [typeof i1.AXPasswordBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPasswordBoxModule, [typeof i1.AXPasswordBoxComponent, typeof i2.AXPasswordStrengthValidationComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.AXButtonModule, typeof i6.AXDecoratorModule, typeof i7.AXProgressBarModule], [typeof i1.AXPasswordBoxComponent, typeof i2.AXPasswordStrengthValidationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPasswordBoxModule>;
 }

package/password-box/lib/password-strength-validation/password-strength-validation.component.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { AXPasswordBoxComponent } from '../password-box.component';
+import * as i0 from "@angular/core";
+export declare class AXPasswordStrengthValidationComponent {
+    #private;
+    protected passwordStrength: import("@angular/core").WritableSignal<number>;
+    protected strengthLabel: import("@angular/core").WritableSignal<string>;
+    protected strengthLabelColor: import("@angular/core").WritableSignal<string>;
+    protected parent: AXPasswordBoxComponent;
+    protected checkPasswordStrength(password: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordStrengthValidationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordStrengthValidationComponent, "ax-password-strength-validation", never, {}, {}, never, never, false, never>;
+}

package/phone-box/lib/phone-box.component.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { AXDataSource, AXValueChangedEvent, MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
+import { AXSelectBoxComponent } from '@acorex/components/select-box';
 import { AXTextBoxComponent } from '@acorex/components/text-box';
 import { CountryItem } from '@acorex/core/common';
 import * as i0 from "@angular/core";
@@ -28,7 +29,7 @@ export declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /**
      * The default country value for the component.
      */
-    country: import("@angular/core").InputSignal<string>;
+    country: import("@angular/core").ModelSignal<string>;
     /**
      * List of included values for the component.
      */
@@ -37,6 +38,7 @@ export declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
      * List of excluded values for the component.
      */
     excluded: import("@angular/core").InputSignal<string[]>;
+    selectBox: import("@angular/core").Signal<AXSelectBoxComponent>;
     /** @ignore */
     protected countries: import("@angular/core").WritableSignal<CountryItem[]>;
     /** @ignore */
@@ -67,6 +69,6 @@ export declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /** @ignore */
     _handleCountryValueChanged(event: AXValueChangedEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPhoneBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPhoneBoxComponent, "ax-phone-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "precode": { "alias": "precode"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "required": false; "isSignal": true; }; "included": { "alias": "included"; "required": false; "isSignal": true; }; "excluded": { "alias": "excluded"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-clear-button ", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPhoneBoxComponent, "ax-phone-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "precode": { "alias": "precode"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "required": false; "isSignal": true; }; "included": { "alias": "included"; "required": false; "isSignal": true; }; "excluded": { "alias": "excluded"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "country": "countryChange"; }, never, ["ax-clear-button ", "ax-validation-rule"], false, never>;
 }
 export {};

package/select-box/lib/select-box.component.d.ts CHANGED Viewed

@@ -79,8 +79,6 @@ export declare class AXSelectBoxComponent extends AXSelectBoxComponent_base impl
     searchBox: AXSearchBoxComponent;
     /** @ignore */
     protected dropdown: AXDropdownBoxComponent;
-    /** @ignore */
-    protected autoHeight: boolean;
     /**
      * Service for managing selection data, injected via `AX_SELECTION_DATA_TOKEN`.
      */
@@ -111,12 +109,6 @@ export declare class AXSelectBoxComponent extends AXSelectBoxComponent_base impl
     protected _handleValueChanged(e: AXValueChangedEvent): void;
     /** @ignore */
     protected _handleOnItemClick(e: AXItemClickEvent): void;
-    /**
-     * Handles changes to the internal value. Closes the component if not in multiple mode, and adjusts height after a short delay.
-     */
-    internalValueChanged(): void;
-    /** @ignore */
-    private detectAutoHeight;
     /** @ignore */
     private setDropdownSize;
     /** @ignore */

package/side-menu/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from './lib/side-menu-item/side-menu-item.compoent';
+export * from './lib/side-menu-item/side-menu-item.component';
 export * from './lib/side-menu.component';
 export * from './lib/side-menu.module';

package/side-menu/lib/side-menu.module.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./side-menu.component";
-import * as i2 from "./side-menu-item/side-menu-item.compoent";
+import * as i2 from "./side-menu-item/side-menu-item.component";
 import * as i3 from "@angular/common";
 import * as i4 from "@acorex/components/common";
 import * as i5 from "@acorex/components/loading";