@acorex/components 5.0.42 → 5.0.45

package/lib/base/common.module.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./responsive.directive";
+import * as i2 from "./infinite-scroll.directive";
 export declare class AXCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective], never, [typeof i1.AXResponsiveDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCommonModule>;
 }

package/lib/base/index.d.ts

@@ -3,4 +3,5 @@ export * from './events.class';
 export * from './drawing.class';
 export * from './styles.class';
 export * from './responsive.directive';
+export * from './infinite-scroll.directive';
 export * from './common.module';

package/lib/base/infinite-scroll.directive.d.ts

@@ -0,0 +1,25 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface AXScrollPosition {
+    scrollHeight: number;
+    scrollTop: number;
+    clientHeight: number;
+}
+export declare class AXInfiniteScrollerDirective implements AfterViewInit {
+    private elm;
+    private scrollEvent$;
+    private userScrolledDown$;
+    private requestOnScroll$;
+    scrollCallback: Function;
+    immediateCallback: any;
+    scrollPercent: number;
+    constructor(elm: ElementRef);
+    ngAfterViewInit(): void;
+    private registerScrollEvent;
+    private streamScrollEvents;
+    private requestCallbackOnScroll;
+    private isUserScrollingDown;
+    private isScrollExpectedPercent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXInfiniteScrollerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXInfiniteScrollerDirective, "[axInfiniteScroller]", never, { "scrollCallback": "scrollCallback"; "immediateCallback": "immediateCallback"; "scrollPercent": "scrollPercent"; }, {}, never>;
+}

package/lib/base/mixin/datalist-component.class.d.ts

@@ -1,5 +1,6 @@
 import { AXBaseComponent } from './base-components.class';
 import { Constructor } from './constratctor';
