@acorex/components 7.3.1 → 7.3.2

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.7", 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.7", 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.8", 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.8", 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.7", ngImport: i0, type: AXTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", 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.7", 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.7", 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.8", 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.8", 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.7", ngImport: i0, type: AXTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", 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.7", ngImpor
 const COMPONENT = [AXTooltipComponent, AXTooltipDirective];
 const MODULES = [CommonModule, OverlayModule];
 class AXTooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", 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.7", ngImport: i0, type: AXTooltipModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", 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.8", ngImport: i0, type: AXTooltipModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", 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.7", 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.7", 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.8", 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.8", 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.7", ngImport: i0, type: AXUploaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", 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.7", ngImpor
             }] } });
 
 class AXUploaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXUploaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AXUploaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXUploaderComponent],

package/loading/lib/loading.directive.d.ts

@@ -1,22 +1,15 @@
-import { ChangeDetectorRef, ComponentFactoryResolver, ElementRef, OnChanges, Renderer2, ViewContainerRef } from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { AXLoadingService } from './loading.service';
 import * as i0 from "@angular/core";
-export declare class AXLoadingDirective implements OnChanges {
+export declare class AXLoadingDirective {
     protected readonly elementRef: ElementRef;
-    protected readonly renderer: Renderer2;
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    protected readonly viewContainerRef: ViewContainerRef;
-    protected readonly componentFactoryResolver: ComponentFactoryResolver;
-    isLoading: boolean;
-    protected overlayElement: HTMLDivElement;
-    protected spinnerElement: HTMLDivElement;
-    protected hostElement: HTMLDivElement;
-    constructor(elementRef: ElementRef, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, componentFactoryResolver: ComponentFactoryResolver);
-    ngOnChanges(changes: any): void;
-    private addLoadingIndicator;
-    private removeLoadingIndicator;
-    private init;
-    private initSpinnerComponent;
-    private initOverlayElement;
+    protected readonly loadingService: AXLoadingService;
+    private _hostElement;
+    private _loadingRef;
+    private _isLoading;
+    get isLoading(): boolean;
+    set isLoading(v: boolean);
+    constructor(elementRef: ElementRef, loadingService: AXLoadingService);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXLoadingDirective, "[axIsLoading]", never, { "isLoading": { "alias": "axIsLoading"; "required": false; }; }, {}, never, never, false, never>;
 }

package/loading/lib/loading.module.d.ts

@@ -7,6 +7,6 @@ import * as i5 from "@angular/cdk/overlay";
 import * as i6 from "@angular/cdk/portal";
 export declare class AXLoadingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXLoadingModule, [typeof i1.AXLoadingComponent, typeof i2.AXLoadingDirective, typeof i3.AXLoadingSpinnerComponent], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.PortalModule], [typeof i1.AXLoadingComponent, typeof i2.AXLoadingDirective, typeof i3.AXLoadingSpinnerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXLoadingModule, [typeof i1.AXLoadingComponent, typeof i2.AXLoadingDirective, typeof i3.AXLoadingSpinnerComponent, typeof i3.AXLoadingSpinnerComponent], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.PortalModule], [typeof i1.AXLoadingComponent, typeof i2.AXLoadingDirective, typeof i3.AXLoadingSpinnerComponent, typeof i3.AXLoadingSpinnerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXLoadingModule>;
 }

package/loading/lib/loading.service.d.ts

