@acorex/components 7.4.7 → 7.5.0

package/list/lib/list.component.d.ts

@@ -0,0 +1,59 @@
+import { OnInit, AfterViewInit, TemplateRef } from '@angular/core';
+import { AXDataListItems, MXSelectionValueComponent } from '@acorex/components/common';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { CollectionViewer, DataSource } from '@angular/cdk/collections';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/scrolling";
+export declare class AXListDataSource<T = any> extends DataSource<T> {
+    config: {
+        source: AXDataListItems;
+        pageSize?: number;
+        debounceTime?: number;
+    };
+    private pageSize;
+    private debounceTime;
+    private _cachedData;
+    private fetchedPages;
+    private subscription;
+    private initiated;
+    private source;
+    dataStream: BehaviorSubject<T[]>;
+    loadingState: BehaviorSubject<boolean>;
+    get cachedItems(): T[];
+    /**
+     * @ignore
+     */
+    constructor(config: {
+        source: AXDataListItems;
+        pageSize?: number;
+        debounceTime?: number;
+    });
+    connect(collectionViewer: CollectionViewer): Observable<T[]>;
+    disconnect(): void;
+    private getPageForIndex;
+    private fetchPage;
+}
+export declare class AXListComponent extends MXSelectionValueComponent implements OnInit, AfterViewInit {
+    source: AXDataListItems;
+    itemHeight: number | 'auto';
+    itemTemplate: TemplateRef<unknown>;
+    emptyTemplate: TemplateRef<unknown>;
+    loadingTemplate: TemplateRef<unknown>;
+    checkbox: boolean;
+    protected dataSource: AXListDataSource<unknown>;
+    protected isLoading: boolean;
+    protected hasItems: boolean;
+    trackByIdx(i: any): any;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    _handleOnItemClick(e: MouseEvent, item: any): void;
+    _handleKeydown(e: KeyboardEvent): void;
+    private focusItemByNav;
+    /**
+     *  @ignore
+     */
+    get __hostClass(): string;
+    getItemByKey(key: unknown): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXListComponent, "ax-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "source": { "alias": "source"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "disabledChange": "disabledChange"; "readOnlyChange": "readOnlyChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-header", "ax-footer"], false, [{ directive: typeof i1.CdkVirtualScrollableElement; inputs: {}; outputs: {}; }]>;
+}

package/list/lib/list.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./list.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/scrolling";
+export declare class AXListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXListModule, [typeof i1.AXListComponent], [typeof i2.CommonModule, typeof i3.ScrollingModule], [typeof i1.AXListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXListModule>;
+}

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

@@ -4,9 +4,10 @@ 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";
+import * as i6 from "@angular/cdk/dialog";
+import * as i7 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 i3.AXLoadingSpinnerComponent], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.PortalModule], [typeof i1.AXLoadingComponent, typeof i2.AXLoadingDirective, typeof i3.AXLoadingSpinnerComponent, 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.DialogModule, typeof i7.PortalModule], [typeof i1.AXLoadingComponent, typeof i2.AXLoadingDirective, typeof i3.AXLoadingSpinnerComponent, typeof i3.AXLoadingSpinnerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXLoadingModule>;
 }

package/menu/index.d.ts

@@ -1,2 +1,5 @@
+export * from './lib/class/root-menu.class';
+export * from './lib/menu-item/menu-item.component';
 export * from './lib/menu.component';
 export * from './lib/menu.module';
+export * from './lib/menu2.component';

package/menu/lib/class/root-menu.class.d.ts

@@ -0,0 +1,4 @@
+import { AXOrientation } from '@acorex/components/common';
+export declare class AXRootMenu {
+    oriatation: AXOrientation;
+}

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