+import { AXDataListItems } from './datalist.class';
 export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
     new (...args: any[]): {
         valueField: string;
@@ -9,20 +10,26 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
         "__#2@#currentPage": number;
         "__#2@#isLoading": boolean;
         "__#2@#loadedItems": any[];
+        "__#2@#flatItems": any[];
         "__#2@#totalItems": number;
         "__#2@#isLazy": boolean;
         readonly totalCount: number;
         readonly loadedCount: number;
-        "__#2@#items": any;
-        items: any;
-        readonly displayItems: any;
+        "__#2@#items": AXDataListItems;
+        items: AXDataListItems;
+        readonly displayItems: any[];
+        readonly flatItems: any[];
         readonly isLoading: boolean;
         _formatData(v: any[]): any[];
-        _fetchData(): void;
+        _fetchData(opts?: {
+            searchQuery?: string;
+        }): void;
         _onDataLoaded(): void;
+        "__#2@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
         refresh(): void;
+        empty(): void;
         id: string;
         rtl: boolean;
         cssClass: string;

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

@@ -0,0 +1,11 @@
+export interface AXDataListQuery {
+    take?: number;
+    skip?: number;
+    searchQuery?: string;
+}
+export interface AXDataListFetchCallbackResult {
+    items: any[];
+    total: number;
+}
+export declare type AXDataListFetchDataCallback = (e: AXDataListQuery) => Promise<any[] | AXDataListFetchCallbackResult>;
+export declare type AXDataListItems = any[] | AXDataListFetchDataCallback;

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

@@ -1,4 +1,5 @@
 import { AXBaseComponent } from './base-components.class';
+export * from './datalist.class';
 export declare const AXBaseComponentMixin: {
     new (...args: any[]): {
         id: string;

package/lib/base/mixin/selection-component.class.d.ts

@@ -15,6 +15,7 @@ export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBa
         selectionMode: 'value' | 'item';
         readonly items: any[];
         readonly displayItems: any[];
+        readonly flatItems: any[];
         valueChange: EventEmitter<any>;
         onValueChanged: EventEmitter<AXSelectionValueChangedEvent>;
         _onInternalInit(): void;

package/lib/selectbox/selectbox.component.d.ts

@@ -1,6 +1,6 @@
 import { AXPlatform } from '@acorex/core';
 import { ChangeDetectorRef, ElementRef, NgZone, TemplateRef } from '@angular/core';
-import { AXBaseSelectionDropdownMixin, AXClickEvent } from '../base';
+import { AXBaseSelectionDropdownMixin, AXClickEvent, AXValueChangedEvent } from '../base';
 import { AXPopoverComponent } from '../popover';
 import * as i0 from "@angular/core";
 export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
@@ -13,12 +13,22 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     _popoverTitle: string;
     _popoverWidth: number;
     clearButton: boolean;
+    private _searchSettings;
+    get searchSettings(): {
+        enabled?: boolean;
+        expr?: string;
+    };
+    set searchSettings(v: {
+        enabled?: boolean;
+        expr?: string;
+    });
     checkbox: boolean;
     private listContainer;
+    private _searchBox;
     private _contentEmptyTemplate;
     get emptyTemplate(): TemplateRef<any>;
-    _currentfocusedIndex: number;
     _isMobile: boolean;
+    _forceFocus: boolean;
     constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
     _handleArrowClickEvent(e: AXClickEvent): void;
     _handleInputClickEvent(e: MouseEvent): void;
@@ -35,10 +45,13 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     _handleKeydown(e: KeyboardEvent): void;
     _handlePopoverKeydown(e: KeyboardEvent): void;
     _handlePopupOnOpened(e: any): void;
+    _handlePopupOnClosed(e: any): void;
     private _focusItemByNav;
-    private _focusItemByIndex;
     private _focusSelectedItem;
-    private _selectedItemByIndex;
+    private _focusItemElement;
+    private _selectedItemByNav;
+    _onSearchExprChanged(e: AXValueChangedEvent<string>): void;
+    _fetchData(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "pageSize": "pageSize"; "valueField": "valueField"; "textField": "textField"; "items": "items"; "disabledField": "disabledField"; "disabledCallback": "disabledCallback"; "multiple": "multiple"; "selectionMode": "selectionMode"; "clearButton": "clearButton"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "valueChanged": "valueChanged"; }, ["_contentEmptyTemplate"], ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "pageSize": "pageSize"; "valueField": "valueField"; "textField": "textField"; "items": "items"; "disabledField": "disabledField"; "disabledCallback": "disabledCallback"; "multiple": "multiple"; "selectionMode": "selectionMode"; "clearButton": "clearButton"; "searchSettings": "searchSettings"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "valueChanged": "valueChanged"; }, ["_contentEmptyTemplate"], ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
 }

package/lib/selectbox/selectbox.module.d.ts

@@ -1,19 +1,20 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./selectbox.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../checkbox/checkbox.module";
-import * as i5 from "../badge/badge.module";
-import * as i6 from "../decorators/decorators.module";
-import * as i7 from "@acorex/core";
-import * as i8 from "../icon/icon.module";
-import * as i9 from "../popover/popover.module";
-import * as i10 from "../button/button.module";
-import * as i11 from "../label/label.module";
+import * as i3 from "../base/common.module";
+import * as i4 from "@angular/forms";
+import * as i5 from "../checkbox/checkbox.module";
+import * as i6 from "../badge/badge.module";
+import * as i7 from "../decorators/decorators.module";
+import * as i8 from "@acorex/core";
+import * as i9 from "../icon/icon.module";
+import * as i10 from "../popover/popover.module";
+import * as i11 from "../button/button.module";
 import * as i12 from "../loading/loading.module";
 import * as i13 from "@angular/cdk/a11y";
+import * as i14 from "../textbox/textbox.module";
 export declare class AXSelectBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXBadgeModule, typeof i6.AXEditorDecoratorModule, typeof i7.AXTranslationModule, typeof i8.AXIconModule, typeof i9.AXPopoverModule, typeof i10.AXButtonModule, typeof i11.AXLabelModule, typeof i12.AXLoadingModule, typeof i13.A11yModule], [typeof i1.AXSelectBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.FormsModule, typeof i5.AXCheckBoxModule, typeof i6.AXBadgeModule, typeof i7.AXEditorDecoratorModule, typeof i8.AXTranslationModule, typeof i9.AXIconModule, typeof i10.AXPopoverModule, typeof i11.AXButtonModule, typeof i12.AXLoadingModule, typeof i13.A11yModule, typeof i14.AXTextBoxModule], [typeof i1.AXSelectBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxModule>;
 }

package/lib/treeview/tree-view.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class AXTreeViewComponent implements OnInit {
     constructor();
     ngOnInit(): void;
+    showLines: "all" | "node" | "none";
     list: {
         title: string;
         children: {
@@ -20,5 +21,5 @@ export declare class AXTreeViewComponent implements OnInit {
         }[];
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "showLines": "showLines"; }, {}, never, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "5.0.42",
+  "version": "5.0.45",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0",