@acorex/components 7.2.6 → 7.2.8

package/fesm2022/acorex-components-tooltip.mjs

@@ -12,10 +12,10 @@ class AXTooltipComponent extends AXBaseComponentMixin {
         super(elementRef, cdr);
         this.text = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AXTooltipComponent, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\n</div>\n", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AXTooltipComponent, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\n</div>\n", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tooltip', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\n</div>\n", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
@@ -155,10 +155,10 @@ class AXTooltipDirective {
         this.overlayRef.detach();
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { text: ["axTooltip", "text"], position: ["axTooltipPosition", "position"] }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { text: ["axTooltip", "text"], position: ["axTooltipPosition", "position"] }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTooltipDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axTooltip]' }]
         }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i1.OverlayPositionBuilder }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
@@ -178,11 +178,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
 const COMPONENT = [AXTooltipComponent, AXTooltipDirective];
 const MODULES = [CommonModule, OverlayModule];
 class AXTooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXTooltipModule, declarations: [AXTooltipComponent, AXTooltipDirective], imports: [CommonModule, OverlayModule], exports: [AXTooltipComponent, AXTooltipDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTooltipModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AXTooltipModule, declarations: [AXTooltipComponent, AXTooltipDirective], imports: [CommonModule, OverlayModule], exports: [AXTooltipComponent, AXTooltipDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTooltipModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2022/acorex-components-uploader.mjs

@@ -73,10 +73,10 @@ class AXUploaderComponent extends AXBaseComponentMixin {
     get __defaultClass() {
         return !this._placeholder?.nativeElement.childNodes.length;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n    <div #contentRef><ng-content></ng-content></div>\n</ng-container>\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\n            browse</span></div>\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n    <div #contentRef><ng-content></ng-content></div>\n</ng-container>\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\n            browse</span></div>\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXUploaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXUploaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container>\n    <div #contentRef><ng-content></ng-content></div>\n</ng-container>\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\n            browse</span></div>\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
@@ -100,11 +100,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }] } });
 
 class AXUploaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXUploaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXUploaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXUploaderComponent],

package/fesm2022/acorex-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components.mjs","sources":["../../../../libs/components/src/index.ts","../../../../libs/components/src/acorex-components.ts"],"sourcesContent":["export default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA,YAAe,EAAE;;ACAjB;;AAEG"}
+{"version":3,"file":"acorex-components.mjs","sources":["../../../../libs/components/index.ts","../../../../libs/components/acorex-components.ts"],"sourcesContent":["export default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA,YAAe,EAAE;;ACAjB;;AAEG"}

package/mixin/lib/base-components.class.d.ts

@@ -57,9 +57,9 @@ export declare function _BaseComponenetMixin<TBase extends Constructor<AXBaseCom
         /**
          * A token that specifies the layout direction of component.
          */
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": ElementRef<any>;
+        "__#5171@#elementRef": ElementRef<any>;
         _cdr: ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/base-menu-mixin.class.d.ts

@@ -6,8 +6,8 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
     new (...args: any[]): {
         textField: string;
         valueField: string;
-        "__#5089@#isLoading": boolean;
-        "__#5089@#loadedItems": any;
+        "__#5172@#isLoading": boolean;
+        "__#5172@#loadedItems": any;
         visibleField: string;
         disableField: string;
         hasChildField: string;
@@ -16,7 +16,7 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         displayMode: 'horizontal' | 'vertical' | 'sidemenu';
         dividerField: string;
         onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
-        "__#5089@#items": any;
+        "__#5172@#items": any;
         items: any;
         readonly displayItems: any;
         readonly isLoading: boolean;
@@ -27,9 +27,9 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         _getItemDisplayTextTemplte(item: any): any;
         refresh(): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/button-mixin.class.d.ts

@@ -26,9 +26,9 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
             'ax-state-selected': boolean;
         };
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/clickable-mixin.class.d.ts

@@ -11,9 +11,9 @@ export declare function _ClickableComponenetMixin<TBase extends Constructor<AXBa
         onClick: EventEmitter<AXClickEvent>;
         _emitOnClickEvent(e: MouseEvent): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/color-look-mixing.class.d.ts

@@ -17,9 +17,9 @@ export declare function _ColorLookComponentMixin<TBase extends Constructor<AXBas
          */
         look: AXStyleLookType;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/datalist-component.class.d.ts

@@ -7,16 +7,16 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
         textField: string;
         childrenField: string;
         pageSize: number;
-        "__#5090@#currentPage": number;
-        "__#5090@#isLoading": boolean;
-        "__#5090@#loadedItems": any[];
-        "__#5090@#flatItems": any[];
-        "__#5090@#totalItems": number;
-        "__#5090@#isLazy": boolean;
+        "__#5173@#currentPage": number;
+        "__#5173@#isLoading": boolean;
+        "__#5173@#loadedItems": any[];
+        "__#5173@#flatItems": any[];
+        "__#5173@#totalItems": number;
+        "__#5173@#isLazy": boolean;
         readonly totalCount: number;
         readonly isLazy: boolean;
         readonly loadedCount: number;
-        "__#5090@#items": AXDataListItems;
+        "__#5173@#items": AXDataListItems;
         items: AXDataListItems;
         readonly displayItems: any[];
         readonly flatItems: any[];
@@ -26,15 +26,15 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
             searchQuery?: string;
         }): void;
         _onDataLoaded(): void;
