@acorex/components 6.0.2 → 6.0.8

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

@@ -10,6 +10,11 @@ import * as i0 from "@angular/core";
 export declare class AXFormValidationEvent extends AXEvent {
     result: AXFormValidationResult;
 }
+/**
+*  Contains native event
+* @category Events
+*/
+export declare type AXFormUpdateOn = 'change' | 'blur' | 'manual';
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
@@ -17,15 +22,27 @@ export declare class AXFormValidationEvent extends AXEvent {
  */
 export declare class AXFormComponent extends AXBaseComponentMixin {
     private cdr;
+    onValidate: EventEmitter<AXFormValidationEvent>;
+    updateOnChange: EventEmitter<AXFormUpdateOn>;
+    private _updateOn;
+    get updateOn(): AXFormUpdateOn;
+    set updateOn(v: AXFormUpdateOn);
+    validateInitValues: boolean;
+    private _observer;
+    private _subs;
     /**
     *  @ignore
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onValidate: EventEmitter<AXFormValidationEvent>;
     private _getComponenets;
+    onViewInit(): void;
+    private _bindEvents;
+    private _clearSubs;
+    private _validateInitValues;
     validate(...args: string[]): Promise<AXFormValidationResult>;
     private _emitOnValidateEvent;
     clear(): void;
+    onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, {}, { "onValidate": "onValidate"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, { "updateOn": "updateOn"; "validateInitValues": "validateInitValues"; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, never, ["*"], false>;
 }

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

@@ -1,53 +1,38 @@
-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 { OverlayRef, Overlay } from '@angular/cdk/overlay';
+import { OnInit, TemplateRef, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXBaseMenuMixin } from '@acorex/components/mixin';
+import { AXPlatform } from '@acorex/core/platform';
 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;
+export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
+    private _elementRef;
     private cdr;
-    popover: AXPopoverComponent;
+    private _overlay;
+    private _platform;
     private _contentEmptyTemplate;
     private _contentItemTemplate;
-    _searchBox: AXSearchBoxComponent;
-    _forceFocus: boolean;
-    _target: HTMLDivElement;
+    _overlayRef: OverlayRef;
     get emptyTemplate(): TemplateRef<any>;
     get itemTemplate(): TemplateRef<any>;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    private _levelCount;
+    private _oldItem;
+    constructor(_elementRef: ElementRef, cdr: ChangeDetectorRef, _overlay: Overlay, _platform: AXPlatform);
     onInit(): void;
     ngAfterViewInit(): void;
+    _onMenuMouseEnter(e: MouseEvent, item: any): 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";
+    _getDirection(): string;
+    private _removeActive;
+    private _closeOpenChild;
+    private _initParent;
+    private _handelMenuLogic;
+    private _openAsOverlay;
+    private _close;
+    onDestroy(): void;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "textField": "textField"; "valueField": "valueField"; "items": "items"; "parentId": "parentId"; "iconField": "iconField"; "tooltip": "tooltip"; "isOpen": "isOpen"; "isActive": "isActive"; "visibleField": "visibleField"; "disableField": "disableField"; "hasChildField": "hasChildField"; "dividerField": "dividerField"; "openMode": "openMode"; "orientation": "orientation"; "showModal": "showModal"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onMenuItemClick": "onMenuItemClick"; }, ["_contentEmptyTemplate", "_contentItemTemplate"], never, false>;
 }

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

@@ -4,9 +4,9 @@ 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";
+import * as i6 from "@angular/cdk/overlay";
 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 ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuComponent], [typeof i2.CommonModule, typeof i3.AXDecoratorModule, typeof i4.AXLoadingModule, typeof i5.AXTranslationModule, typeof i6.OverlayModule], [typeof i1.AXMenuComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXMenuModule>;
 }

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

@@ -43,7 +43,6 @@ export declare class AXBaseComponent {
     _onInternalViewInit(): void;
     _onInternalDestroy(): void;
     onInit(): void;
-    onRenderCssClass(): void;
     onViewInit(): void;
     onDestroy(): void;
     _onOptionChanging(option: AXComponentOptionChanging): any;
@@ -59,7 +58,7 @@ export declare function _BaseComponenetMixin<TBase extends Constructor<AXBaseCom
          * A token that specifies the layout direction of component.
          */
         rtl: boolean;
-        "__#32613@#elementRef": ElementRef<any>;
+        "__#32621@#elementRef": ElementRef<any>;
         _cdr: ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -72,7 +71,6 @@ export declare function _BaseComponenetMixin<TBase extends Constructor<AXBaseCom
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;
-        onRenderCssClass(): void;
         onViewInit(): void;
         onDestroy(): void;
         _onOptionChanging(option: AXComponentOptionChanging): any;

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

@@ -1,22 +1,22 @@
-import { EventEmitter } from '@angular/core';
 import { AXItemClickEvent } from '@acorex/components/common';
+import { EventEmitter } from '@angular/core';
 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;
+        "__#32622@#isLoading": boolean;
+        "__#32622@#loadedItems": any;
         visibleField: string;
         disableField: string;
         hasChildField: string;
         iconField: string;
         openMode: 'click' | 'hover';
-        direction: 'horizontal' | 'vertical';
+        orientation: 'horizontal' | 'vertical' | 'sidemenu';
+        dividerField: string;
         onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
-        readonly loadedCount: number;
-        "__#32614@#items": any;
+        "__#32622@#items": any;
         items: any;
         readonly displayItems: any;
         readonly isLoading: boolean;
@@ -25,10 +25,10 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         _fetchData(parentId?: number, searchText?: string): Promise<unknown>;
         _onInternalInit(): void;
         _getItemDisplayTextTemplte(item: any): any;
-        _trackLoaded(index: any, item: any): any;
+        refresh(): void;
         id: string;
         rtl: boolean;
-        "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -40,7 +40,6 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;
-        onRenderCssClass(): void;
         onViewInit(): void;
         onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;

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

@@ -27,7 +27,7 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         };
         id: string;
         rtl: boolean;
-        "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -40,7 +40,6 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;
-        onRenderCssClass(): void;
         onViewInit(): void;
         onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;

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

@@ -14,7 +14,7 @@ export declare function _ClickableComponenetMixin<TBase extends Constructor<AXBa
         *  @ignore
         */
         rtl: boolean;
-        "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -27,7 +27,6 @@ export declare function _ClickableComponenetMixin<TBase extends Constructor<AXBa
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;
-        onRenderCssClass(): void;
         onViewInit(): void;
         onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;

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

@@ -18,7 +18,7 @@ export declare function _ColorLookComponentMixin<TBase extends Constructor<AXBas
         look: AXStyleLookType;
         id: string;
         rtl: boolean;
-        "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -31,7 +31,6 @@ export declare function _ColorLookComponentMixin<TBase extends Constructor<AXBas
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;
-        onRenderCssClass(): void;
         onViewInit(): void;
         onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;

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

@@ -7,16 +7,16 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
         textField: string;
         childrenField: string;
         pageSize: number;
-        "__#32615@#currentPage": number;
-        "__#32615@#isLoading": boolean;
-        "__#32615@#loadedItems": any[];
-        "__#32615@#flatItems": any[];
-        "__#32615@#totalItems": number;
-        "__#32615@#isLazy": boolean;
+        "__#32623@#currentPage": number;
+        "__#32623@#isLoading": boolean;
+        "__#32623@#loadedItems": any[];
+        "__#32623@#flatItems": any[];
+        "__#32623@#totalItems": number;
+        "__#32623@#isLazy": boolean;
         readonly totalCount: number;
         readonly isLazy: boolean;
         readonly loadedCount: number;
-        "__#32615@#items": AXDataListItems;
+        "__#32623@#items": AXDataListItems;
         items: AXDataListItems;
         readonly displayItems: any[];
         readonly flatItems: any[];
@@ -26,14 +26,14 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
             searchQuery?: string;
         }): void;
         _onDataLoaded(): void;
