@acorex/components 6.0.1 → 6.0.2

package/form/src/form-field.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./form-field.component";
+import * as i2 from "./form.component";
+import * as i3 from "./form-hint.component";
+import * as i4 from "./validation-rule.widget";
+import * as i5 from "./validation-summary.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@acorex/components/decorators";
+import * as i8 from "@acorex/components/alert";
+import * as i9 from "@acorex/components/button";
+export declare class AXFormModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXFormModule, [typeof i1.AXFormFieldComponent, typeof i2.AXFormComponent, typeof i3.AXFormHintComponent, typeof i4.AXValidationRuleComponent, typeof i5.AXValidationSummaryComponent], [typeof i6.CommonModule, typeof i7.AXDecoratorModule, typeof i8.AXAlertModule, typeof i9.AXButtonModule], [typeof i1.AXFormFieldComponent, typeof i2.AXFormComponent, typeof i3.AXFormHintComponent, typeof i4.AXValidationRuleComponent, typeof i5.AXValidationSummaryComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXFormModule>;
+}

package/form/src/form-hint.component.d.ts

@@ -0,0 +1,8 @@
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXFormHintComponent extends AXBaseComponentMixin {
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormHintComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormHintComponent, "ax-form-hint", never, {}, {}, never, ["*"], false>;
+}

package/form/src/form.component.d.ts

@@ -0,0 +1,31 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { AXEvent } from '@acorex/components/common';
+import { AXFormValidationResult } from './validation.class';
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+/**
+*  Contains native event
+* @category Events
+*/
+export declare class AXFormValidationEvent extends AXEvent {
+    result: AXFormValidationResult;
+}
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXFormComponent extends AXBaseComponentMixin {
+    private cdr;
+    /**
+    *  @ignore
+    */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onValidate: EventEmitter<AXFormValidationEvent>;
+    private _getComponenets;
+    validate(...args: string[]): Promise<AXFormValidationResult>;
+    private _emitOnValidateEvent;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, {}, { "onValidate": "onValidate"; }, never, ["*"], false>;
+}

package/form/src/validation-rule.widget.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXValidationRuleResult, AXValidationRule, AXValidationRuleTypes } from './validation.class';
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+export declare class AXValidationRuleComponent extends AXBaseComponentMixin implements AXValidationRule {
+    rule: AXValidationRuleTypes;
+    message: string;
+    showMessage: boolean;
+    value: any;
+    enabled: boolean;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onInit(): void;
+    validate(value: any): Promise<AXValidationRuleResult>;
+    private _internalValidate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationRuleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXValidationRuleComponent, "ax-validation-rule", never, { "rule": "rule"; "message": "message"; "showMessage": "showMessage"; "value": "value"; "enabled": "enabled"; }, {}, never, never, false>;
+}

package/form/src/validation-summary.component.d.ts

@@ -0,0 +1,21 @@
+import { ChangeDetectorRef, ElementRef } from "@angular/core";
+import { AXEvent } from "@acorex/components/common";
+import { AXToastService } from "@acorex/components/toast";
+import { AXFormComponent } from "./form.component";
+import { AXBaseComponentMixin } from "@acorex/components/mixin";
+import * as i0 from "@angular/core";
+export declare type AXValidationSummaryDisplayMode = 'toast' | 'alert';
+export declare class AXValidationSummaryComponent extends AXBaseComponentMixin {
+    private _tosatService;
+    private _parent;
+    _content?: string;
+    _title: string;
+    displayMode: AXValidationSummaryDisplayMode;
+    timeOut?: number;
+    autoHide: boolean;
+    _timeOut: number;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _tosatService: AXToastService, _parent: AXFormComponent);
+    _handleOnDismissed(e: AXEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationSummaryComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXValidationSummaryComponent, "ax-validation-summary", never, { "displayMode": "displayMode"; "timeOut": "timeOut"; "autoHide": "autoHide"; }, {}, never, never, false>;
+}

package/form/src/validation.class.d.ts

@@ -0,0 +1,18 @@
+export declare type AXValidationRuleTypes = 'required' | 'regex' | 'callback' | 'custom';
+export interface AXValidationRule {
+    message?: string;
+    rule: AXValidationRuleTypes;
+    value?: any;
+    enabled?: boolean;
+}
+export interface AXValidationRuleResult {
+    message?: string;
+    name?: string;
+    result: boolean;
+    value?: any;
+    id?: string;
+}
+export interface AXFormValidationResult {
+    result: boolean;
+    items?: AXValidationRuleResult[];
+}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components" />
+export * from './public-api';