-        "__#5090@#generateFlatItems"(): void;
+        "__#5173@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
         refresh(): void;
         empty(): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/dropdown-mixin.class.d.ts

@@ -23,9 +23,9 @@ export declare function _DropdownComponenetMixin<TBase extends Constructor<AXBas
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#5088@#rtl": boolean;
+    "__#5171@#rtl": boolean;
     rtl: boolean;
-    "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/mixin/lib/interactive-mixin.class.d.ts

@@ -3,12 +3,12 @@ import { AXBaseComponent } from "./base-components.class";
 import { Constructor } from "./constratctor";
 import { AXFocusEvent } from "@acorex/components/common";
 export declare function _InteractiveComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): (abstract new (...args: any[]) => {
-    "__#5091@#disabled": boolean;
+    "__#5174@#disabled": boolean;
     /**
     *  If set to true, it disables the component.
     */
     disabled: boolean;
-    "__#5091@#tabIndex": number;
+    "__#5174@#tabIndex": number;
     /**
     *  Specifies the tabindex of the component.
     */
@@ -34,9 +34,9 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     */
     hasFocus(): boolean;
     id: string;
-    "__#5088@#rtl": boolean;
+    "__#5171@#rtl": boolean;
     rtl: boolean;
-    "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/mixin/lib/loading-mixin.class.d.ts

@@ -16,9 +16,9 @@ export declare function _LoadingComponenetMixin<TBase extends Constructor<AXBase
         loadingText: string;
         _onInternalInit(): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/mixin.class.d.ts

@@ -2,9 +2,9 @@ import { AXBaseComponent } from "./base-components.class";
 export declare const AXBaseComponentMixin: {
     new (...args: any[]): {
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -30,9 +30,9 @@ export declare const AXSizableComponentMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -54,9 +54,9 @@ export declare const AXSizableComponentMixin: {
 } & {
     new (...args: any[]): {
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -82,9 +82,9 @@ export declare const AXInteractiveComponenetMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -104,9 +104,9 @@ export declare const AXInteractiveComponenetMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#5091@#disabled": boolean;
+    "__#5174@#disabled": boolean;
     disabled: boolean;
-    "__#5091@#tabIndex": number;
+    "__#5174@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -115,9 +115,9 @@ export declare const AXInteractiveComponenetMixin: {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5088@#rtl": boolean;
+    "__#5171@#rtl": boolean;
     rtl: boolean;
-    "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -138,9 +138,9 @@ export declare const AXInteractiveComponenetMixin: {
     _setOption(option: import("./base-components.class").AXComponentSetOption): void;
 }) & typeof AXBaseComponent;
 export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
-    "__#5091@#disabled": boolean;
+    "__#5174@#disabled": boolean;
     disabled: boolean;
-    "__#5091@#tabIndex": number;
+    "__#5174@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -149,9 +149,9 @@ export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5088@#rtl": boolean;
+    "__#5171@#rtl": boolean;
     rtl: boolean;
-    "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -175,9 +175,9 @@ export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
         onClick: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXClickEvent>;
         _emitOnClickEvent(e: MouseEvent): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -203,9 +203,9 @@ export declare const AXBaseButtonMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -225,9 +225,9 @@ export declare const AXBaseButtonMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#5091@#disabled": boolean;
+    "__#5174@#disabled": boolean;
     disabled: boolean;
-    "__#5091@#tabIndex": number;
+    "__#5174@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -236,9 +236,9 @@ export declare const AXBaseButtonMixin: {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5088@#rtl": boolean;
+    "__#5171@#rtl": boolean;
     rtl: boolean;
-    "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -262,9 +262,9 @@ export declare const AXBaseButtonMixin: {
         onClick: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXClickEvent>;
         _emitOnClickEvent(e: MouseEvent): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -293,9 +293,9 @@ export declare const AXBaseButtonMixin: {
         _look?: import("dist/libs/components/common").AXStyleLookType;
         look: import("dist/libs/components/common").AXStyleLookType;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -331,9 +331,9 @@ export declare const AXBaseButtonMixin: {
             'ax-state-selected': boolean;
         };
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -360,9 +360,9 @@ export declare const AXBaseTextBoxMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -382,9 +382,9 @@ export declare const AXBaseTextBoxMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#5091@#disabled": boolean;
+    "__#5174@#disabled": boolean;
     disabled: boolean;
-    "__#5091@#tabIndex": number;
+    "__#5174@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -393,9 +393,9 @@ export declare const AXBaseTextBoxMixin: {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5088@#rtl": boolean;
+    "__#5171@#rtl": boolean;
     rtl: boolean;
-    "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -419,17 +419,17 @@ export declare const AXBaseTextBoxMixin: {
         onValueChanged: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXValueChangedEvent<any>>;
         valueChange: import("@angular/core").EventEmitter<any>;
         stateChange: import("@angular/core").EventEmitter<import("./base-components.class").AXComponentState>;
-        "__#5092@#readonly": boolean;
+        "__#5175@#readonly": boolean;
         readonly: boolean;
-        "__#5092@#allowNull": boolean;
+        "__#5175@#allowNull": boolean;
         allowNull: boolean;
-        "__#5092@#name": string;
+        "__#5175@#name": string;
         name: string;
-        "__#5092@#isUserInteraction": boolean;
+        "__#5175@#isUserInteraction": boolean;
         readonly isUserInteraction: boolean;
-        "__#5092@#value": any;
+        "__#5175@#value": any;
         value: any;
-        "__#5092@#state": import("./base-components.class").AXComponentState;
+        "__#5175@#state": import("./base-components.class").AXComponentState;
         state: import("./base-components.class").AXComponentState;
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _internalSetValue(value: any): any;
@@ -437,6 +437,7 @@ export declare const AXBaseTextBoxMixin: {
         _setValue(value: any): any;
         _getValue(value: any): any;
         _setUserInteraction(): void;
+        setUserInteraction(): void;
         _onValueChanged(oldValue: any, newValue: any): void;
         _onInternalInit(): void;
         _onInternalViewInit(): void;
@@ -446,9 +447,9 @@ export declare const AXBaseTextBoxMixin: {
         validate(): Promise<any>;
         _setState(state: import("./base-components.class").AXComponentState, ...args: any[]): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -478,9 +479,9 @@ export declare const AXBaseTextBoxMixin: {
         _emitOnKeyupEvent(e: KeyboardEvent): void;
         _emitOnKeypressEvent(e: KeyboardEvent): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -509,9 +510,9 @@ export declare const AXBaseDropdownMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -531,9 +532,9 @@ export declare const AXBaseDropdownMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#5091@#disabled": boolean;
+    "__#5174@#disabled": boolean;
     disabled: boolean;
-    "__#5091@#tabIndex": number;
+    "__#5174@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -542,9 +543,9 @@ export declare const AXBaseDropdownMixin: {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5088@#rtl": boolean;
+    "__#5171@#rtl": boolean;
     rtl: boolean;
-    "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -578,9 +579,9 @@ export declare const AXBaseDropdownMixin: {
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#5088@#rtl": boolean;
+    "__#5171@#rtl": boolean;
     rtl: boolean;
-    "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -602,8 +603,8 @@ export declare const AXBaseMenuMixin: {
     new (...args: any[]): {
         textField: string;
         valueField: string;
-        "__#5089@#isLoading": boolean;
-        "__#5089@#loadedItems": any;
+        "__#5172@#isLoading": boolean;
+        "__#5172@#loadedItems": any;
         visibleField: string;
         disableField: string;
         hasChildField: string;
@@ -612,7 +613,7 @@ export declare const AXBaseMenuMixin: {
         displayMode: "horizontal" | "vertical" | "sidemenu";
         dividerField: string;
         onMenuItemClick: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXItemClickEvent<any>>;
-        "__#5089@#items": any;
+        "__#5172@#items": any;
         items: any;
         readonly displayItems: any;
         readonly isLoading: boolean;
@@ -623,9 +624,9 @@ export declare const AXBaseMenuMixin: {
         _getItemDisplayTextTemplte(item: any): any;
         refresh(): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -654,9 +655,9 @@ export declare const AXAvatarMixin: {
         _look?: import("dist/libs/components/common").AXStyleLookType;
         look: import("dist/libs/components/common").AXStyleLookType;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;