@@ -1,22 +1,17 @@
-import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs';
-import { AXOverlayService } from '@acorex/components/common';
+import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 type LoadingContext = object;
 type LoaderId = string | number;
 export declare class AXLoadingService {
-    protected zoneRef: NgZone;
-    private overlayService;
-    protected loadingStates: any;
-    protected loadingStates$: any;
-    constructor(zoneRef: NgZone, overlayService: AXOverlayService);
-    private _stack;
-    show(options?: {
+    protected loadingStates: WeakMap<object, Map<LoaderId, boolean>>;
+    protected loadingStates$: WeakMap<object, Map<LoaderId, BehaviorSubject<boolean>>>;
+    private dialog;
+    show(config?: {
         location?: Element;
         type?: string;
-        context?: any;
+        context?: unknown;
     }): number;
-    hide(id: any): void;
+    hide(id: number): void;
     doLoading<V>(source$: Observable<V>, context: LoadingContext, loaderId?: LoaderId): Observable<V>;
     isLoading(context: LoadingContext, loaderId?: LoaderId): boolean;
     isLoading$(context: LoadingContext, loaderId?: LoaderId | any): Observable<boolean>;
@@ -24,9 +19,9 @@ export declare class AXLoadingService {
     endLoading(context: LoadingContext, loaderId?: LoaderId): void;
     clearLoadings(): void;
     protected setLoadingState(context: LoadingContext, state: boolean, loaderId: LoaderId): void;
-    protected hasLoadingStates(context: LoadingContext, loaderId: LoaderId): any;
-    protected hasContextLoadingState(context: LoadingContext): any;
-    protected hasLoaderLoadingState(context: LoadingContext, loaderId: LoaderId): any;
+    protected hasLoadingStates(context: LoadingContext, loaderId: LoaderId): boolean;
+    protected hasContextLoadingState(context: LoadingContext): boolean;
+    protected hasLoaderLoadingState(context: LoadingContext, loaderId: LoaderId): boolean;
     protected getLoaderId(loaderId?: LoaderId): LoaderId;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXLoadingService>;

package/mixin/index.d.ts

@@ -8,7 +8,6 @@ export * from './lib/datalist-component.class';
 export * from './lib/datalist.class';
 export * from './lib/dropdown-mixin.class';
 export * from './lib/interactive-mixin.class';
-export * from './lib/loading-mixin.class';
 export * from './lib/mixin.class';
 export * from './lib/page-component.class';
 export * from './lib/selection-component.class';

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.
          */
-        "__#5212@#rtl": boolean;
+        "__#4802@#rtl": boolean;
         rtl: boolean;
-        "__#5212@#elementRef": ElementRef<any>;
+        "__#4802@#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;
-        "__#5213@#isLoading": boolean;
-        "__#5213@#loadedItems": any;
+        "__#4803@#isLoading": boolean;
+        "__#4803@#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>>;
-        "__#5213@#items": any;
+        "__#4803@#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;
-        "__#5212@#rtl": boolean;
+        "__#4802@#rtl": boolean;
         rtl: boolean;
-        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#4802@#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;
-        "__#5212@#rtl": boolean;
+        "__#4802@#rtl": boolean;
         rtl: boolean;
-        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#4802@#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;
-        "__#5212@#rtl": boolean;
+        "__#4802@#rtl": boolean;
         rtl: boolean;
-        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#4802@#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;
-        "__#5212@#rtl": boolean;
+        "__#4802@#rtl": boolean;
         rtl: boolean;
-        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#4802@#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;
-        "__#5214@#currentPage": number;
-        "__#5214@#isLoading": boolean;
-        "__#5214@#loadedItems": any[];
-        "__#5214@#flatItems": any[];
-        "__#5214@#totalItems": number;
-        "__#5214@#isLazy": boolean;
+        "__#4804@#currentPage": number;
+        "__#4804@#isLoading": boolean;
+        "__#4804@#loadedItems": any[];
+        "__#4804@#flatItems": any[];
+        "__#4804@#totalItems": number;
+        "__#4804@#isLazy": boolean;
         readonly totalCount: number;
         readonly isLazy: boolean;
         readonly loadedCount: number;
-        "__#5214@#items": AXDataListItems;
+        "__#4804@#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;
-        "__#5214@#generateFlatItems"(): void;
+        "__#4804@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
         refresh(): void;
         empty(): void;
         id: string;
-        "__#5212@#rtl": boolean;
+        "__#4802@#rtl": boolean;
         rtl: boolean;
-        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#4802@#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;
-    "__#5212@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#4802@#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[]) => {
-    "__#5215@#disabled": boolean;
+    "__#4805@#disabled": boolean;
     /**
     *  If set to true, it disables the component.
     */
     disabled: boolean;
-    "__#5215@#tabIndex": number;
+    "__#4805@#tabIndex": number;
     /**
     *  Specifies the tabindex of the component.
     */
@@ -34,9 +34,9 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     */
     hasFocus(): boolean;
     id: string;
-    "__#5212@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#4802@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;