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

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":";;;;;;;;;;;;;AAeM,MAAO,wBAAyB,SAAQ,YAAY,CAAA;AAA1D,IAAA,WAAA,GAAA;;QACE,IAAO,CAAA,OAAA,GAAG,KAAK;;AAChB;AAkBK,MAAO,uBAAwB,SAAQ,OAAO,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAA;AAa5F,IAAA,WAAA,CAAoB,IAAgB,EAAA;AAClC,QAAA,KAAK,EAAE;QADW,IAAI,CAAA,IAAA,GAAJ,IAAI;AAZxB,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;AAExB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;AAEhB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC;AAEzB,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAErB,IAAO,CAAA,OAAA,GAAG,MAAM,EAA4B;AAElC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;QAKhC,eAAe,CAAC,MAAK;YACnB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AACjG,SAAC,CAAC;;AAGJ,IAAA,iBAAiB,CAAC,CAAa,EAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE;YAAE;AACvC,QAAA,MAAM,KAAK,GAAG;AACZ,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE;AAClC,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,OAAO,EAAE,KAAK;SACf;AACD,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAClB,IAAI,CAAC,MAAM,EAAE;;QAEf,CAAC,CAAC,eAAe,EAAE;;IAGrB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;;IAG1C,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;;IAG5B,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;;AAE7B,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,CAAC,CAAM,GAAA,EAAA,IAAI,CAAC,KAAK,CAAA,MAAA,CAAQ,CAAC;;8GAjDxB,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,YAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnCpC,y+BAmCA,EDVc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,UAAA,EAAA;YACV,OAAO,CAAC,UAAU,EAAE;AAClB,gBAAA,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;AACrE,gBAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;gBAC3D,UAAU,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG,GAAG,YAAY,CAAC,CAAC;gBACxD,UAAU,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG,GAAG,aAAa,CAAC,CAAC;aAC1D,CAAC;AACH,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAGU,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAhBnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EACrB,MAAA,EAAA,CAAC,UAAU,EAAE,OAAO,CAAC,EAAA,eAAA,EAEZ,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EACzB,UAAA,EAAA;wBACV,OAAO,CAAC,UAAU,EAAE;AAClB,4BAAA,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;AACrE,4BAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;4BAC3D,UAAU,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG,GAAG,YAAY,CAAC,CAAC;4BACxD,UAAU,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG,GAAG,aAAa,CAAC,CAAC;yBAC1D,CAAC;AACH,qBAAA,EAAA,IAAA,EACK,EAAE,eAAe,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,y+BAAA,EAAA;+EAkDrB,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;AE/EtB;;;AAGG;AAQG,MAAO,mBAAoB,SAAQ,WAAW,CAAA;8GAAvC,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,2ECdhC,yFAAqF,EAAA,MAAA,EAAA,CAAA,qiKAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDcxE,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,mBAGP,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,yFAAA,EAAA,MAAA,EAAA,CAAA,qiKAAA,CAAA,EAAA;;;AEJvC,MAAM,SAAS,GAAG,CAAC,mBAAmB,EAAE,uBAAuB,CAAC;AAChE,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,mBAAmB,CAAC;MAQ1F,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,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,gBAAgB,iBATV,mBAAmB,EAAE,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAC9C,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,mBAAmB,CADnF,EAAA,OAAA,EAAA,CAAA,mBAAmB,EAAE,uBAAuB,CAAA,EAAA,CAAA,CAAA;AASlD,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,gBAAgB,YARZ,YAAY,EAAE,cAAc,EAAqB,eAAe,EAAE,mBAAmB,CAAA,EAAA,CAAA,CAAA;;2FAQzF,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,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/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":"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"}

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";