@acorex/components 7.1.2 → 7.1.5

package/README.md

@@ -1,24 +1,24 @@
-# Components
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project components`.
-> Note: Don't forget to add `--project components` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build components` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build components`, go to the dist folder `cd dist/components` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test components` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# Components
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project components`.
+> Note: Don't forget to add `--project components` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build components` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build components`, go to the dist folder `cd dist/components` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test components` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/action-sheet/public-api.d.ts

@@ -1,3 +1,4 @@
+export * from './src/action-sheet.interface';
 export * from './src/action-sheet.component';
 export * from './src/action-sheet.module';
 export * from './src/action-sheet.service';

package/action-sheet/src/action-sheet.component.d.ts

@@ -1,12 +1,10 @@
-import { AXComponentCloseEvent } from '@acorex/components/common';
-import { AXBaseComponent } from '@acorex/components/mixin';
+import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
 import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
-import { ChangeDetectorRef, ElementRef, EventEmitter, ViewContainerRef } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { AXActionSheetItem } from './action-sheet.interface';
 import * as i0 from "@angular/core";
-export declare class AXActionSheetComponent extends AXBaseComponent {
-    private _viewContainerRef;
-    _selectedPortal: Portal<any>;
+export declare class AXActionSheetComponent extends MXBaseComponent {
+    protected _selectedPortal: Portal<any>;
     title: string;
     items: AXActionSheetItem[];
     content: any;
@@ -14,12 +12,11 @@ export declare class AXActionSheetComponent extends AXBaseComponent {
     showHeader: boolean;
     data: any;
     onClosed: EventEmitter<AXComponentCloseEvent>;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _viewContainerRef: ViewContainerRef);
     close(): void;
-    onInit(): void;
-    onKeydownHandler(event: KeyboardEvent): void;
-    _handleAttched(ref: CdkPortalOutletAttachedRef): void;
-    _handleCloseClick(): void;
+    protected ngOnInit(): void;
+    protected onKeydownHandler(event: KeyboardEvent): void;
+    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    protected _handleCloseClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, {}, {}, never, never, false, never>;
 }

package/alert/src/alert.component.d.ts

@@ -1,49 +1,19 @@
 import { AXButtonComponent } from '@acorex/components/button';
-import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXEvent } from '@acorex/components/common';
-import { AXBaseComponent, AXComponentOptionChanged } from '@acorex/components/mixin';
+import { EventEmitter } from '@angular/core';
+import { AXEvent, AXOptionChangedEvent, MXColorComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare const AXBaseAlertMixin: (new (...args: any[]) => {
-    colorChange: EventEmitter<import("@acorex/components/common").AXStyleColorType>;
-    _color: import("@acorex/components/common").AXStyleColorType;
-    color: import("@acorex/components/common").AXStyleColorType;
-    lookChange: EventEmitter<import("@acorex/components/common").AXStyleLookType>;
-    _look?: import("@acorex/components/common").AXStyleLookType;
-    look: import("@acorex/components/common").AXStyleLookType;
-    id: string;
-    "__#37855@#rtl": boolean;
-    rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
-    _cdr: ChangeDetectorRef;
-    _isInited: boolean;
-    _isRendered: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _getHostElement<T = HTMLElement>(): T;
-    _getInnerElement<T_1 = HTMLElement>(): T_1;
-    _onInternalInit(): void;
-    _onInternalViewInit(): void;
-    _onInternalDestroy(): void;
-    onInit(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-    _applyRtl(): void;
-    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
-    _onOptionChanged(option: AXComponentOptionChanged): void;
-    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
-}) & typeof AXBaseComponent;
+declare const AXAlertComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXColorComponent]>;
 /**
  * Regular description
  *
  * @category Components
  */
-export declare class AXAlertComponent extends AXBaseAlertMixin {
-    private _icon;
-    private _buttons;
-    protected _title: AXButtonComponent;
-    protected _content: AXButtonComponent;
-    protected _footer: AXButtonComponent;
+export declare class AXAlertComponent extends AXAlertComponent_base {
+    private _iconComp;
+    private _buttonComps;
+    protected _titleComp: AXButtonComponent;
+    protected _contentComp: AXButtonComponent;
+    protected _footerComp: AXButtonComponent;
     protected _showInline: boolean;
     onClosed: EventEmitter<AXEvent>;
     private _customIcon;
@@ -62,12 +32,9 @@ export declare class AXAlertComponent extends AXBaseAlertMixin {
      */
     get visible(): boolean;
     set visible(v: boolean);
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onViewInit(): void;
-    _onOptionChanged(option: AXComponentOptionChanged): void;
+    protected ngOnInit(): void;
+    protected ngAfterViewInit(): void;
+    protected _handleOnOptionChanged(e: AXOptionChangedEvent): void;
     private _setIcon;
     private _applyButtonStyle;
     /**
@@ -82,7 +49,8 @@ export declare class AXAlertComponent extends AXBaseAlertMixin {
      *  Show the alert
      */
     show(): void;
-    onDestroy(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": { "alias": "color"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "onClosed": "onClosed"; }, ["_icon", "_title", "_content", "_footer", "_buttons"], ["ax-icon", "ax-title", "ax-content", "ax-footer", "ax-button", "ax-close-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": { "alias": "color"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "colorChange": "colorChange"; "onClosed": "onClosed"; }, ["_iconComp", "_titleComp", "_contentComp", "_footerComp", "_buttonComps"], ["ax-icon", "ax-title", "ax-content", "ax-footer", "ax-button", "ax-close-button"], false, never>;
 }
+export {};

package/avatar/src/avatar.component.d.ts

@@ -1,20 +1,17 @@
-import { AXAvatarMixin } from '@acorex/components/mixin';
-import { ElementRef, ChangeDetectorRef, QueryList } from '@angular/core';
+import { MXColorComponent } from '@acorex/components/common';
+import { QueryList } from '@angular/core';
 import * as i0 from "@angular/core";
+declare const AXAvatarComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXColorComponent]>;
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-export declare class AXAvatarComponent extends AXAvatarMixin {
-    class: string;
-    readonly _children: QueryList<any>;
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+export declare class AXAvatarComponent extends AXAvatarComponent_base {
+    protected readonly _children: QueryList<any>;
     ngAfterViewInit(): void;
-    get __hostClass(): string;
+    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, ["_children"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": { "alias": "color"; "required": false; }; }, {}, ["_children"], ["*"], false, never>;
 }
+export {};

package/badge/src/badge.component.d.ts

@@ -1,41 +1,10 @@
-import { AXBaseComponent } from '@acorex/components/mixin';
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { MXColorComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
-    colorChange: import("@angular/core").EventEmitter<import("@acorex/components/common").AXStyleColorType>;
-    _color: import("@acorex/components/common").AXStyleColorType;
-    color: import("@acorex/components/common").AXStyleColorType;
-    lookChange: import("@angular/core").EventEmitter<import("@acorex/components/common").AXStyleLookType>;
-    _look?: import("@acorex/components/common").AXStyleLookType;
-    look: import("@acorex/components/common").AXStyleLookType;
-    id: string;
-    "__#37855@#rtl": boolean;
-    rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
-    _cdr: ChangeDetectorRef;
-    _isInited: boolean;
-    _isRendered: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _getHostElement<T = HTMLElement>(): T;
-    _getInnerElement<T_1 = HTMLElement>(): T_1;
-    _onInternalInit(): void;
-    _onInternalViewInit(): void;
-    _onInternalDestroy(): void;
-    onInit(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-    _applyRtl(): void;
-    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
-    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
-    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
-}) & typeof AXBaseComponent;
-export declare class AXBadgeComponent extends AXBaseBadgeMixin {
-    private elementRef;
+declare const AXBadgeComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXColorComponent]>;
+export declare class AXBadgeComponent extends AXBadgeComponent_base {
     text: string;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["ax-prefix", "ax-suffix"], false, never>;
 }
+export {};

package/breadcrumbs/src/breadcrumbs-item.component.d.ts

@@ -3,9 +3,9 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBreadCrumbsComponent } from './breadcrumbs.component';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) => {
-    "__#37858@#disabled": boolean;
+    "__#37860@#disabled": boolean;
     disabled: boolean;
-    "__#37858@#tabIndex": number;
+    "__#37860@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -14,9 +14,9 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -39,9 +39,11 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>; /**
+     *  @ignore
+     */
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/breadcrumbs/src/breadcrumbs.component.d.ts

@@ -1,13 +1,9 @@
-import { AXBaseComponent } from '@acorex/components/mixin';
-import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
+import { MXBaseComponent } from '@acorex/components/common';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXBreadCrumbsComponent extends AXBaseComponent {
-    _divider: TemplateRef<any>;
+export declare class AXBreadCrumbsComponent extends MXBaseComponent {
+    protected _divider: TemplateRef<any>;
     dividerTemplate: TemplateRef<any>;
-    /**
-     *  @ignore
-     */
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsComponent, "ax-breadcrumbs", never, {}, {}, ["_divider"], ["ax-breadcrumbs-item"], false, never>;
 }

package/button/src/button-group.component.d.ts

@@ -4,9 +4,9 @@ import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChange
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
-    "__#37858@#disabled": boolean;
+    "__#37860@#disabled": boolean;
     disabled: boolean;
-    "__#37858@#tabIndex": number;
+    "__#37860@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -15,9 +15,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -44,9 +44,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/button/src/button-item.component.d.ts

@@ -3,9 +3,9 @@ import { AXStyleColorType } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#37858@#disabled": boolean;
+    "__#37860@#disabled": boolean;
     disabled: boolean;
-    "__#37858@#tabIndex": number;
+    "__#37860@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -14,9 +14,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -39,9 +39,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -49,9 +49,7 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     _getHostElement<T_2 = HTMLElement>(): T_2;
-    _getInnerElement<T_1_1 = HTMLElement>(): T_1_1; /**
-     *  @ignore
-     */
+    _getInnerElement<T_1_1 = HTMLElement>(): T_1_1;
     _onInternalInit(): void;
     _onInternalViewInit(): void;
     _onInternalDestroy(): void;

package/chips/src/chips.component.d.ts

@@ -2,9 +2,9 @@ import { AXStyleColorType } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseChipsMixin: (abstract new (...args: any[]) => {
-    "__#37858@#disabled": boolean;
+    "__#37860@#disabled": boolean;
     disabled: boolean;
-    "__#37858@#tabIndex": number;
+    "__#37860@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -13,9 +13,9 @@ export declare const AXBaseChipsMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#37857@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -38,9 +38,9 @@ export declare const AXBaseChipsMixin: (abstract new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#37857@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/color-picker/src/color-picker.component.d.ts

@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
-    "__#37858@#disabled": boolean;
+    "__#37860@#disabled": boolean;
     disabled: boolean;
-    "__#37858@#tabIndex": number;
+    "__#37860@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -17,9 +17,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -49,13 +49,18 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     onInit(): void;
     onViewInit(): void;
     toggle(): void;
+    /**
+     * The Button is a component which detects user interaction and triggers a corresponding event
+     *
+     * @category Components
+     */
     close(): void;
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -76,17 +81,17 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
     valueChange: import("@angular/core").EventEmitter<any>;
     stateChange: import("@angular/core").EventEmitter<import("@acorex/components/mixin").AXComponentState>;
-    "__#37859@#readonly": boolean;
+    "__#37861@#readonly": boolean;
     readonly: boolean;
-    "__#37859@#allowNull": boolean;
+    "__#37861@#allowNull": boolean;
     allowNull: boolean;
-    "__#37859@#name": string;
+    "__#37861@#name": string;
     name: string;
-    "__#37859@#isUserInteraction": boolean;
+    "__#37861@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#37859@#value": any;
+    "__#37861@#value": any;
     value: any;
-    "__#37859@#state": import("@acorex/components/mixin").AXComponentState;
+    "__#37861@#state": import("@acorex/components/mixin").AXComponentState;
     state: import("@acorex/components/mixin").AXComponentState;
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -103,9 +108,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     validate(): Promise<any>;
     _setState(state: import("@acorex/components/mixin").AXComponentState, ...args: any[]): void;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -133,9 +138,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _emitOnKeyupEvent(e: KeyboardEvent): void;
     _emitOnKeypressEvent(e: KeyboardEvent): void;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": ElementRef<any>;
+    "__#37857@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/common/src/components/base-component.class.d.ts

@@ -1,5 +1,6 @@
-import { ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { ChangeDetectorRef, EventEmitter, ViewContainerRef } from "@angular/core";
 import { AXOptionChangedEvent } from "../classes/events.class";
+import * as i0 from "@angular/core";
 export type MXComponentOptionChanging = {
     name: string;
     value?: any;
@@ -11,18 +12,22 @@ export type MXComponentSetOption = {
     beforeCallback?: (oldValue?: any, newValue?: any) => void;
 };
 export type AXComponentState = 'clear' | 'success' | 'error';
-export declare class MXBaseComponent {
+export declare abstract class MXBaseComponent {
     id: string;
     private _cdr;
     private _elementRef;
+    private _viewRef;
     protected get cdr(): ChangeDetectorRef;
     getHostElement<T = HTMLElement>(): T;
+    protected getViewContainer(): ViewContainerRef;
     protected onOptionChanging(option: MXComponentOptionChanging): any;
     protected onOptionChanged: EventEmitter<AXOptionChangedEvent>;
     protected setOption(option: MXComponentSetOption): void;
     private _rtl;
     get rtl(): boolean;
     set rtl(value: boolean);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MXBaseComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MXBaseComponent>;
 }
 export declare const BASE_INPUTS: string[];
 export declare const BASE_OUTPUT: any[];