package/input-mask/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/input-mask" />
+export * from './public-api';

package/input-mask/src/input-mask.component.d.ts

@@ -0,0 +1,25 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXTextBoxComponent } from '@acorex/components/textbox';
+import { AXBaseComponent } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+export declare class AXInputMaskComponent extends AXBaseComponent {
+    private _elementRef;
+    private _textbox;
+    private _maskObj;
+    /**
+    *  @ignore
+    */
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _textbox: AXTextBoxComponent);
+    onViewInit(): void;
+    private _prefix;
+    get prefix(): string;
+    set prefix(v: string);
+    private _suffix;
+    get suffix(): string;
+    set suffix(v: string);
+    showMaskTyped: boolean;
+    clearIfNotMatch: boolean;
+    mask: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXInputMaskComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXInputMaskComponent, "ax-input-mask", never, { "prefix": "prefix"; "suffix": "suffix"; "showMaskTyped": "showMaskTyped"; "clearIfNotMatch": "clearIfNotMatch"; "mask": "mask"; }, {}, never, never, false>;
+}

package/input-mask/src/input-mask.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./input-mask.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-mask";
+import * as i4 from "angular-imask";
+export declare class AXInputMaskModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXInputMaskModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXInputMaskModule, [typeof i1.AXInputMaskComponent], [typeof i2.CommonModule, typeof i3.NgxMaskModule, typeof i4.IMaskModule], [typeof i1.AXInputMaskComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXInputMaskModule>;
+}

package/label/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/label" />
+export * from './public-api';

package/label/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './src/label.component';
+export * from './src/label.module';

package/label/src/label.component.d.ts

@@ -0,0 +1,13 @@
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXLabelComponent extends AXBaseComponentMixin {
+    class: any;
+    style: any;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    private _target;
+    get target(): string;
+    set target(v: string);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXLabelComponent, "ax-label", never, { "class": "class"; "style": "style"; }, {}, never, ["*"], false>;
+}

package/label/src/label.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./label.component";
+import * as i2 from "@angular/common";
+export declare class AXLabelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXLabelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXLabelModule, [typeof i1.AXLabelComponent], [typeof i2.CommonModule], [typeof i1.AXLabelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXLabelModule>;
+}

package/loading/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/loading" />
+export * from './public-api';

package/loading/src/loading-spinner.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AXLoadingSpinnerComponent {
+    text: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingSpinnerComponent, "ax-loading-spinner", never, {}, {}, never, never, false>;
+}

package/loading/src/loading.component.d.ts