@@ -0,0 +1,22 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AfterViewInit, QueryList } from '@angular/core';
+import { AXRootMenu } from '../class/root-menu.class';
+import * as i0 from "@angular/core";
+export declare class AXMenuItemComponent extends MXBaseComponent implements AfterViewInit {
+    private popover;
+    text: string;
+    disabled: boolean;
+    isRoot: boolean;
+    parent?: AXMenuItemComponent;
+    rootMenu: AXRootMenu;
+    children: QueryList<AXMenuItemComponent>;
+    ngAfterViewInit(): void;
+    close(): void;
+    _handleOnOpened(): void;
+    _handleOnClosed(): void;
+    getIcon(): "ax-icon-arrow-right" | "ax-icon-arrow-down";
+    getPlacement(): "bottom-start" | "end-top";
+    get __hostClass(): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuItemComponent, "ax-menu-item", never, { "text": { "alias": "text"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["children"], ["ax-prefix", "ax-suffix", "ax-menu-item"], false, never>;
+}

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

@@ -1,14 +1,14 @@
-import { OverlayRef, Overlay } from '@angular/cdk/overlay';
-import { OnInit, TemplateRef, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { AXBaseMenuMixin } from '@acorex/components/mixin';
 import { AXPlatform } from '@acorex/core/platform';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnInit, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
+export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit, AfterViewInit {
     private _elementRef;
     private cdr;
     private _overlay;

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

@@ -1,12 +1,15 @@
 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 "@angular/cdk/overlay";
+import * as i1 from "./menu-item/menu-item.component";
+import * as i2 from "./menu.component";
+import * as i3 from "./menu2.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@acorex/components/decorators";
+import * as i6 from "@acorex/components/loading";
+import * as i7 from "@acorex/core/translation";
+import * as i8 from "@angular/cdk/overlay";
+import * as i9 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.OverlayModule], [typeof i1.AXMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuItemComponent, typeof i2.AXMenuComponent, typeof i3.AXMenu2Component], [typeof i4.CommonModule, typeof i5.AXDecoratorModule, typeof i6.AXLoadingModule, typeof i7.AXTranslationModule, typeof i8.OverlayModule, typeof i9.AXPopoverModule], [typeof i1.AXMenuItemComponent, typeof i2.AXMenuComponent, typeof i3.AXMenu2Component]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXMenuModule>;
 }

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

@@ -0,0 +1,12 @@
+import { AXOrientation, MXBaseComponent } from '@acorex/components/common';
+import { AfterViewInit, QueryList } from '@angular/core';
+import { AXMenuItemComponent } from './menu-item/menu-item.component';
+import * as i0 from "@angular/core";
+export declare class AXMenu2Component extends MXBaseComponent implements AfterViewInit {
+    oriatation: AXOrientation;
+    children: QueryList<AXMenuItemComponent>;
+    ngAfterViewInit(): void;
+    get __hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMenu2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenu2Component, "ax-menu2", never, { "oriatation": { "alias": "oriatation"; "required": false; }; }, {}, ["children"], ["ax-menu-item"], false, never>;
+}

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.
          */
-        "__#20984@#rtl": boolean;
+        "__#21316@#rtl": boolean;
         rtl: boolean;
-        "__#20984@#elementRef": ElementRef<any>;
+        "__#21316@#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;
-        "__#20985@#isLoading": boolean;
-        "__#20985@#loadedItems": any;
+        "__#21317@#isLoading": boolean;
+        "__#21317@#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>>;
-        "__#20985@#items": any;
+        "__#21317@#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;
-        "__#20984@#rtl": boolean;
+        "__#21316@#rtl": boolean;
         rtl: boolean;
-        "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#21316@#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;
-        "__#20984@#rtl": boolean;
+        "__#21316@#rtl": boolean;
         rtl: boolean;
-        "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#21316@#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;
-        "__#20984@#rtl": boolean;
+        "__#21316@#rtl": boolean;
         rtl: boolean;
-        "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#21316@#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;
-        "__#20984@#rtl": boolean;
+        "__#21316@#rtl": boolean;
         rtl: boolean;
-        "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#21316@#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;
-        "__#20986@#currentPage": number;
-        "__#20986@#isLoading": boolean;
-        "__#20986@#loadedItems": any[];
-        "__#20986@#flatItems": any[];
-        "__#20986@#totalItems": number;
-        "__#20986@#isLazy": boolean;
+        "__#21318@#currentPage": number;
+        "__#21318@#isLoading": boolean;
+        "__#21318@#loadedItems": any[];
+        "__#21318@#flatItems": any[];
+        "__#21318@#totalItems": number;
+        "__#21318@#isLazy": boolean;
         readonly totalCount: number;
         readonly isLazy: boolean;
         readonly loadedCount: number;
-        "__#20986@#items": AXDataListItems;
+        "__#21318@#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;
-        "__#20986@#generateFlatItems"(): void;
+        "__#21318@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
         refresh(): void;
         empty(): void;
         id: string;
-        "__#20984@#rtl": boolean;
+        "__#21316@#rtl": boolean;
         rtl: boolean;
-        "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#21316@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -1,3 +1,7 @@
+import { Observable, Subject } from 'rxjs';
+import { DataSource } from '@angular/cdk/collections';
+export declare function prepare<T>(callback: () => void): (source: Observable<T>) => Observable<T>;
+export declare function indicate<T>(indicator: Subject<boolean>): (source: Observable<T>) => Observable<T>;
 export interface AXDataListQuery {
     take?: number;
     skip?: number;
@@ -9,3 +13,37 @@ export interface AXDataListFetchCallbackResult {
 }
 export type AXDataListFetchDataCallback = (e: AXDataListQuery) => Promise<any[] | AXDataListFetchCallbackResult>;
 export type AXDataListItems = any[] | AXDataListFetchDataCallback;
+export interface AXSort<T> {
+    property: keyof T;
+    order: 'asc' | 'desc';
+}
+export interface AXPageRequest<T> {
+    take: number;
+    skip: number;
+    sort?: AXSort<T>;
+}
+export interface AXPagedResult<T> {
+    items: T[];
+    total: number;
+}
+export type AXPaginatedEndpoint<T, Q> = (pageable: AXPageRequest<T>, query: Q) => Observable<AXPagedResult<T>>;
+export interface AXSimpleDataSource<T> extends DataSource<T> {
+    connect(): Observable<T[]>;
+    disconnect(): void;
+}
+export declare class AXPaginatedDataSource<T, Q> implements AXSimpleDataSource<T> {
+    private endpoint;
+    take: number;
+    private pageNumber;
+    private sort;
+    private query;
+    private loading;
+    loading$: Observable<boolean>;
+    page$: Observable<AXPagedResult<T>>;
+    constructor(endpoint: AXPaginatedEndpoint<T, Q>, initialSort: AXSort<T>, initialQuery: Q, take?: number);
+    sortBy(sort: Partial<AXSort<T>>): void;
+    queryBy(query: Partial<Q>): void;
+    fetch(page: number): void;
+    connect(): Observable<T[]>;
+    disconnect(): void;
+}

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;
-    "__#20984@#rtl": boolean;
+    "__#21316@#rtl": boolean;
     rtl: boolean;
-    "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#21316@#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[]) => {
-    "__#20987@#disabled": boolean;
+    "__#21319@#disabled": boolean;
     /**
     *  If set to true, it disables the component.
     */
     disabled: boolean;
-    "__#20987@#tabIndex": number;
+    "__#21319@#tabIndex": number;
     /**
     *  Specifies the tabindex of the component.
     */
@@ -34,9 +34,9 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     */
     hasFocus(): boolean;
     id: string;
-    "__#20984@#rtl": boolean;
+    "__#21316@#rtl": boolean;
     rtl: boolean;
-    "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#21316@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;