@acorex/components 5.1.1 → 5.1.2

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

@@ -0,0 +1,51 @@
+import { EventEmitter } from '@angular/core';
+import { AXItemClickEvent } from '..';
+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;
+        "__#2@#isLoading": boolean;
+        "__#2@#loadedItems": any;
+        visible: string;
+        disableField: string;
+        hasChildField: string;
+        icon: string;
+        openMode: 'click' | 'hover';
+        onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
+        readonly loadedCount: number;
+        "__#2@#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): void;
+        _onInternalInit(): void;
+        _getItemDisplayTextTemplte(item: any): any;
+        _trackLoaded(index: any, item: any): any;
+        id: string;
+        rtl: boolean;
+        "__#1@#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/lib/base/mixin/datalist-component.class.d.ts

@@ -7,15 +7,15 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
         textField: string;
         childrenField: string;
         pageSize: number;
-        "__#2@#currentPage": number;
-        "__#2@#isLoading": boolean;
-        "__#2@#loadedItems": any[];
-        "__#2@#flatItems": any[];
-        "__#2@#totalItems": number;
-        "__#2@#isLazy": boolean;
+        "__#3@#currentPage": number;
+        "__#3@#isLoading": boolean;
+        "__#3@#loadedItems": any[];
+        "__#3@#flatItems": any[];
+        "__#3@#totalItems": number;
+        "__#3@#isLazy": boolean;
         readonly totalCount: number;
         readonly loadedCount: number;
-        "__#2@#items": AXDataListItems;
+        "__#3@#items": AXDataListItems;
         items: AXDataListItems;
         readonly displayItems: any[];
         readonly flatItems: any[];
@@ -25,7 +25,7 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
             searchQuery?: string;
         }): void;
         _onDataLoaded(): void;
-        "__#2@#generateFlatItems"(): void;
+        "__#3@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
         refresh(): void;

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

@@ -3,12 +3,12 @@ import { AXBaseComponent } from "./base-components.class";
 import { Constructor } from "./constratctor";
 import { AXFocusEvent } from "../events.class";
 export declare function _InteractiveComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     /**
     *  If set to true, it disables the component.
     */
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     /**
     *  Specifies the tabindex of the component.
     */

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