@@ -0,0 +1,21 @@
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
+import { EventEmitter, ElementRef, ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXLoadingComponent extends AXBaseComponentMixin {
+    _selectedPortal: Portal<any>;
+    /**
+     * @ignore
+     */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    visibleChange: EventEmitter<boolean>;
+    private _visible;
+    get visible(): boolean;
+    set visible(v: boolean);
+    type: string;
+    text: string;
+    onInit(): void;
+    _handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingComponent, "ax-loading", never, { "visible": "visible"; "type": "type"; "text": "text"; }, { "visibleChange": "visibleChange"; }, never, never, false>;
+}

package/loading/src/loading.directive.d.ts

@@ -0,0 +1,22 @@
+import { ChangeDetectorRef, ComponentFactoryResolver, ElementRef, OnChanges, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXLoadingDirective implements OnChanges {
+    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: SimpleChanges): void;
+    protected addLoadingIndicator(): void;
+    protected removeLoadingIndicator(): void;
+    protected init(): void;
+    protected initSpinnerComponent(): void;
+    protected initOverlayElement(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXLoadingDirective, "[axIsLoading]", never, { "isLoading": "axIsLoading"; }, {}, never, never, false>;
+}

package/loading/src/loading.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./loading.component";
+import * as i2 from "./loading.directive";
+import * as i3 from "./loading-spinner.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/cdk/overlay";
+import * as i6 from "@angular/cdk/portal";
+export declare class AXLoadingModule {
+    constructor();
+    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 ɵinj: i0.ɵɵInjectorDeclaration<AXLoadingModule>;
+}

package/loading/src/loading.service.d.ts

@@ -0,0 +1,48 @@
+import { NgZone } from '@angular/core';
+import { Observable } from 'rxjs';
+import { AXOverlayService } from '@acorex/components/common';
+import * as i0 from "@angular/core";
+declare type LoadingContext = object;
+declare type LoaderId = string | number;
+/**
+ * Used for centrally setting/unsetting loading flags for components or services.
+ * Should be connected to global HTTP interceptor which will unset
+ * the loading flags in case an error happens using the clearLoadings() method.
+ *
+ * FAQ:
+ * Q: How to change loading flag for a parent component?
+ * A: Inject the parent component as a dependency to your constructor and
+ *    call loadingService.setLoading(parentComponent, STATE).
+ *
+ * Q: How to change loading flag for a child component?
+ * A: Use a @ViewChild with component selector and pass the
+ *    reference of the child to setLoading method.
+ *
+ * Q: I need more loading indicators in my components. How to?
+ * A: Assign a LoaderId to each indicator and then use them
+ *    with calls to methods of this service.
+ */
+export declare class AXLoadingService {
+    protected zoneRef: NgZone;
+    private overlayService;
+    protected loadingStates: any;
+    protected loadingStates$: any;
+    constructor(zoneRef: NgZone, overlayService: AXOverlayService);
+    private _stack;
+    show(location?: Element): number;
+    hide(id: any): 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>;
+    startLoading(context: LoadingContext, loaderId?: LoaderId): void;
+    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 getLoaderId(loaderId?: LoaderId): LoaderId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXLoadingService>;
+}
+export {};

package/menu/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/menu" />
+export * from './public-api';

package/menu/src/menu.component.d.ts

@@ -0,0 +1,53 @@
+import { ElementRef, ChangeDetectorRef, TemplateRef } from '@angular/core';
+import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXPopoverComponent } from '@acorex/components/popover';
+import { AXSearchBoxComponent } from '@acorex/components/search-box';
+import { AXBaseMenuMixin } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+export interface AXMenuItems {
+    id?: string;
+    name?: string;
+    text?: string;
+    tooltip?: string;
+    parentId?: string;
+    icon?: string;
+    visibleField?: boolean;
+    disableField?: boolean;
+    selected?: boolean;
+    data?: any;
+    style?: string;
+    children?: AXMenuItems[];
+    isOpen?: boolean;
+    isActive?: boolean;
+    onClick?: (e?: any) => void;
+}
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXMenuComponent extends AXBaseMenuMixin {
+    private elementRef;
+    private cdr;
+    popover: AXPopoverComponent;
+    private _contentEmptyTemplate;
+    private _contentItemTemplate;
+    _searchBox: AXSearchBoxComponent;
+    _forceFocus: boolean;
+    _target: HTMLDivElement;
+    get emptyTemplate(): TemplateRef<any>;
+    get itemTemplate(): TemplateRef<any>;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onInit(): void;
+    ngAfterViewInit(): void;
+    _onMenuClick(e: MouseEvent, item: any): void;
+    _onMouseEnter(e: MouseEvent, item: any): void;
+    _onMouseLeave(item: any): void;
+    _notActive(items: any[]): void;
+    _closeChild(items: any[]): void;
+    _setParentNode(item: any, parentId: any): void;
+    _onSearchExprChanged(e: AXValueChangedEvent<string>): void;
+    _getDirection(): "horizontal-mode" | "vertical-mode";
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "textField": "textField"; "valueField": "valueField"; "items": "items"; "id": "id"; "parentId": "parentId"; "iconField": "iconField"; "tooltip": "tooltip"; "isOpen": "isOpen"; "isActive": "isActive"; "visibleField": "visibleField"; "disableField": "disableField"; "hasChildField": "hasChildField"; "openMode": "openMode"; "direction": "direction"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onMenuItemClick": "onMenuItemClick"; }, ["_contentEmptyTemplate", "_contentItemTemplate", "_searchBox"], never, false>;
+}

package/menu/src/menu.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./menu.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "@acorex/components/loading";
+import * as i5 from "@acorex/core/translation";
+import * as i6 from "@acorex/components/popover";
+export declare class AXMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuComponent], [typeof i2.CommonModule, typeof i3.AXDecoratorModule, typeof i4.AXLoadingModule, typeof i5.AXTranslationModule, typeof i6.AXPopoverModule], [typeof i1.AXMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXMenuModule>;
+}

package/mixin/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/mixin" />
+export * from './public-api';

package/mixin/public-api.d.ts

@@ -0,0 +1,17 @@
+export * from './src/base-components.class';
+export * from './src/base-menu-mixin.class';
+export * from './src/button-mixin.class';
+export * from './src/clickable-mixin.class';
+export * from './src/color-look-mixing.class';
+export * from './src/constratctor';
+export * from './src/datalist-component.class';
+export * from './src/datalist.class';
+export * from './src/dropdown-mixin.class';
+export * from './src/interactive-mixin.class';
+export * from './src/loading-mixin.class';
+export * from './src/mixin.class';
+export * from './src/page-component.class';
+export * from './src/selection-component.class';
+export * from './src/sizable-mixin.class';
+export * from './src/textbox-mixin.class';
+export * from './src/value-mixin.class';

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

