npm - @acorex/components - Versions diffs - 16.18.5 → 16.18.7 - Mend

@acorex/components 16.18.5 → 16.18.7

Files changed (176) hide show

package/esm2022/lib/fieldset/fieldset.component.mjs CHANGED Viewed

@@ -11,8 +11,8 @@ export class AXFieldsetComponent {
             this.collapsed = !this.collapsed;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXFieldsetComponent, selector: "ax-fieldset", inputs: { size: "size", caption: "caption", allowCollapse: "allowCollapse" }, ngImport: i0, template: "<fieldset class=\"ax fieldset {{size}}\">\n    <legend (click)=\"toggle()\"> {{ caption }} </legend>\n    <div class=\"fieldset-content\" [@visibilityChanged]=\"collapsed ? 'hidden' : 'shown'\">\n        <ng-content></ng-content>\n    </div>\n</fieldset>", animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXFieldsetComponent, selector: "ax-fieldset", inputs: { size: "size", caption: "caption", allowCollapse: "allowCollapse" }, ngImport: i0, template: "<fieldset class=\"ax fieldset {{size}}\">\n    <legend (click)=\"toggle()\"> {{ caption }} </legend>\n    <div class=\"fieldset-content\" [@visibilityChanged]=\"collapsed ? 'hidden' : 'shown'\">\n        <ng-content></ng-content>\n    </div>\n</fieldset>", animations: [
             trigger('visibilityChanged', [
                 state('shown', style({
                     height: '*',
@@ -29,7 +29,7 @@ export class AXFieldsetComponent {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFieldsetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFieldsetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-fieldset', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('visibilityChanged', [

package/esm2022/lib/fieldset/fieldset.module.mjs CHANGED Viewed

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { AXFieldsetComponent } from './fieldset.component';
 import * as i0 from "@angular/core";
 export class AXFieldsetModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFieldsetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXFieldsetModule, declarations: [AXFieldsetComponent], imports: [CommonModule], exports: [AXFieldsetComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFieldsetModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFieldsetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXFieldsetModule, declarations: [AXFieldsetComponent], imports: [CommonModule], exports: [AXFieldsetComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFieldsetModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFieldsetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFieldsetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXFieldsetComponent],

package/esm2022/lib/form-group/form-group.component.mjs CHANGED Viewed

@@ -19,10 +19,10 @@ export class AXFormGroupComponent extends AXBaseComponent {
             this.div.nativeElement.classList.add('required-state');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFormGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXFormGroupComponent, selector: "ax-form-group", inputs: { size: "size" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-group {{size}}\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <div #div class=\"ax form-item {{size}}\" [ngClass]=\"{'required-state': required}\">\n        <div class=\"ax buttons start-buttons\" #startButtons>\n            <ng-content select=\"ax-button[start]\"></ng-content>\n        </div>\n        <div class=\"content\" #content>\n            <ng-content></ng-content>\n        </div>\n        <div class=\"ax buttons end-buttons\" #endButtons>\n            <ng-content select=\"ax-button[end]\"></ng-content>\n            <ng-content select=\"ax-button\"></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFormGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXFormGroupComponent, selector: "ax-form-group", inputs: { size: "size" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-group {{size}}\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <div #div class=\"ax form-item {{size}}\" [ngClass]=\"{'required-state': required}\">\n        <div class=\"ax buttons start-buttons\" #startButtons>\n            <ng-content select=\"ax-button[start]\"></ng-content>\n        </div>\n        <div class=\"content\" #content>\n            <ng-content></ng-content>\n        </div>\n        <div class=\"ax buttons end-buttons\" #endButtons>\n            <ng-content select=\"ax-button[end]\"></ng-content>\n            <ng-content select=\"ax-button\"></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFormGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFormGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div class=\"ax form-group {{size}}\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <div #div class=\"ax form-item {{size}}\" [ngClass]=\"{'required-state': required}\">\n        <div class=\"ax buttons start-buttons\" #startButtons>\n            <ng-content select=\"ax-button[start]\"></ng-content>\n        </div>\n        <div class=\"content\" #content>\n            <ng-content></ng-content>\n        </div>\n        <div class=\"ax buttons end-buttons\" #endButtons>\n            <ng-content select=\"ax-button[end]\"></ng-content>\n            <ng-content select=\"ax-button\"></ng-content>\n        </div>\n    </div>\n</div>" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { size: [{

package/esm2022/lib/form-group/form-group.module.mjs CHANGED Viewed

@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
 const COMPONENT = [AXFormGroupComponent];
 const MODULES = [CommonModule];
 export class AXFormGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXFormGroupModule, declarations: [AXFormGroupComponent], imports: [CommonModule], exports: [AXFormGroupComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFormGroupModule, imports: [MODULES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXFormGroupModule, declarations: [AXFormGroupComponent], imports: [CommonModule], exports: [AXFormGroupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFormGroupModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFormGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFormGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/esm2022/lib/label/label.component.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ export class AXLabelComponent extends AXBaseComponent {
     }
     size = 'md';
     ngOnInit() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXLabelComponent, selector: "ax-label", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-group-label {{size}}\">\n    <label>\n        <ng-content></ng-content>\n    </label>\n</div>", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXLabelComponent, selector: "ax-label", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-group-label {{size}}\">\n    <label>\n        <ng-content></ng-content>\n    </label>\n</div>", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-label', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax form-group-label {{size}}\">\n    <label>\n        <ng-content></ng-content>\n    </label>\n</div>" }]
         }], ctorParameters: () => [], propDecorators: { size: [{

package/esm2022/lib/label/label.module.mjs CHANGED Viewed

@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
 const COMPONENT = [AXLabelComponent];
 const MODULES = [CommonModule];
 export class AXLabelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXLabelModule, declarations: [AXLabelComponent], imports: [CommonModule], exports: [AXLabelComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLabelModule, imports: [MODULES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXLabelModule, declarations: [AXLabelComponent], imports: [CommonModule], exports: [AXLabelComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLabelModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLabelModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/esm2022/lib/loading/loading-indicator.component.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ export class AXLoadingIndicatorComponent {
         this.size = 80;
     }
     size;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXLoadingIndicatorComponent, selector: "ax-loading-indicator", inputs: { size: "size" }, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;display:block;\"\n    [style.width.px]=\"size\" [style.height.px]=\"size\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n    <rect fill=\"var(--ax-gray-trans-light-color)\" x=\"55\" y=\"55\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-1.8333333333333333s\"></animate>\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-1.3333333333333333s\"></animate>\n    </rect>\n    <rect fill=\"var(--ax-primary-light-color)\" x=\"55\" y=\"15\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-1.1666666666666667s\"></animate>\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-0.6666666666666666s\"></animate>\n    </rect>\n    <rect fill=\"var(--ax-primary-dark-color)\" x=\"15\" y=\"34.6776\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"-0.5s\">\n        </animate>\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"0s\">\n        </animate>\n    </rect>\n</svg>" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXLoadingIndicatorComponent, selector: "ax-loading-indicator", inputs: { size: "size" }, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;display:block;\"\n    [style.width.px]=\"size\" [style.height.px]=\"size\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n    <rect fill=\"var(--ax-gray-trans-light-color)\" x=\"55\" y=\"55\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-1.8333333333333333s\"></animate>\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-1.3333333333333333s\"></animate>\n    </rect>\n    <rect fill=\"var(--ax-primary-light-color)\" x=\"55\" y=\"15\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-1.1666666666666667s\"></animate>\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-0.6666666666666666s\"></animate>\n    </rect>\n    <rect fill=\"var(--ax-primary-dark-color)\" x=\"15\" y=\"34.6776\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"-0.5s\">\n        </animate>\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"0s\">\n        </animate>\n    </rect>\n</svg>" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-loading-indicator', template: "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;display:block;\"\n    [style.width.px]=\"size\" [style.height.px]=\"size\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n    <rect fill=\"var(--ax-gray-trans-light-color)\" x=\"55\" y=\"55\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-1.8333333333333333s\"></animate>\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-1.3333333333333333s\"></animate>\n    </rect>\n    <rect fill=\"var(--ax-primary-light-color)\" x=\"55\" y=\"15\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-1.1666666666666667s\"></animate>\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\n            begin=\"-0.6666666666666666s\"></animate>\n    </rect>\n    <rect fill=\"var(--ax-primary-dark-color)\" x=\"15\" y=\"34.6776\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"-0.5s\">\n        </animate>\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"0s\">\n        </animate>\n    </rect>\n</svg>" }]
         }], ctorParameters: () => [], propDecorators: { size: [{

package/esm2022/lib/loading/loading-panel.component.mjs CHANGED Viewed

@@ -20,15 +20,15 @@ export class AXLoadingPanelComponent {
     hide() {
         this.visible = false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingPanelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXLoadingPanelComponent, selector: "ax-loading-panel", inputs: { visible: "visible" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingPanelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXLoadingPanelComponent, selector: "ax-loading-panel", inputs: { visible: "visible" }, ngImport: i0, template: `
     <div onclick="return false;" class="ax ax-loading-panel ax-overlay-wrapper ax-overlay-modal ax-loading-overlay" *ngIf="visible" >
         <ax-loading-indicator tabindex="0" cdkTrapFocus>
         </ax-loading-indicator>
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i3.AXLoadingIndicatorComponent, selector: "ax-loading-indicator", inputs: ["size"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingPanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-loading-panel',

package/esm2022/lib/loading/loading.module.mjs CHANGED Viewed

@@ -5,11 +5,11 @@ import { AXLoadingPanelComponent } from './loading-panel.component';
 import { A11yModule } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export class AXLoadingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingModule, declarations: [AXLoadingIndicatorComponent, AXLoadingPanelComponent], imports: [CommonModule, A11yModule], exports: [AXLoadingIndicatorComponent, AXLoadingPanelComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingModule, imports: [CommonModule, A11yModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingModule, declarations: [AXLoadingIndicatorComponent, AXLoadingPanelComponent], imports: [CommonModule, A11yModule], exports: [AXLoadingIndicatorComponent, AXLoadingPanelComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingModule, imports: [CommonModule, A11yModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXLoadingIndicatorComponent, AXLoadingPanelComponent],

package/esm2022/lib/loading/loading.service.mjs CHANGED Viewed

@@ -37,10 +37,10 @@ export class AXLoadingService {
             this._stack = this._stack.filter(c => c.id !== id);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingService, deps: [{ token: i1.AXRenderService }, { token: i2.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingService, deps: [{ token: i1.AXRenderService }, { token: i2.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLoadingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXLoadingService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.AXRenderService }, { type: i2.AXOverlayService }] });

package/esm2022/lib/menu/menu-item.component.mjs CHANGED Viewed

@@ -16,8 +16,8 @@ export class AXMenuItemComponent {
             this.showSubMenu.emit({ item: this.item, element: this.element, level: this.level });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXMenuItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXMenuItemComponent, selector: "ax-menu-item", inputs: { item: "item", level: "level" }, outputs: { showSubMenu: "showSubMenu" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXMenuItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXMenuItemComponent, selector: "ax-menu-item", inputs: { item: "item", level: "level" }, outputs: { showSubMenu: "showSubMenu" }, ngImport: i0, template: `
       <div  class="ax-menu-item {{item.style}}" [attr.data-level]="level" (click)="showSubItems($event)" [ngClass]="{'disabled': item.disable}" >
         <i *ngIf="item.startIcon" class="icon {{item.startIcon}}"></i>
         <span class="text">{{ item.text }}</span>
@@ -26,7 +26,7 @@ export class AXMenuItemComponent {
       </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXMenuItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-menu-item',

package/esm2022/lib/menu/menu.component.mjs CHANGED Viewed

@@ -79,10 +79,10 @@ export class AXMenuComponent {
             return;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXMenuComponent, selector: "ax-menu", inputs: { menuTemplate: "menuTemplate", rtl: "rtl", size: "size", selection: "selection", mode: "mode", target: "target", floatAlignment: "floatAlignment", floatPlacemnet: "floatPlacemnet", direction: "direction", items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\n    <ng-template #recursiveList let-list>\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\n          [attr.data-uid]=\"item.uid\"\n          [class.split]=\"item.split\">\n          <div class=\"content-side\">\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\n              </ng-container>\n            </ng-container>\n            <ng-template #menuBody>\n              <span class=\"ax-toolbar-menu-item-text\">\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\n              </span>\n            </ng-template>\n          </div>\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\n          </div>\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\n            <ng-container *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.items }\n            \"></ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\n      <i class=\"far fa-bars\"></i>\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\n    </li>\n  </ul>\n</div> -->\n\n<nav>\n  <ul\n    class=\"ax nav-menu\"\n    [class.rtl]=\"rtl\"\n    [class.nav-center]=\"direction == 'horizontal'\"\n    [class.nav-vertical]=\"direction == 'vertical'\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"recursiveMenu; context: { $implicit: items }\"\n    ></ng-container>\n  </ul>\n</nav>\n\n<ng-template #recursiveMenu let-items>\n  <ng-container *ngFor=\"let item of items\">\n    <li\n      class=\"ax {{ item.style }}\"\n      [ngClass]=\"{ disabled: item.disable }\"\n      *ngIf=\"item.visible === undefined || item.visible\"\n      (click)=\"handleItemClick($event, item)\"\n      axTooltip\n      [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\n      [tooltip]=\"item.tooltip ? item.tooltip : ''\"\n    >\n      <div class=\"ax-menu-item\">\n        <span class=\"menu-item-start-side\">\n          <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\n          <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n          <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{\n            item.text\n          }}</span>\n        </span>\n        <span class=\"menu-item-end-side\">\n          <i\n            class=\"far fa-angle-down drop-icon\"\n            *ngIf=\"item.items && item.text\"\n          ></i>\n          <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\n        </span>\n      </div>\n      <ul *ngIf=\"item.items\" class=\"ax-sub-menu {{ placementClass }}\">\n        <ng-container\n          *ngTemplateOutlet=\"recursiveMenu; context: { $implicit: item.items }\"\n        >\n        </ng-container>\n      </ul>\n    </li>\n  </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.AXTooltipDirective, selector: "[axTooltip]", inputs: ["tooltip", "placement", "delay"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXMenuComponent, selector: "ax-menu", inputs: { menuTemplate: "menuTemplate", rtl: "rtl", size: "size", selection: "selection", mode: "mode", target: "target", floatAlignment: "floatAlignment", floatPlacemnet: "floatPlacemnet", direction: "direction", items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\n    <ng-template #recursiveList let-list>\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\n          [attr.data-uid]=\"item.uid\"\n          [class.split]=\"item.split\">\n          <div class=\"content-side\">\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\n              </ng-container>\n            </ng-container>\n            <ng-template #menuBody>\n              <span class=\"ax-toolbar-menu-item-text\">\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\n              </span>\n            </ng-template>\n          </div>\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\n          </div>\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\n            <ng-container *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.items }\n            \"></ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\n      <i class=\"far fa-bars\"></i>\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\n    </li>\n  </ul>\n</div> -->\n\n<nav>\n  <ul\n    class=\"ax nav-menu\"\n    [class.rtl]=\"rtl\"\n    [class.nav-center]=\"direction == 'horizontal'\"\n    [class.nav-vertical]=\"direction == 'vertical'\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"recursiveMenu; context: { $implicit: items }\"\n    ></ng-container>\n  </ul>\n</nav>\n\n<ng-template #recursiveMenu let-items>\n  <ng-container *ngFor=\"let item of items\">\n    <li\n      class=\"ax {{ item.style }}\"\n      [ngClass]=\"{ disabled: item.disable }\"\n      *ngIf=\"item.visible === undefined || item.visible\"\n      (click)=\"handleItemClick($event, item)\"\n      axTooltip\n      [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\n      [tooltip]=\"item.tooltip ? item.tooltip : ''\"\n    >\n      <div class=\"ax-menu-item\">\n        <span class=\"menu-item-start-side\">\n          <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\n          <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n          <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{\n            item.text\n          }}</span>\n        </span>\n        <span class=\"menu-item-end-side\">\n          <i\n            class=\"far fa-angle-down drop-icon\"\n            *ngIf=\"item.items && item.text\"\n          ></i>\n          <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\n        </span>\n      </div>\n      <ul *ngIf=\"item.items\" class=\"ax-sub-menu {{ placementClass }}\">\n        <ng-container\n          *ngTemplateOutlet=\"recursiveMenu; context: { $implicit: item.items }\"\n        >\n        </ng-container>\n      </ul>\n    </li>\n  </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.AXTooltipDirective, selector: "[axTooltip]", inputs: ["tooltip", "placement", "delay"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-menu', encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\n    <ng-template #recursiveList let-list>\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\n          [attr.data-uid]=\"item.uid\"\n          [class.split]=\"item.split\">\n          <div class=\"content-side\">\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\n              </ng-container>\n            </ng-container>\n            <ng-template #menuBody>\n              <span class=\"ax-toolbar-menu-item-text\">\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\n              </span>\n            </ng-template>\n          </div>\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\n          </div>\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\n            <ng-container *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.items }\n            \"></ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\n      <i class=\"far fa-bars\"></i>\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\n    </li>\n  </ul>\n</div> -->\n\n<nav>\n  <ul\n    class=\"ax nav-menu\"\n    [class.rtl]=\"rtl\"\n    [class.nav-center]=\"direction == 'horizontal'\"\n    [class.nav-vertical]=\"direction == 'vertical'\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"recursiveMenu; context: { $implicit: items }\"\n    ></ng-container>\n  </ul>\n</nav>\n\n<ng-template #recursiveMenu let-items>\n  <ng-container *ngFor=\"let item of items\">\n    <li\n      class=\"ax {{ item.style }}\"\n      [ngClass]=\"{ disabled: item.disable }\"\n      *ngIf=\"item.visible === undefined || item.visible\"\n      (click)=\"handleItemClick($event, item)\"\n      axTooltip\n      [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\n      [tooltip]=\"item.tooltip ? item.tooltip : ''\"\n    >\n      <div class=\"ax-menu-item\">\n        <span class=\"menu-item-start-side\">\n          <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\n          <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n          <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{\n            item.text\n          }}</span>\n        </span>\n        <span class=\"menu-item-end-side\">\n          <i\n            class=\"far fa-angle-down drop-icon\"\n            *ngIf=\"item.items && item.text\"\n          ></i>\n          <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\n        </span>\n      </div>\n      <ul *ngIf=\"item.items\" class=\"ax-sub-menu {{ placementClass }}\">\n        <ng-container\n          *ngTemplateOutlet=\"recursiveMenu; context: { $implicit: item.items }\"\n        >\n        </ng-container>\n      </ul>\n    </li>\n  </ng-container>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { _contentMenuTemplate: [{

package/esm2022/lib/menu/menu.module.mjs CHANGED Viewed

@@ -6,11 +6,11 @@ import { AXMenuItemComponent } from './menu-item.component';
 import { AXTooltipModule } from '../tooltip/tooltip.module';
 import * as i0 from "@angular/core";
 export class AXMenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXMenuModule, declarations: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent], imports: [CommonModule, AXTooltipModule], exports: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXMenuModule, imports: [CommonModule, AXTooltipModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXMenuModule, declarations: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent], imports: [CommonModule, AXTooltipModule], exports: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXMenuModule, imports: [CommonModule, AXTooltipModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent],

package/esm2022/lib/menu/menu2.component.mjs CHANGED Viewed

@@ -65,8 +65,8 @@ export class AXMenu2Component {
     ngOnDestroy() {
         this.hideOverlays();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXMenu2Component, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXMenu2Component, selector: "ax-menu2", inputs: { items: "items" }, outputs: { selected: "selected" }, host: { listeners: { "document:click": "onDocumentClick($event.target)" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXMenu2Component, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXMenu2Component, selector: "ax-menu2", inputs: { items: "items" }, outputs: { selected: "selected" }, host: { listeners: { "document:click": "onDocumentClick($event.target)" } }, ngImport: i0, template: `
      <div class="ax ax-menu ax-menu-vertical" [attr.data-level]="level">
         <ax-menu-item
             *ngFor="let item of items"
@@ -77,7 +77,7 @@ export class AXMenu2Component {
      </div>
     `, isInline: true, styles: [".ax.ax-menu{display:flex}.ax.ax-menu.ax-menu-vertical[data-level=\"0\"]{display:flex;flex-direction:row}.ax.ax-menu.ax-menu-vertical:not([data-level=\"0\"]){display:flex;transition:opacity .3s;min-width:12em;box-shadow:0 1px 7px 0 var(--ax-border-color);background:#fff;flex-direction:column}.ax.ax-menu.ax-menu-vertical .ax-menu-item{display:flex;white-space:nowrap;cursor:pointer;padding:0 10px;font-weight:400;font-size:.875rem;line-height:40px;text-decoration:none;align-items:center}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:first-child{margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{margin-inline-start:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item span{flex:1}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled{opacity:.6}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.AXMenuItemComponent, selector: "ax-menu-item", inputs: ["item", "level"], outputs: ["showSubMenu"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXMenu2Component, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXMenu2Component, decorators: [{
             type: Component,
             args: [{ selector: 'ax-menu2', template: `
      <div class="ax ax-menu ax-menu-vertical" [attr.data-level]="level">

package/esm2022/lib/number-box/number-box.component.mjs CHANGED Viewed

@@ -596,10 +596,10 @@ export class AXNumberBoxComponent extends AXBaseTextComponent {
             htmlEvent: e
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXNumberBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: { min: "min", max: "max", showSeparator: "showSeparator", showCurrency: "showCurrency", showCounter: "showCounter", scrollWeel: "scrollWeel", showDoubleCounter: "showDoubleCounter", maxLength: "maxLength", intStep: "intStep", decimalNumber: "decimalNumber", customStep: "customStep" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXNumberBoxComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n    <div class=\"ax items-wrapper\">\n        <ng-content select=\"[start]\">\n        </ng-content>\n        <ax-button icon=\"far fa-plus\" type=\"success blank\" (click)=\"upStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\n    </div>\n    <div class=\"content\" #content>\n        <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n            [class.icon]=\"icon\">\n            <input [autocomplete]=\"autocomplete\" [name]=\"name\" #input type=\"text\" class=\"ax {{size}}\" [maxlength]=\"calcSeparator(maxLength)\" [(ngModel)]=\"textValue\" placeholder=\"{{placeholder}}\"\n                [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n                [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\"\n                (keypress)=\"handleKeyPress($event)\" (ngModelChange)=\"this.userQuestionUpdate.next($event)\"\n                (keydown)=\"handleKeyDown($event)\" (click)=\"handleClick()\" (keyup)=\"handleKeyUp($event)\">\n            <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\n        </div>\n    </div>\n    <div class=\"ax items-wrapper\">\n        <ax-button *ngIf=\"value && allowClear\" [disabled]=\"disabled\" icon=\"far fa-times\" type=\"danger blank\"\n            (click)=\"clear()\"></ax-button>\n            <ax-button icon=\"far fa-minus\" type=\"danger blank\" (click)=\"downStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n        <div class=\"arrow-number\" *ngIf=\"showCounter && !showDoubleCounter && !readonly\" >\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-up\" [size]=\"size\"\n                (mousedown)=\"upStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-down\" [size]=\"size\"\n                (mousedown)=\"downStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\n        </div>\n    </div>\n\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXNumberBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: { min: "min", max: "max", showSeparator: "showSeparator", showCurrency: "showCurrency", showCounter: "showCounter", scrollWeel: "scrollWeel", showDoubleCounter: "showDoubleCounter", maxLength: "maxLength", intStep: "intStep", decimalNumber: "decimalNumber", customStep: "customStep" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXNumberBoxComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n    <div class=\"ax items-wrapper\">\n        <ng-content select=\"[start]\">\n        </ng-content>\n        <ax-button icon=\"far fa-plus\" type=\"success blank\" (click)=\"upStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\n    </div>\n    <div class=\"content\" #content>\n        <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n            [class.icon]=\"icon\">\n            <input [autocomplete]=\"autocomplete\" [name]=\"name\" #input type=\"text\" class=\"ax {{size}}\" [maxlength]=\"calcSeparator(maxLength)\" [(ngModel)]=\"textValue\" placeholder=\"{{placeholder}}\"\n                [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n                [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\"\n                (keypress)=\"handleKeyPress($event)\" (ngModelChange)=\"this.userQuestionUpdate.next($event)\"\n                (keydown)=\"handleKeyDown($event)\" (click)=\"handleClick()\" (keyup)=\"handleKeyUp($event)\">\n            <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\n        </div>\n    </div>\n    <div class=\"ax items-wrapper\">\n        <ax-button *ngIf=\"value && allowClear\" [disabled]=\"disabled\" icon=\"far fa-times\" type=\"danger blank\"\n            (click)=\"clear()\"></ax-button>\n            <ax-button icon=\"far fa-minus\" type=\"danger blank\" (click)=\"downStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n        <div class=\"arrow-number\" *ngIf=\"showCounter && !showDoubleCounter && !readonly\" >\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-up\" [size]=\"size\"\n                (mousedown)=\"upStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-down\" [size]=\"size\"\n                (mousedown)=\"downStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\n        </div>\n    </div>\n\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXNumberBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXNumberBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-number-box', changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [{ provide: AXValidatableComponent, useExisting: AXNumberBoxComponent }], template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n    <div class=\"ax items-wrapper\">\n        <ng-content select=\"[start]\">\n        </ng-content>\n        <ax-button icon=\"far fa-plus\" type=\"success blank\" (click)=\"upStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\n    </div>\n    <div class=\"content\" #content>\n        <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n            [class.icon]=\"icon\">\n            <input [autocomplete]=\"autocomplete\" [name]=\"name\" #input type=\"text\" class=\"ax {{size}}\" [maxlength]=\"calcSeparator(maxLength)\" [(ngModel)]=\"textValue\" placeholder=\"{{placeholder}}\"\n                [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n                [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\"\n                (keypress)=\"handleKeyPress($event)\" (ngModelChange)=\"this.userQuestionUpdate.next($event)\"\n                (keydown)=\"handleKeyDown($event)\" (click)=\"handleClick()\" (keyup)=\"handleKeyUp($event)\">\n            <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\n        </div>\n    </div>\n    <div class=\"ax items-wrapper\">\n        <ax-button *ngIf=\"value && allowClear\" [disabled]=\"disabled\" icon=\"far fa-times\" type=\"danger blank\"\n            (click)=\"clear()\"></ax-button>\n            <ax-button icon=\"far fa-minus\" type=\"danger blank\" (click)=\"downStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n        <div class=\"arrow-number\" *ngIf=\"showCounter && !showDoubleCounter && !readonly\" >\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-up\" [size]=\"size\"\n                (mousedown)=\"upStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-down\" [size]=\"size\"\n                (mousedown)=\"downStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\n        </div>\n    </div>\n\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { min: [{

package/esm2022/lib/number-box/number-box.module.mjs CHANGED Viewed

@@ -5,11 +5,11 @@ import { AXButtonModule } from '../button/button.module';
 import { FormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class AXNumberBoxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXNumberBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXNumberBoxModule, declarations: [AXNumberBoxComponent], imports: [CommonModule, AXButtonModule, FormsModule], exports: [AXNumberBoxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXNumberBoxModule, imports: [CommonModule, AXButtonModule, FormsModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXNumberBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXNumberBoxModule, declarations: [AXNumberBoxComponent], imports: [CommonModule, AXButtonModule, FormsModule], exports: [AXNumberBoxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXNumberBoxModule, imports: [CommonModule, AXButtonModule, FormsModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXNumberBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXNumberBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXNumberBoxComponent],

package/esm2022/lib/page/content.component.mjs CHANGED Viewed

@@ -5,8 +5,8 @@ export class AXPageContentComponent {
     constructor(el) {
         this.el = el;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPageContentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXPageContentComponent, selector: "ax-page-content", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPageContentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXPageContentComponent, selector: "ax-page-content", ngImport: i0, template: `
     <div class='ax-page-content'>
       <div class='inner-content'>
         <ng-content></ng-content>
@@ -14,7 +14,7 @@ export class AXPageContentComponent {
     </div>
   `, isInline: true, styles: [":host{height:100%}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPageContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPageContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-page-content', template: `
     <div class='ax-page-content'>

package/esm2022/lib/page/footer.component.mjs CHANGED Viewed

@@ -1,12 +1,12 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AXPageFooterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXPageFooterComponent, selector: "ax-page-footer", ngImport: i0, template: `<div class='ax-page-footer' >
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXPageFooterComponent, selector: "ax-page-footer", ngImport: i0, template: `<div class='ax-page-footer' >
           <ng-content></ng-content>
        </div>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPageFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPageFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-page-footer',

package/esm2022/lib/page/page.component.mjs CHANGED Viewed

@@ -28,8 +28,8 @@ export class AXPageComponent {
             this._loadingId = this.loadingService.show(this.el.nativeElement);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPageComponent, deps: [{ token: i0.ElementRef }, { token: i1.AXLoadingService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXPageComponent, selector: "ax-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPageComponent, deps: [{ token: i0.ElementRef }, { token: i1.AXLoadingService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXPageComponent, selector: "ax-page", ngImport: i0, template: `
   <div class="page-content-wrap">
     <div class="ax-page-toolbar">
       <ng-content select="ax-toolbar"></ng-content>
@@ -39,7 +39,7 @@ export class AXPageComponent {
   </div>
 `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-page',

package/esm2022/lib/page/page.module.mjs CHANGED Viewed

@@ -6,11 +6,11 @@ import { AXPageComponent } from './page.component';
 import { AXLoadingModule } from '../loading/loading.module';
 import * as i0 from "@angular/core";
 export class AXPageModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXPageModule, declarations: [AXPageContentComponent, AXPageFooterComponent, AXPageComponent], imports: [CommonModule, AXLoadingModule], exports: [AXPageContentComponent, AXPageFooterComponent, AXPageComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPageModule, imports: [CommonModule, AXLoadingModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXPageModule, declarations: [AXPageContentComponent, AXPageFooterComponent, AXPageComponent], imports: [CommonModule, AXLoadingModule], exports: [AXPageContentComponent, AXPageFooterComponent, AXPageComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPageModule, imports: [CommonModule, AXLoadingModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXPageContentComponent, AXPageFooterComponent, AXPageComponent],

package/esm2022/lib/panel-box/panel-box.component.mjs CHANGED Viewed

@@ -32,8 +32,8 @@ export class AXPanelBoxComponent {
             this.collapsed = !this.collapsed;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPanelBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXPanelBoxComponent, selector: "ax-panel-box", inputs: { size: "size", type: "type", caption: "caption", collapsed: "collapsed", allowCollapse: "allowCollapse" }, outputs: { collapsedChange: "collapsedChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"ax-panel-box ax {{size}}\">\n  <ng-container *ngIf=\"headerTemplate; else elseTemplate\">\n    <header [class.toggle]=\"allowCollapse\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\">\n      </ng-container>\n    </header>\n  </ng-container>\n  <ng-template #elseTemplate>\n    <header class=\"ax panel {{type}}\" [class.toggle]=\"allowCollapse\" (click)=\"toggle()\">\n      <div [innerHTML]=\"caption\"></div>\n      <div *ngIf=\"allowCollapse\">\n        <i [ngClass]=\"{ 'far fa-minus-square' : !collapsed ,'fas fa-plus-square' : collapsed }\"></i>\n      </div>\n    </header>\n  </ng-template>\n  <div class=\"content\" [@visibilityChanged]=\"collapsed ? 'hidden' : 'shown'\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".ax-panel-box{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-radius:var(--ax-size-border-radius);overflow:hidden;font-family:inherit;font-size:inherit;position:relative}.ax-panel-box header{display:flex;flex:1;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ax-border-color);padding:.8em}.ax-panel-box .content{padding:.8em;overflow:hidden}.ax-panel-box .toggle{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPanelBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXPanelBoxComponent, selector: "ax-panel-box", inputs: { size: "size", type: "type", caption: "caption", collapsed: "collapsed", allowCollapse: "allowCollapse" }, outputs: { collapsedChange: "collapsedChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"ax-panel-box ax {{size}}\">\n  <ng-container *ngIf=\"headerTemplate; else elseTemplate\">\n    <header [class.toggle]=\"allowCollapse\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\">\n      </ng-container>\n    </header>\n  </ng-container>\n  <ng-template #elseTemplate>\n    <header class=\"ax panel {{type}}\" [class.toggle]=\"allowCollapse\" (click)=\"toggle()\">\n      <div [innerHTML]=\"caption\"></div>\n      <div *ngIf=\"allowCollapse\">\n        <i [ngClass]=\"{ 'far fa-minus-square' : !collapsed ,'fas fa-plus-square' : collapsed }\"></i>\n      </div>\n    </header>\n  </ng-template>\n  <div class=\"content\" [@visibilityChanged]=\"collapsed ? 'hidden' : 'shown'\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".ax-panel-box{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-radius:var(--ax-size-border-radius);overflow:hidden;font-family:inherit;font-size:inherit;position:relative}.ax-panel-box header{display:flex;flex:1;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ax-border-color);padding:.8em}.ax-panel-box .content{padding:.8em;overflow:hidden}.ax-panel-box .toggle{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger("visibilityChanged", [
                 state("shown", style({
                     height: "*",
@@ -50,7 +50,7 @@ export class AXPanelBoxComponent {
             ]),
         ] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPanelBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPanelBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: "ax-panel-box", animations: [
                         trigger("visibilityChanged", [

package/esm2022/lib/panel-box/panel-box.module.mjs CHANGED Viewed

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { AXPanelBoxComponent } from './panel-box.component';
 import * as i0 from "@angular/core";
 export class AXPanelBoxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPanelBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXPanelBoxModule, declarations: [AXPanelBoxComponent], imports: [CommonModule], exports: [AXPanelBoxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPanelBoxModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPanelBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXPanelBoxModule, declarations: [AXPanelBoxComponent], imports: [CommonModule], exports: [AXPanelBoxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPanelBoxModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPanelBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPanelBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXPanelBoxComponent],

package/esm2022/lib/password-box/password-box.component.mjs CHANGED Viewed

@@ -22,10 +22,10 @@ export class AXPasswordBoxComponent extends AXBaseTextComponent {
             this.eyeIcon = 'far fa-eye';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPasswordBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXPasswordBoxComponent, selector: "ax-password-box", host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXPasswordBoxComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n    <div class=\"ax items-wrapper\">\n        <ng-content select=\"[start]\">\n        </ng-content>\n        <i class=\"form-item-icon {{icon}}\" *ngIf=\"icon\"></i>\n\n    </div>\n    <div class=\"content\" #content>\n        <div class=\"ax input form-control {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\" [class.icon]=\"icon\">\n            <input [autocomplete]=\"autocomplete\" [name]=\"name\" #input [type]=\"type\" class=\"ax {{size}}\" value=\"{{value}}\" placeholder=\"{{placeholder}}\"\n                [readonly]=\"readonly\" [disabled]=\"disabled\"\n                [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\">\n        </div>\n    </div>\n    <div class=\"ax items-wrapper\">\n        <ax-button *ngIf=\"value && allowClear\" icon=\"fas fa-times\" type=\"danger blank\" (click)=\"clear()\"  [tabIndex]=\"-1\"></ax-button>\n        <ax-button [disabled]=\"disabled\" [icon]=\"eyeIcon\" type=\"light blank\" size=\"{{size}}\" (click)=\"handleShowPassword()\"  [tabIndex]=\"-1\">\n            <!-- <i class=\"\" [ngClass]=\"{'fa-eye': type === 'password','fa-eye-slash':type === 'text'}\"></i> -->\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPasswordBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXPasswordBoxComponent, selector: "ax-password-box", host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXPasswordBoxComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n    <div class=\"ax items-wrapper\">\n        <ng-content select=\"[start]\">\n        </ng-content>\n        <i class=\"form-item-icon {{icon}}\" *ngIf=\"icon\"></i>\n\n    </div>\n    <div class=\"content\" #content>\n        <div class=\"ax input form-control {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\" [class.icon]=\"icon\">\n            <input [autocomplete]=\"autocomplete\" [name]=\"name\" #input [type]=\"type\" class=\"ax {{size}}\" value=\"{{value}}\" placeholder=\"{{placeholder}}\"\n                [readonly]=\"readonly\" [disabled]=\"disabled\"\n                [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\">\n        </div>\n    </div>\n    <div class=\"ax items-wrapper\">\n        <ax-button *ngIf=\"value && allowClear\" icon=\"fas fa-times\" type=\"danger blank\" (click)=\"clear()\"  [tabIndex]=\"-1\"></ax-button>\n        <ax-button [disabled]=\"disabled\" [icon]=\"eyeIcon\" type=\"light blank\" size=\"{{size}}\" (click)=\"handleShowPassword()\"  [tabIndex]=\"-1\">\n            <!-- <i class=\"\" [ngClass]=\"{'fa-eye': type === 'password','fa-eye-slash':type === 'text'}\"></i> -->\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPasswordBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPasswordBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-password-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [{ provide: AXValidatableComponent, useExisting: AXPasswordBoxComponent }], template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n    <div class=\"ax items-wrapper\">\n        <ng-content select=\"[start]\">\n        </ng-content>\n        <i class=\"form-item-icon {{icon}}\" *ngIf=\"icon\"></i>\n\n    </div>\n    <div class=\"content\" #content>\n        <div class=\"ax input form-control {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\" [class.icon]=\"icon\">\n            <input [autocomplete]=\"autocomplete\" [name]=\"name\" #input [type]=\"type\" class=\"ax {{size}}\" value=\"{{value}}\" placeholder=\"{{placeholder}}\"\n                [readonly]=\"readonly\" [disabled]=\"disabled\"\n                [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\">\n        </div>\n    </div>\n    <div class=\"ax items-wrapper\">\n        <ax-button *ngIf=\"value && allowClear\" icon=\"fas fa-times\" type=\"danger blank\" (click)=\"clear()\"  [tabIndex]=\"-1\"></ax-button>\n        <ax-button [disabled]=\"disabled\" [icon]=\"eyeIcon\" type=\"light blank\" size=\"{{size}}\" (click)=\"handleShowPassword()\"  [tabIndex]=\"-1\">\n            <!-- <i class=\"\" [ngClass]=\"{'fa-eye': type === 'password','fa-eye-slash':type === 'text'}\"></i> -->\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });

package/esm2022/lib/password-box/password-box.module.mjs CHANGED Viewed

@@ -7,11 +7,11 @@ import * as i0 from "@angular/core";
 const COMPONENT = [AXPasswordBoxComponent];
 const MODULES = [CommonModule, AXButtonModule, AXFormGroupModule];
 export class AXPasswordBoxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPasswordBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXPasswordBoxModule, declarations: [AXPasswordBoxComponent], imports: [CommonModule, AXButtonModule, AXFormGroupModule], exports: [AXPasswordBoxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPasswordBoxModule, imports: [MODULES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPasswordBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXPasswordBoxModule, declarations: [AXPasswordBoxComponent], imports: [CommonModule, AXButtonModule, AXFormGroupModule], exports: [AXPasswordBoxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPasswordBoxModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXPasswordBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXPasswordBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],