@acorex/components 6.1.0 → 6.1.2

package/fesm2020/acorex-components-loading.mjs

@@ -44,14 +44,14 @@ class AXLoadingComponent extends AXBaseComponentMixin {
         }
     }
 }
-AXLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXLoadingComponent, selector: "ax-loading", inputs: { visible: "visible", type: "type", text: "text" }, outputs: { visibleChange: "visibleChange" }, host: { classAttribute: "ax-loading" }, usesInheritance: true, ngImport: i0, template: `
+AXLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXLoadingComponent, selector: "ax-loading", inputs: { visible: "visible", type: "type", text: "text" }, outputs: { visibleChange: "visibleChange" }, host: { classAttribute: "ax-loading" }, usesInheritance: true, ngImport: i0, template: `
     <ng-template
       [cdkPortalOutlet]="_selectedPortal"
       (attached)="_handleAttched($event)"
     ></ng-template>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-loading',
@@ -77,8 +77,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
 
 class AXLoadingSpinnerComponent {
 }
-AXLoadingSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXLoadingSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXLoadingSpinnerComponent, selector: "ax-loading-spinner", host: { classAttribute: "ax-loading-spinner" }, ngImport: i0, template: `
+AXLoadingSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXLoadingSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXLoadingSpinnerComponent, selector: "ax-loading-spinner", host: { classAttribute: "ax-loading-spinner" }, ngImport: i0, template: `
     <svg
       version="1.1"
       width="24"
@@ -108,7 +108,7 @@ AXLoadingSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
     </svg>
     <span class="ax-ms-3" *ngIf="text"> {{ text }} </span>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingSpinnerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-loading-spinner',
@@ -199,9 +199,9 @@ class AXLoadingDirective {
         this.renderer.addClass(this.overlayElement, OVERLAY_CLASS);
     }
 }
-AXLoadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-AXLoadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: AXLoadingDirective, selector: "[axIsLoading]", inputs: { isLoading: ["axIsLoading", "isLoading"] }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingDirective, decorators: [{
+AXLoadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+AXLoadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AXLoadingDirective, selector: "[axIsLoading]", inputs: { isLoading: ["axIsLoading", "isLoading"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axIsLoading]'
@@ -224,10 +224,10 @@ class AXLoadingModule {
         });
     }
 }
-AXLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingModule, declarations: [AXLoadingComponent, AXLoadingDirective, AXLoadingSpinnerComponent], imports: [CommonModule, OverlayModule, PortalModule], exports: [AXLoadingComponent, AXLoadingDirective, AXLoadingSpinnerComponent] });
-AXLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingModule, decorators: [{
+AXLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingModule, declarations: [AXLoadingComponent, AXLoadingDirective, AXLoadingSpinnerComponent], imports: [CommonModule, OverlayModule, PortalModule], exports: [AXLoadingComponent, AXLoadingDirective, AXLoadingSpinnerComponent] });
+AXLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],
@@ -378,9 +378,9 @@ class AXLoadingService {
         return loaderId ?? DEFAULT_LOADER_ID;
     }
 }
-AXLoadingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingService, deps: [{ token: i0.NgZone }, { token: i1$2.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
-AXLoadingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXLoadingService, decorators: [{
+AXLoadingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingService, deps: [{ token: i0.NgZone }, { token: i1$2.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
+AXLoadingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXLoadingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2020/acorex-components-menu.mjs

@@ -315,9 +315,9 @@ class AXMenuComponent extends AXBaseMenuMixin {
         this._overlayRef?.detach();
     }
 }
-AXMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
-AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXMenuComponent, selector: "ax-menu", inputs: { disabled: "disabled", tabIndex: "tabIndex", textField: "textField", valueField: "valueField", items: "items", parentId: "parentId", iconField: "iconField", tooltip: "tooltip", isOpen: "isOpen", isActive: "isActive", visibleField: "visibleField", disableField: "disableField", hasChildField: "hasChildField", dividerField: "dividerField", openMode: "openMode", orientation: "orientation", showModal: "showModal" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onMenuItemClick: "onMenuItemClick" }, host: { classAttribute: "ax-menu" }, queries: [{ propertyName: "_contentEmptyTemplate", first: true, predicate: ["emptyTemplate"], descendants: true }, { propertyName: "_contentItemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n    <ul [ngClass]=\"_getDirection()\" [class.ax-rtl]=\"rtl\">\r\n        <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: displayItems }\"></ng-container>\r\n    </ul>\r\n    <ng-template #recursiveListTmpl let-list=\"list\">\r\n        <ng-container *ngFor=\"let item of list\">\r\n            <li *ngIf=\"item[visibleField] !=false\" [class.ax-state-disabled]=\"item[disableField]\"\r\n                (click)=\"_onMenuClick($event,item)\" (mouseenter)=\"_onMenuMouseEnter($event,item)\"\r\n                [ngClass]=\"{'ax-state-active ': item.isActive}\">\r\n                <div class=\"ax-menu-item\" *ngIf=\"itemTemplate == null else tmpItem\">\r\n                    <div class=\"ax-menu-item-prefix\">\r\n                        <ax-icon *ngIf=\"item[iconField]\" [class]=\"item[iconField]\"></ax-icon>\r\n                        <span>{{_getItemDisplayTextTemplte(item)}}</span>\r\n                    </div>\r\n                    <div class=\"ax-menu-item-suffix\">\r\n                        <ax-icon *ngIf=\"!item.isLoading\"\r\n                            [ngClass]=\"{'ax-ic-chevron':item?.children?.length > 0,'ax-menu-active-icon': item.isOpen}\">\r\n                        </ax-icon>\r\n                        <ax-loading *ngIf=\"item.isLoading\">\r\n                        </ax-loading>\r\n                    </div>\r\n                </div>\r\n                <!--------------- check for custom  item template  --------------->\r\n                <ng-template #tmpItem>\r\n                    <ng-container *ngIf=\"!isLoading\">\r\n                        <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: item }\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-template>\r\n                <ul *ngIf=\"item?.children?.length > 0 && item.isOpen &&!_overlayRef\"\r\n                    [class.ax-state-disabled]=\"item[disableField]\">\r\n                    <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: item.children }\">\r\n                    </ng-container>\r\n                </ul>\r\n            </li>\r\n            <li class=\"ax-divider\" *ngIf=\"item[this.dividerField]\"></li>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n<ng-container *ngIf=\"isLoading\">\r\n    <ng-template>\r\n        <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n        </div>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #tmpEmpty>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <!--------------- check for custom template  --------------->\r\n        <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template #elseEmptyTemplate>\r\n            <div class=\"ax-list-item\">\r\n                {{ 'common.no-result-found' | trans }}\r\n            </div>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-template>", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuComponent, decorators: [{
+AXMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
+AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXMenuComponent, selector: "ax-menu", inputs: { disabled: "disabled", tabIndex: "tabIndex", textField: "textField", valueField: "valueField", items: "items", parentId: "parentId", iconField: "iconField", tooltip: "tooltip", isOpen: "isOpen", isActive: "isActive", visibleField: "visibleField", disableField: "disableField", hasChildField: "hasChildField", dividerField: "dividerField", openMode: "openMode", orientation: "orientation", showModal: "showModal" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onMenuItemClick: "onMenuItemClick" }, host: { classAttribute: "ax-menu" }, queries: [{ propertyName: "_contentEmptyTemplate", first: true, predicate: ["emptyTemplate"], descendants: true }, { propertyName: "_contentItemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n    <ul [ngClass]=\"_getDirection()\" [class.ax-rtl]=\"rtl\">\r\n        <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: displayItems }\"></ng-container>\r\n    </ul>\r\n    <ng-template #recursiveListTmpl let-list=\"list\">\r\n        <ng-container *ngFor=\"let item of list\">\r\n            <li *ngIf=\"item[visibleField] !=false\" [class.ax-state-disabled]=\"item[disableField]\"\r\n                (click)=\"_onMenuClick($event,item)\" (mouseenter)=\"_onMenuMouseEnter($event,item)\"\r\n                [ngClass]=\"{'ax-state-active ': item.isActive}\">\r\n                <div class=\"ax-menu-item\" *ngIf=\"itemTemplate == null else tmpItem\">\r\n                    <div class=\"ax-menu-item-prefix\">\r\n                        <ax-icon *ngIf=\"item[iconField]\" [class]=\"item[iconField]\"></ax-icon>\r\n                        <span>{{_getItemDisplayTextTemplte(item)}}</span>\r\n                    </div>\r\n                    <div class=\"ax-menu-item-suffix\">\r\n                        <ax-icon *ngIf=\"!item.isLoading\"\r\n                            [ngClass]=\"{'ax-ic-chevron':item?.children?.length > 0,'ax-menu-active-icon': item.isOpen}\">\r\n                        </ax-icon>\r\n                        <ax-loading *ngIf=\"item.isLoading\">\r\n                        </ax-loading>\r\n                    </div>\r\n                </div>\r\n                <!--------------- check for custom  item template  --------------->\r\n                <ng-template #tmpItem>\r\n                    <ng-container *ngIf=\"!isLoading\">\r\n                        <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: item }\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-template>\r\n                <ul *ngIf=\"item?.children?.length > 0 && item.isOpen &&!_overlayRef\"\r\n                    [class.ax-state-disabled]=\"item[disableField]\">\r\n                    <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: item.children }\">\r\n                    </ng-container>\r\n                </ul>\r\n            </li>\r\n            <li class=\"ax-divider\" *ngIf=\"item[this.dividerField]\"></li>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n<ng-container *ngIf=\"isLoading\">\r\n    <ng-template>\r\n        <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n        </div>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #tmpEmpty>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <!--------------- check for custom template  --------------->\r\n        <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template #elseEmptyTemplate>\r\n            <div class=\"ax-list-item\">\r\n                {{ 'common.no-result-found' | trans }}\r\n            </div>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-template>", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-menu', inputs: [
                         'disabled',
@@ -355,13 +355,13 @@ const MODULES = [
 ];
 class AXMenuModule {
 }
-AXMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, declarations: [AXMenuComponent], imports: [CommonModule, AXDecoratorModule,
+AXMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXMenuModule, declarations: [AXMenuComponent], imports: [CommonModule, AXDecoratorModule,
         AXLoadingModule,
         AXTranslationModule,
         OverlayModule], exports: [AXMenuComponent] });
-AXMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, imports: [CommonModule, MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, decorators: [{
+AXMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXMenuModule, imports: [CommonModule, MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2020/acorex-components-mixin.mjs

@@ -5,8 +5,6 @@ import _ from 'lodash';
 import { unionBy, flatMapDeep } from 'lodash-es';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import { AXObjectUtil } from '@acorex/core/utils';
-import { Subscription, Subject } from 'rxjs';
-import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
 
 var _AXBaseComponent_elementRef;
 class AXBaseComponent {
@@ -82,11 +80,16 @@ class AXBaseComponent {
         if (option.afterCallback)
             option.afterCallback(oldValue, newValue);
     }
+    _isRtl() {
+        return window
+            .getComputedStyle(this._getHostElement())
+            .getPropertyValue('direction') == 'rtl';
+    }
 }
 _AXBaseComponent_elementRef = new WeakMap();
-AXBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXBaseComponent, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Injectable });
-AXBaseComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXBaseComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXBaseComponent, decorators: [{
+AXBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXBaseComponent, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Injectable });
+AXBaseComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXBaseComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXBaseComponent, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -933,88 +936,60 @@ const SIZABLE_INPUTS = [
 const SIZABLE_OUTPUT = [];
 
 function _TextboxComponenetMixin(Base) {
-    var _valueSubscription, _valueSubject, _a;
-    return _a = class extends Base {
+    return class extends Base {
+        /**
+        *  @ignore
+        */
+        constructor(...args) {
+            super(...args.slice(0, 2));
             /**
-            *  @ignore
+           *  A string value that specifies the type of text box.
+           */
+            this.type = 'text';
+            /**
+            *  A string value that specifies the placeholder of text box.
             */
-            constructor(...args) {
-                super(...args.slice(0, 2));
-                /**
-               *  A string value that specifies the type of text box.
-               */
-                this.type = 'text';
-                /**
-                *  A string value that specifies the placeholder of text box.
-                */
-                this.placeholder = '';
-                this.debounceTime = 0;
-                _valueSubscription.set(this, new Subscription());
-                _valueSubject.set(this, new Subject());
-                /**
-                *  Fires each time the user press a key.
-                *  @event
-                */
-                this.onKeyDown = new EventEmitter();
-                /**
-              *  Fires each time the user press a key.
-              *  @event
-              */
-                this.onKeyUp = new EventEmitter();
-                /**
-                *  Fires each time the user press a key.
-                *  @event
-                */
-                this.onKeyPress = new EventEmitter();
-            }
-            _emitOnKeydownEvent(e) {
-                this.onKeyDown.emit({
-                    component: this,
-                    nativeEvent: e
-                });
-                this._setUserInteraction();
-            }
-            _emitOnKeyupEvent(e) {
-                this.onKeyUp.emit({
-                    component: this,
-                    nativeEvent: e
-                });
-                this._setUserInteraction();
-            }
-            _emitOnKeypressEvent(e) {
-                this.onKeyPress.emit({
-                    component: this,
-                    nativeEvent: e
-                });
-                this._setUserInteraction();
-            }
-            _handleModleChange(value) {
-                if (!this.debounceTime)
-                    this._settleValue(value);
-                else {
-                    __classPrivateFieldGet(this, _valueSubject, "f").next(value);
-                }
-            }
-            _settleValue(value) {
-                this.value = value;
-            }
-            onInit() {
-                __classPrivateFieldSet(this, _valueSubscription, __classPrivateFieldGet(this, _valueSubject, "f")
-                    .pipe(debounceTime(this.debounceTime))
-                    .pipe(distinctUntilChanged())
-                    .subscribe((v) => {
-                    this._settleValue(v);
-                }), "f");
-            }
-            onDestroy() {
-                __classPrivateFieldGet(this, _valueSubscription, "f").unsubscribe();
-            }
-        },
-        _valueSubscription = new WeakMap(),
-        _valueSubject = new WeakMap(),
-        _a;
+            this.placeholder = '';
+            /**
+            *  Fires each time the user press a key.
+            *  @event
+            */
+            this.onKeyDown = new EventEmitter();
+            /**
+          *  Fires each time the user press a key.
+          *  @event
+          */
+            this.onKeyUp = new EventEmitter();
+            /**
+            *  Fires each time the user press a key.
+            *  @event
+            */
+            this.onKeyPress = new EventEmitter();
+        }
+        _emitOnKeydownEvent(e) {
+            this.onKeyDown.emit({
+                component: this,
+                nativeEvent: e
+            });
+            this._setUserInteraction();
+        }
+        _emitOnKeyupEvent(e) {
+            this.onKeyUp.emit({
+                component: this,
+                nativeEvent: e
+            });
+            this._setUserInteraction();
+        }
+        _emitOnKeypressEvent(e) {
+            this.onKeyPress.emit({
+                component: this,
+                nativeEvent: e
+            });
+            this._setUserInteraction();
+        }
+    };
 }
-const TEXTBOX_INPUTS = ['placeholder', 'maxLength', 'allowNull', 'debounceTime', 'type', 'autoComplete', 'readonly', 'allowNull', 'value', 'name', 'checked'];
+const TEXTBOX_INPUTS = ['placeholder', 'maxLength', 'allowNull', 'type', 'autoComplete', 'readonly', 'value', 'name'];
 const TEXTBOX_OUTPUT = ['valueChange', 'onValueChanged'];
 
 function _ValueComponenetMixin(Base) {
@@ -1127,6 +1102,7 @@ function _ValueComponenetMixin(Base) {
                 this.value = null;
             }
             validate() {
+                debugger;
                 const rules = Array.from(this._getHostElement().querySelectorAll('ax-validation-rule')).filter((c) => c.__axContext__.enabled);
                 //
                 if (!rules || rules.length === 0) {