@@ -0,0 +1,84 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { Constructor } from './constratctor';
+import * as i0 from "@angular/core";
+/**
+ * A token that specifies the size of component.
+ */
+export declare type AXElementSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare type AXComponentOptionChanging = {
+    name: string;
+    value?: any;
+};
+export declare type AXComponentOptionChanged = {
+    name: string;
+    newValue?: any;
+    oldValue?: any;
+};
+export declare type AXComponentSetOption = {
+    name: string;
+    value?: any;
+    afterCallback?: (oldValue?: any, newValue?: any) => void;
+    beforeCallback?: (oldValue?: any, newValue?: any) => void;
+};
+export declare class AXBaseComponent {
+    #private;
+    id: string;
+    /**
+     * A token that specifies the layout direction of component.
+     */
+    rtl: boolean;
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    /**
+     *  @ignore
+     */
+    constructor(...args: any[]);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T = HTMLElement>(): T;
+    _getInnerElement<T = HTMLElement>(): T;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: AXComponentOptionChanging): any;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
+    _setOption(option: AXComponentSetOption): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBaseComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXBaseComponent>;
+}
+export declare function _BaseComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
+    new (...args: any[]): {
+        id: string;
+        /**
+         * A token that specifies the layout direction of component.
+         */
+        rtl: boolean;
+        "__#32613@#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;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: AXComponentOptionChanging): any;
+        _onOptionChanged(option: AXComponentOptionChanged): void;
+        _setOption(option: AXComponentSetOption): void;
+    };
+} & TBase;
+export declare const BASE_INPUTS: string[];
+export declare const BASE_OUTPUT: any[];

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

@@ -0,0 +1,52 @@
+import { EventEmitter } from '@angular/core';
+import { AXItemClickEvent } from '@acorex/components/common';
+import { AXBaseComponent } from './base-components.class';
+import { Constructor } from './constratctor';
+export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
+    new (...args: any[]): {
+        textField: string;
+        valueField: string;
+        "__#32614@#isLoading": boolean;
+        "__#32614@#loadedItems": any;
+        visibleField: string;
+        disableField: string;
+        hasChildField: string;
+        iconField: string;
+        openMode: 'click' | 'hover';
+        direction: 'horizontal' | 'vertical';
+        onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
+        readonly loadedCount: number;
+        "__#32614@#items": any;
+        items: any;
+        readonly displayItems: any;
+        readonly isLoading: boolean;
+        _formatData(v: any[]): any[];
+        _findNode(parentId: number, _children: any, source: any): void;
+        _fetchData(parentId?: number, searchText?: string): Promise<unknown>;
+        _onInternalInit(): void;
+        _getItemDisplayTextTemplte(item: any): any;
+        _trackLoaded(index: any, item: any): any;
+        id: string;
+        rtl: boolean;
+        "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
+        _setOption(option: import("./base-components.class").AXComponentSetOption): void;
+    };
+} & TBase;
+export declare const BASEMENU_INPUTS: string[];
+export declare const BASEMENU_OUTPUT: string[];

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

@@ -0,0 +1,52 @@
+import { EventEmitter } from '@angular/core';
+import { AXBaseComponent } from './base-components.class';
+import { Constructor } from './constratctor';
+export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
+    new (...args: any[]): {
+        _text: string;
+        /**
+        *  Defines the primary text to show inside the button.
+        */
+        text: string;
+        toggleableChange: EventEmitter<boolean>;
+        _toggleable?: boolean;
+        /**
+        *  Provides visual styling that indicates if the Button is active
+        */
+        toggleable: boolean;
+        selectedChange: EventEmitter<boolean>;
+        _selected?: boolean;
+        /**
+        *  Indicates if the Button is selected or not
+        */
+        selected: boolean;
+        readonly _classes: {
+            'ax-button-icon': boolean;
+            'ax-state-disabled': any;
+            'ax-state-selected': boolean;
+        };
+        id: string;
+        rtl: boolean;
+        "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").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;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
+        _setOption(option: import("./base-components.class").AXComponentSetOption): void;
+    };
+} & TBase;
+export declare const BUTTON_INPUTS: string[];
+export declare const BUTTON_OUTPUT: string[];