@@ -101,9 +101,9 @@ export declare const AXInteractiveComponenetMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -134,9 +134,9 @@ export declare const AXInteractiveComponenetMixin: {
     _setOption(option: import("./base-components.class").AXComponentSetOption): void;
 }) & typeof AXBaseComponent;
 export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -218,9 +218,9 @@ export declare const AXBaseButtonMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -372,9 +372,9 @@ export declare const AXBaseTextBoxMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -407,19 +407,19 @@ export declare const AXBaseTextBoxMixin: {
     new (...args: any[]): {
         onValueChanged: import("@angular/core").EventEmitter<import("@acorex/components").AXValueChangedEvent<any>>;
         valueChange: import("@angular/core").EventEmitter<any>;
-        "__#4@#readonly": boolean;
+        "__#5@#readonly": boolean;
         readonly: boolean;
-        "__#4@#allowNull": boolean;
+        "__#5@#allowNull": boolean;
         allowNull: boolean;
-        "__#4@#name": string;
+        "__#5@#name": string;
         name: string;
-        "__#4@#debounceTime": number;
+        "__#5@#debounceTime": number;
         debounceTime: number;
-        "__#4@#valueSubscription": import("rxjs").Subscription;
-        "__#4@#valueSubject": import("rxjs").Subject<unknown>;
-        "__#4@#value": any;
+        "__#5@#valueSubscription": import("rxjs").Subscription;
+        "__#5@#valueSubject": import("rxjs").Subject<unknown>;
+        "__#5@#value": any;
         value: any;
-        "__#4@#state": "error" | "clear" | "success";
+        "__#5@#state": "error" | "clear" | "success";
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;
@@ -511,9 +511,9 @@ export declare const AXBaseDropdownMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -576,14 +576,61 @@ export declare const AXBaseDropdownMixin: {
     _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
     _setOption(option: import("./base-components.class").AXComponentSetOption): void;
 }) & typeof AXBaseComponent;
-export declare const AXBaseProgressMixin: {
+export declare const AXBaseMenuMixin: (abstract new (...args: any[]) => {
+    "__#4@#disabled": boolean;
+    disabled: boolean;
+    "__#4@#tabIndex": number;
+    tabIndex: number;
+    onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
+    _emitOnFocusEvent(e: FocusEvent): void;
+    onBlur: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
+    _emitOnBlurEvent(e: FocusEvent): void;
+    focus(): void;
+    hasFocus(): boolean;
+    id: string;
+    rtl: boolean;
+    "__#1@#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;
+}) & {
     new (...args: any[]): {
-        colorChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleColorType>;
-        _color: import("@acorex/components").AXStyleColorType;
-        color: import("@acorex/components").AXStyleColorType;
-        lookChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleButtonLook>;
-        _look?: import("@acorex/components").AXStyleButtonLook;
-        look: import("@acorex/components").AXStyleButtonLook;
+        textField: string;
+        valueField: string;
+        "__#2@#isLoading": boolean;
+        "__#2@#loadedItems": any;
+        visible: string;
+        disableField: string;
+        hasChildField: string;
+        icon: string;
+        openMode: "click" | "hover";
+        onMenuItemClick: import("@angular/core").EventEmitter<import("@acorex/components").AXItemClickEvent<any>>;
+        readonly loadedCount: number;
+        "__#2@#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): void;
+        _onInternalInit(): void;
+        _getItemDisplayTextTemplte(item: any): any;
+        _trackLoaded(index: any, item: any): any;
         id: string;
         rtl: boolean;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
@@ -595,7 +642,6 @@ export declare const AXBaseProgressMixin: {
         ngOnDestroy(): void;
         _getHostElement<T = HTMLElement>(): T;
         _getInnerElement<T_1 = HTMLElement>(): T_1;
-        _onInternalInit(): void;
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;

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

@@ -12,22 +12,22 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         */
         onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
         valueChange: EventEmitter<any>;
-        "__#4@#readonly": boolean;
+        "__#5@#readonly": boolean;
         /**
         *  If set to true, user cannot change the value of component.
         */
         readonly: boolean;
-        "__#4@#allowNull": boolean;
+        "__#5@#allowNull": boolean;
         allowNull: boolean;
-        "__#4@#name": string;
+        "__#5@#name": string;
         name: string;
-        "__#4@#debounceTime": number;
+        "__#5@#debounceTime": number;
         debounceTime: number;
-        "__#4@#valueSubscription": Subscription;
-        "__#4@#valueSubject": Subject<unknown>;
-        "__#4@#value": any;
+        "__#5@#valueSubscription": Subscription;
+        "__#5@#valueSubject": Subject<unknown>;
+        "__#5@#value": any;
         value: any;
-        "__#4@#state": 'clear' | 'success' | 'error';
+        "__#5@#state": 'clear' | 'success' | 'error';
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;

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

@@ -2,9 +2,9 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseComponent, AXStyleColorType } from '../base';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("../base").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;

package/lib/datepicker/datepicker.component.d.ts

@@ -5,9 +5,9 @@ import { AXCalendarBaseComponent, AXCalendarNavigateEvent } from '../calendar/ca
 import { AXPopoverComponent } from '../popover/popover.component';
 import * as i0 from "@angular/core";
 export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("../base").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -73,19 +73,19 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     new (...args: any[]): {
         onValueChanged: EventEmitter<import("../base").AXValueChangedEvent<any>>;
         valueChange: EventEmitter<any>;
-        "__#4@#readonly": boolean;
+        "__#5@#readonly": boolean;
         readonly: boolean;
-        "__#4@#allowNull": boolean;
+        "__#5@#allowNull": boolean;
         allowNull: boolean;
-        "__#4@#name": string;
+        "__#5@#name": string;
         name: string;
-        "__#4@#debounceTime": number;
+        "__#5@#debounceTime": number;
         debounceTime: number;
-        "__#4@#valueSubscription": import("rxjs").Subscription;
-        "__#4@#valueSubject": import("rxjs").Subject<unknown>;
-        "__#4@#value": any;
+        "__#5@#valueSubscription": import("rxjs").Subscription;
+        "__#5@#valueSubject": import("rxjs").Subject<unknown>;
+        "__#5@#value": any;
         value: any;
-        "__#4@#state": "error" | "clear" | "success";
+        "__#5@#state": "error" | "clear" | "success";
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;
@@ -137,6 +137,7 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _platform: AXPlatform);
     onInit(): void;
     private _updateDisplayText;
+    _handlePopoverOpened(e: any): void;
     _handleArrowClickEvent(e: AXClickEvent): void;
     _onValueChanged(oldValue?: any, newValue?: any): void;
     _onOptionChanged(option: AXComponentOptionChanged): void;

package/lib/menu/menu.component.d.ts

@@ -1,5 +1,5 @@
-import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXBaseComponentMixin, AXItemClickEvent } from '../base';
+import { ElementRef, ChangeDetectorRef, OnInit } from '@angular/core';
+import { AXBaseMenuMixin } from '../base';
 import * as i0 from "@angular/core";
 export interface AXMenuItems {
     id?: string;
@@ -23,18 +23,15 @@ export interface AXMenuItems {
  *
  * @category Components
  */
-export declare class AXMenuComponent extends AXBaseComponentMixin {
+export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
     private elementRef;
     private cdr;
-    /**
-   *  @ignore
-   */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    items: AXMenuItems[];
-    onMenuItemClick: EventEmitter<AXItemClickEvent<AXMenuItems>>;
-    onMenuClick(e: MouseEvent, item: AXMenuItems): void;
-    notActive(items: AXMenuItems[]): void;
-    closeChild(items: AXMenuItems[]): void;
+    onInit(): void;
+    ngAfterViewInit(): void;
+    onMenuClick(e: MouseEvent, item: any): void;
+    notActive(items: any[]): void;
+    closeChild(items: any[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "items": "items"; }, { "onMenuItemClick": "onMenuItemClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "textField": "textField"; "valueField": "valueField"; "items": "items"; "id": "id"; "parentId": "parentId"; "icon": "icon"; "tooltip": "tooltip"; "isOpen": "isOpen"; "isActive": "isActive"; "visible": "visible"; "disableField": "disableField"; "hasChildField": "hasChildField"; "openMode": "openMode"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, never>;
 }

package/lib/menu/menu.module.d.ts

@@ -2,8 +2,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "./menu.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../icon/icon.module";
+import * as i4 from "../loading/loading.module";
+import * as i5 from "@acorex/core";
 export declare class AXMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuComponent], [typeof i2.CommonModule, typeof i3.AXIconModule], [typeof i1.AXMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuComponent], [typeof i2.CommonModule, typeof i3.AXIconModule, typeof i4.AXLoadingModule, typeof i5.AXTranslationModule], [typeof i1.AXMenuComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXMenuModule>;
 }

package/lib/tabs/tab-item.component.d.ts

@@ -29,7 +29,7 @@ export declare const AXBaseTabItemMixin: {
     };
 } & typeof AXBaseComponent;
 export declare class AXTabItemComponent extends AXBaseTabItemMixin {
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     text: string;
     key: string;
     template: TemplateRef<any>;

package/lib/tabs/tabs.component.d.ts

@@ -12,6 +12,7 @@ export declare class AXTabsComponent extends AXBaseComponent {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private _isUserInteraction;
     get items(): AXTabItemComponent[];
+    private _selectedItem;
     get selectedIndex(): number;
     get selectedItem(): AXTabItemComponent;
     onActiveTabChanged: EventEmitter<AXTabStripChangedEvent>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "peerDependencies": {
     "@angular/common": "^13.3.2",
     "@angular/core": "^13.3.2",