-        "__#32615@#generateFlatItems"(): void;
+        "__#32623@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
         refresh(): void;
         empty(): void;
         id: string;
         rtl: boolean;
-        "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -46,7 +46,6 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;
-        onRenderCssClass(): void;
         onViewInit(): void;
         onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;

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

@@ -24,7 +24,7 @@ export declare function _DropdownComponenetMixin<TBase extends Constructor<AXBas
     readonly isOpen: boolean;
     id: string;
     rtl: boolean;
-    "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -36,7 +36,6 @@ export declare function _DropdownComponenetMixin<TBase extends Constructor<AXBas
     _onInternalInit(): void;
     _onInternalViewInit(): void;
     _onInternalDestroy(): void;
-    onRenderCssClass(): void;
     onDestroy(): void;
     _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;

package/mixin/src/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[]) => {
-    "__#32616@#disabled": boolean;
+    "__#32624@#disabled": boolean;
     /**
     *  If set to true, it disables the component.
     */
     disabled: boolean;
-    "__#32616@#tabIndex": number;
+    "__#32624@#tabIndex": number;
     /**
     *  Specifies the tabindex of the component.
     */
@@ -35,7 +35,7 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -46,9 +46,10 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     _getInnerElement<T_1 = HTMLElement>(): T_1;
     _onInternalInit(): void;
     _onInternalViewInit(): void;
-    _onInternalDestroy(): void;
+    _onInternalDestroy(): void; /**
+    *  Focuses the component.
+    */
     onInit(): void;
-    onRenderCssClass(): void;
     onViewInit(): void;
     onDestroy(): void;
     _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;

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

@@ -17,7 +17,7 @@ export declare function _LoadingComponenetMixin<TBase extends Constructor<AXBase
         _onInternalInit(): void;
         id: string;
         rtl: boolean;
-        "__#32613@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -29,7 +29,6 @@ export declare function _LoadingComponenetMixin<TBase extends Constructor<AXBase
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;
-        onRenderCssClass(): void;
         onViewInit(): void;
         onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;