@acorex/components 4.2.0 → 4.2.2

package/lib/property-editor/editors/time-editor/time.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./time.editor";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../../../time-picker/time-picker.module";
+import * as i5 from "../../../validation/validation.module";
+export declare class AXTimePropertyEditorModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTimePropertyEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTimePropertyEditorModule, [typeof i1.AXTimePropertyEditorComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXTimePickerModule, typeof i5.AXValidationModule], [typeof i1.AXTimePropertyEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXTimePropertyEditorModule>;
+}

package/lib/property-editor/property-editor-renderer.directive.d.ts

@@ -0,0 +1,30 @@
+import { ViewContainerRef, ComponentFactoryResolver, EventEmitter } from '@angular/core';
+import { AXProperyEditorValueChangeEvent, AXPropertyConfig } from './property-editor.class';
+import { AXEventService, AXRenderService } from '@acorex/core';
+import { AXValidationFormComponent } from '../validation/validation-form.component';
+import * as i0 from "@angular/core";
+export declare class AXPropertyEditorRendererDirective {
+    private target;
+    private componentFactoryResolver;
+    private renderService;
+    private eventService;
+    private instance;
+    property: AXPropertyConfig;
+    validationForm: AXValidationFormComponent;
+    private _context;
+    get context(): any;
+    set context(v: any);
+    host: any;
+    groupId: any;
+    onValueChange: EventEmitter<AXProperyEditorValueChangeEvent>;
+    private subscription;
+    constructor(target: ViewContainerRef, componentFactoryResolver: ComponentFactoryResolver, renderService: AXRenderService, eventService: AXEventService);
+    clear(): void;
+    ngOnInit(): void;
+    createComponent(): void;
+    private watchChanges;
+    private assignProps;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPropertyEditorRendererDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXPropertyEditorRendererDirective, "[ax-property-editor-renderer]", never, { "property": "property"; "validationForm": "validationForm"; "context": "context"; "host": "host"; "groupId": "groupId"; }, { "onValueChange": "onValueChange"; }, never>;
+}

package/lib/property-editor/property-editor.class.d.ts

@@ -0,0 +1,67 @@
+import { EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import { AXValidatableComponent } from '../base/element.class';
+import * as i0 from "@angular/core";
+export declare type AXDataType = 'string' | 'number' | 'date' | 'boolean' | 'object';
+export declare type AXControlType = 'textbox' | 'numberbox' | 'datePicker' | 'switch' | 'custom';
+export interface AXPropertyDef {
+    name: string;
+    title: string;
+    hint?: string;
+    defaultValue?: any;
+    editorClass: any;
+    editorOptions?: any;
+    visible?: boolean | (() => boolean);
+    order?: number;
+}
+export interface AXPropertyEditorDef {
+    title: string;
+    hint?: string;
+    defaultValue?: any;
+    editorClass: any;
+    editorOptions?: any;
+    visible?: boolean | (() => boolean);
+    order?: number;
+}
+export interface AXPropertyConfig {
+    property: AXPropertyDef;
+    value: any;
+}
+export interface AXProperyEditorValueChangeEvent {
+    property: AXPropertyDef;
+    value: any;
+}
+export declare abstract class AXProperyEditorComponent<T> {
+    protected cdr: ChangeDetectorRef;
+    readonly: boolean;
+    private _initiated;
+    private _valueBound;
+    get initiated(): boolean;
+    validatableComponentRegistered: Subject<AXValidatableComponent>;
+    registerForValidationForm(component?: AXValidatableComponent): void;
+    valueChange: EventEmitter<T>;
+    onRenderCompleted: EventEmitter<void>;
+    private _value;
+    get value(): T;
+    set value(v: T);
+    constructor(cdr: ChangeDetectorRef);
+    uid: string;
+    handleValueChange(v: T): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXProperyEditorComponent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXProperyEditorComponent<any>, never, never, { "value": "value"; }, { "valueChange": "valueChange"; "onRenderCompleted": "onRenderCompleted"; }, never>;
+}
+export declare class AXPropertyDecorator {
+    cls: any;
+    property: string;
+    options: any;
+    constructor(cls: any, property: string, options: any);
+}
+export declare class AXPropertyDecorators {
+    private static REGISTRY;
+    static register(cls: string, property: string, options?: any): void;
+    static has(cls: string, property: string): boolean;
+    static get(cls: string, property: string): AXPropertyDecorator;
+    static isValid(property: string): boolean;
+    static getProperties(target: any): AXPropertyDecorator[];
+}
+export declare function propertyEditor(options: AXPropertyEditorDef): (target: any, key: string) => void;

package/lib/property-editor/property-editor.module.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./property-editor-renderer.directive";
+import * as i2 from "./editors/number-editor/number.module";
+import * as i3 from "./editors/text-editor/text.module";
+import * as i4 from "./editors/selectbox-editor/selectbox.module";
+import * as i5 from "./editors/range-editor/range.module";
+import * as i6 from "./editors/color-editor/color.module";
+import * as i7 from "./editors/conditional-color-editor/conditional-color.module";
+import * as i8 from "./editors/column-editor/column.module";
+import * as i9 from "./editors/switch-editor/number.module";
+import * as i10 from "./editors/date-editor/date.module";
+import * as i11 from "./editors/time-editor/time.module";
+import * as i12 from "./editors/textarea-editor/textarea.module";
+import * as i13 from "@angular/router";
+export declare class AXProppertyEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXProppertyEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXProppertyEditorModule, [typeof i1.AXPropertyEditorRendererDirective], [typeof i2.AXNumberBoxPropertyEditorModule, typeof i3.AXTextPropertyEditorModule, typeof i4.AXSelectBoxPropertyEditorModule, typeof i5.AXRangePropertyEditorModule, typeof i6.AXColorPropertyEditorModule, typeof i7.AXConditionalColorPropertyEditorModule, typeof i8.AXColumnPropertyEditorModule, typeof i9.AXSwitchPropertyEditorModule, typeof i10.AXDatePropertyEditorModule, typeof i11.AXTimePropertyEditorModule, typeof i11.AXTimePropertyEditorModule, typeof i12.AXTextareaPropertyEditorModule, typeof i13.RouterModule], [typeof i1.AXPropertyEditorRendererDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXProppertyEditorModule>;
+}

package/lib/query-builder/query-builder-group.component.d.ts

@@ -0,0 +1,33 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { AXValidationFormComponent } from '../validation/validation-form.component';
+import { AXQueryBuilderRuleComponent } from './query-builder-rule.component';
+import { AXQueryBuilderGroup, AXQueryBuilderGroupEvent, AXQueryBuilderRuleEvent } from './query-builder.class';
+import { AXQueryBuilderService } from './query-builder.service';
+import * as i0 from "@angular/core";
+export declare class AXQueryBuilderGroupComponent implements OnInit {
+    private qs;
+    queryRule: AXQueryBuilderRuleComponent;
+    form: AXValidationFormComponent;
+    group: AXQueryBuilderGroup;
+    collapsed: boolean;
+    parent: AXQueryBuilderGroup;
+    fields: any[];
+    mode: 'new' | 'edit';
+    groupRuleChanged: EventEmitter<AXQueryBuilderGroupEvent>;
+    showGroupCondition: boolean;
+    constructor(qs: AXQueryBuilderService);
+    ngOnInit(): void;
+    ruleDelete(e: AXQueryBuilderRuleEvent): void;
+    handleRemoveClick(): void;
+    saveRule(): void;
+    addRule(): void;
+    addGroup(): void;
+    addGroupOR(): void;
+    addGroupAND(): void;
+    makeGroup(_condition: any): void;
+    changeDetailMode(): void;
+    handleChangeClick(): void;
+    ruleChanged(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXQueryBuilderGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXQueryBuilderGroupComponent, "ax-query-group", never, { "group": "group"; "parent": "parent"; "fields": "fields"; "mode": "mode"; }, { "groupRuleChanged": "groupRuleChanged"; }, never, never>;
+}

package/lib/query-builder/query-builder-popup/query-builder-popup.component.d.ts

@@ -0,0 +1,35 @@
+import { AXButtonItem } from '@acorex/core';
+import { AXBasePopupPageComponent } from '../../base/base-page.class';
+import { AXMenuItemClickEvent } from '../../menu/menu.component';
+import { AXQueryBuilderGroup, AXQueryBuilderRule } from '../query-builder.class';
+import { AXDataSourceReadParams } from '../../data-source/read-param';
+import { AXToastService } from '../../toast/toast.service';
+import { AXValidationFormComponent } from '../../validation/validation-form.component';
+import * as i0 from "@angular/core";
+export declare class AXQueryBuilderPopupComponent extends AXBasePopupPageComponent {
+    private toast;
+    form: AXValidationFormComponent;
+    constructor(toast: AXToastService);
+    group: AXQueryBuilderGroup;
+    items: AXQueryBuilderRule[];
+    groupCopy: AXQueryBuilderGroup;
+    complateValue: boolean;
+    provideData: any;
+    makeJsonString(items: any[]): Promise<unknown>;
+    ngAfterViewInit(): void;
+    getValue(v: any): any;
+    getNoValueRule(gr: any): void;
+    ngOnInit(): void;
+    textValueChange(e: any, rule: any): void;
+    selectedItemsChange(e: any, rule: any): void;
+    valueChange(e: any, rule: any): void;
+    valueBooleanChange(e: any, rule: any): void;
+    getOption(name: string, rule: any): any;
+    getProvideData: (e: AXDataSourceReadParams) => any;
+    provideDataBoolean: (e: any) => Promise<unknown>;
+    findNullValue(gr: any): void;
+    onFooterButtonClick(e: AXMenuItemClickEvent): void;
+    getFooterButtons(): AXButtonItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXQueryBuilderPopupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXQueryBuilderPopupComponent, "ng-component", never, {}, {}, never, never>;
+}

package/lib/query-builder/query-builder-rule.component.d.ts

@@ -0,0 +1,45 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { AXQueryBuilderRule, AXQueryBuilderGroup, AXQueryBuilderRuleEvent } from './query-builder.class';
+import { AXSelectBoxComponent } from '../selectbox/selectbox.component';
+import { AXTextBoxComponent } from '../textbox/textbox.component';
+import { AXValidationFormComponent } from '../validation/validation-form.component';
+import * as i0 from "@angular/core";
+export declare class AXQueryBuilderRuleComponent implements OnInit {
+    selectBox: AXSelectBoxComponent;
+    selectBoxValue: AXSelectBoxComponent;
+    selectBoxBoolean: AXSelectBoxComponent;
+    textBoxNameValue: AXTextBoxComponent;
+    form: AXValidationFormComponent;
+    isEditing: boolean;
+    rule: AXQueryBuilderRule;
+    parent: AXQueryBuilderGroup;
+    mode: 'new' | 'edit';
+    fields: any[];
+    onRuleDelete: EventEmitter<AXQueryBuilderRuleEvent>;
+    ruleChanged: EventEmitter<AXQueryBuilderRuleEvent>;
+    showValue: boolean;
+    isOnDemandLabel: boolean;
+    showSelectBox: boolean;
+    showOperatorSelectBox: boolean;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    provideDataBoolean: (e: any) => Promise<unknown>;
+    saveRule(): void;
+    provideDataOperator: (e: any) => Promise<unknown>;
+    handleEditClick(): void;
+    handleCommitClick(): void;
+    handleRemoveClick(): void;
+    captionChange(e: any): void;
+    operatorChange(e: any): void;
+    valueChange(e: any): void;
+    onDemandLabelChange(e: any): void;
+    valueBooleanChange(e: any): void;
+    getOnDemandName(v: any): any;
+    selectedItemsChange(e: any): void;
+    onDemandLabel(e: any): void;
+    getProvideData: (e: any) => any;
+    getOption(name: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXQueryBuilderRuleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXQueryBuilderRuleComponent, "ax-query-rule", never, { "isEditing": "isEditing"; "rule": "rule"; "parent": "parent"; "mode": "mode"; "fields": "fields"; }, { "onRuleDelete": "onRuleDelete"; "ruleChanged": "ruleChanged"; }, never, never>;
+}

package/lib/query-builder/query-builder.class.d.ts

@@ -0,0 +1,45 @@
+import { AXDataEvent } from '../base/events.class';
+export declare type AXQueryBuilderDataType = 'string' | 'number' | 'date' | 'time' | 'datetime' | 'boolean';
+export declare type AXQueryBuilderGroupItem = AXQueryBuilderGroup | AXQueryBuilderRule;
+export declare type AXQueryBuilderControlType = 'textBox' | 'selectBox' | 'numberBox' | 'dataPicker' | 'lov' | 'boolean';
+export declare type AXQueryBuilderStringType = 'simple' | 'sql' | 'sodoco' | 'elastic';
+export declare class AXQueryBuilderControl {
+    type: AXQueryBuilderControlType;
+    options: any;
+}
+export declare class AXQueryBuilderRule {
+    dataField: string;
+    caption: string;
+    dataType: AXQueryBuilderDataType;
+    control: AXQueryBuilderControl;
+    operator: string;
+    value?: any;
+    text?: string;
+    dataFieldItem: any;
+    valueItem?: any;
+    onDemandLabel?: string;
+}
+export declare class AXQueryBuilderGroup {
+    items: AXQueryBuilderGroupItem[];
+    condition: string;
+    queryString: string;
+    queryStringElastic: string;
+}
+export declare class AXQueryBuilderField {
+    caption: string;
+    dataField: string;
+    dataType: AXQueryBuilderDataType;
+    default?: any;
+    options?: any;
+}
+export declare class AXQueryBuilderRuleEvent extends AXDataEvent<AXQueryBuilderRuleEvent> {
+    items: AXQueryBuilderRule;
+}
+export declare class AXQueryBuilderGroupEvent extends AXDataEvent<AXQueryBuilderGroupEvent> {
+    items?: AXQueryBuilderRule;
+    groups: AXQueryBuilderGroup;
+}
+export declare class AXQueryBuilderPopup {
+    name: string;
+    type: string;
+}

package/lib/query-builder/query-builder.component.d.ts

@@ -0,0 +1,27 @@
+import { AXBaseComponent } from '../base/element.class';
+import { EventEmitter, ElementRef } from '@angular/core';
+import { AXQueryBuilderGroup, AXQueryBuilderGroupEvent } from './query-builder.class';
+import { AXQueryBuilderGroupComponent } from './query-builder-group.component';
+import { AXToastService } from '../toast/toast.service';
+import * as i0 from "@angular/core";
+export declare class AXQueryBuilderComponent extends AXBaseComponent {
+    private ref;
+    private toast;
+    queryGroup: AXQueryBuilderGroupComponent;
+    query: AXQueryBuilderGroup;
+    mode: 'new' | 'edit';
+    rootGroup: AXQueryBuilderGroup;
+    ngOnInit(): void;
+    constructor(ref: ElementRef, toast: AXToastService);
+    fields: any[];
+    onRuleChanged: EventEmitter<AXQueryBuilderGroupEvent>;
+    saved: boolean;
+    getQueryBuilder(): {
+        groups: AXQueryBuilderGroup;
+    };
+    ruleChanged(e: any): void;
+    saveRule(): Promise<unknown>;
+    findNullValue(gr: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXQueryBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXQueryBuilderComponent, "ax-query-builder", never, { "query": "query"; "mode": "mode"; "fields": "fields"; }, { "onRuleChanged": "onRuleChanged"; }, never, never>;
+}

package/lib/query-builder/query-builder.module.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./query-builder.component";
+import * as i2 from "./query-builder-group.component";
+import * as i3 from "./query-builder-rule.component";
+import * as i4 from "./query-builder-popup/query-builder-popup.component";
+import * as i5 from "@angular/common";
+import * as i6 from "../button/button.module";
+import * as i7 from "../panel-box/panel-box.module";
+import * as i8 from "../selectbox/selectbox.module";
+import * as i9 from "../data-source/datasource.module";
+import * as i10 from "../textbox/textbox.module";
+import * as i11 from "../number-box/number-box.module";
+import * as i12 from "../form-group/form-group.module";
+import * as i13 from "@acorex/core";
+import * as i14 from "../label/label.module";
+import * as i15 from "../checkbox/checkbox.module";
+import * as i16 from "../validation/validation.module";
+export declare class AXQueryBuilderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXQueryBuilderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXQueryBuilderModule, [typeof i1.AXQueryBuilderComponent, typeof i2.AXQueryBuilderGroupComponent, typeof i3.AXQueryBuilderRuleComponent, typeof i4.AXQueryBuilderPopupComponent], [typeof i5.CommonModule, typeof i6.AXButtonModule, typeof i7.AXPanelBoxModule, typeof i8.AXSelectBoxModule, typeof i9.AXDataSourceModule, typeof i10.AXTextBoxModule, typeof i11.AXNumberBoxModule, typeof i12.AXFormGroupModule, typeof i13.AXTranslatorModule, typeof i14.AXLabelModule, typeof i15.AXCheckBoxModule, typeof i16.AXValidationModule], [typeof i1.AXQueryBuilderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXQueryBuilderModule>;
+}

package/lib/query-builder/query-builder.service.d.ts

@@ -0,0 +1,18 @@
+import { AXQueryBuilderGroup, AXQueryBuilderStringType } from './query-builder.class';
+import { AXPopupService } from '../popup/popup.service';
+import { AXToastService } from '../toast/toast.service';
+import * as i0 from "@angular/core";
+export declare class AXQueryBuilderService {
+    private popup;
+    private toast;
+    constructor(popup: AXPopupService, toast: AXToastService);
+    canOpen: boolean;
+    canRun: boolean;
+    runQuery(group: AXQueryBuilderGroup, provideData: any): Promise<unknown>;
+    findNullValue(gr: any): void;
+    private getNoValueRule;
+    getQueryStringSimple(group: AXQueryBuilderGroup): Promise<string>;
+    getQueryString(group: AXQueryBuilderGroup, type: AXQueryBuilderStringType): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXQueryBuilderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXQueryBuilderService>;
+}

package/lib/searchbox/searchbox.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseTextComponent } from '../base/element.class';
+import { AXValueEvent } from '../base/events.class';
+import * as i0 from "@angular/core";
+export declare class AXSearchBoxComponent extends AXBaseTextComponent {
+    protected cdr: ChangeDetectorRef;
+    textChanged: EventEmitter<AXValueEvent<any>>;
+    onButtonClick: EventEmitter<AXValueEvent<any>>;
+    placeholder: string;
+    constructor(cdr: ChangeDetectorRef, ref: ElementRef);
+    private _text;
+    get text(): string;
+    set text(v: string);
+    ngOnInit(): void;
+    onSearchChanged(text: string): void;
+    delay: number;
+    private searchChangeObserver;
+    handleKeyEvent(e: KeyboardEvent): void;
+    click(e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "placeholder": "placeholder"; "text": "text"; "delay": "delay"; }, { "textChanged": "textChanged"; "onButtonClick": "onButtonClick"; }, never, ["[start]", "[end]"]>;
+}

package/lib/searchbox/searchbox.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./searchbox.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../textbox/textbox.module";
+import * as i4 from "../button/button.module";
+import * as i5 from "../form-group/form-group.module";
+import * as i6 from "@acorex/core";
+import * as i7 from "@angular/forms";
+export declare class AXSearchBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSearchBoxModule, [typeof i1.AXSearchBoxComponent], [typeof i2.CommonModule, typeof i3.AXTextBoxModule, typeof i4.AXButtonModule, typeof i5.AXFormGroupModule, typeof i6.AXTranslatorModule, typeof i7.FormsModule], [typeof i1.AXSearchBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSearchBoxModule>;
+}

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

@@ -0,0 +1,116 @@
+import { EventEmitter, ChangeDetectorRef, ElementRef, NgZone, TemplateRef } from '@angular/core';
+import { AXTextBoxComponent } from '../textbox/textbox.component';
+import { AXDropdownComponent } from '../dropdown/dropdown.component';
+import { AXBaseSizableComponent, AXBaseInputComponent, AXElementSize, AXValidatableComponent } from '../base/element.class';
+import { AXDataSourceComponent } from '../data-source/datasource.component';
+import { AXValidation } from '../validation/validation.component';
+import { AXDataSourceReadParams } from '../data-source/read-param';
+import { AXBaseEvent } from '../base/events.class';
+import { AXSearchBoxComponent } from '../searchbox/searchbox.component';
+import * as i0 from "@angular/core";
+export declare class AXSelectBoxSelectionChangedEvent extends AXBaseEvent {
+    selectedItems: any[];
+    selectedValues: any[] | any;
+    constructor(component: any, selectedItems: any[], selectedValues: any[] | any);
+}
+export declare class AXSelectBoxComponent extends AXValidatableComponent implements AXBaseSizableComponent, AXBaseInputComponent {
+    private cdr;
+    private ref;
+    private zone;
+    showDropDownButton: boolean;
+    rowTemplate: TemplateRef<any>;
+    rowInputTemplate: TemplateRef<any>;
+    span: ElementRef<HTMLElement>;
+    textbox: AXTextBoxComponent;
+    listContainer: ElementRef<HTMLDivElement>;
+    serchBox: AXSearchBoxComponent;
+    textBoxSelectBox: AXTextBoxComponent;
+    showCheckBox: boolean;
+    readonly: boolean;
+    rtl: boolean;
+    disabled: boolean;
+    placeholder: string;
+    size: AXElementSize;
+    allowNull: boolean;
+    textAlign: 'right' | 'left' | null;
+    bufferSize: number;
+    remoteOperation: boolean;
+    dropdownToggle: EventEmitter<any>;
+    currentfocusedIndex: number;
+    showLoading: boolean;
+    skip: number;
+    searchText: string;
+    text: string;
+    totalCount: number;
+    private _contentDataSource;
+    private _dataSource;
+    get dataSource(): AXDataSourceComponent;
+    set dataSource(v: AXDataSourceComponent);
+    private _contentValidation;
+    private _validation;
+    get validation(): AXValidation;
+    set validation(v: AXValidation);
+    constructor(cdr: ChangeDetectorRef, ref: ElementRef, zone: NgZone);
+    dropdown: AXDropdownComponent;
+    disabledCallback: (e: {
+        item: any;
+        index: number;
+    }) => boolean;
+    allowSearch: boolean;
+    textField: string;
+    valueField: string;
+    disabledField: string;
+    mode: 'single' | 'multiple';
+    itemRemove: boolean;
+    itemsChange: EventEmitter<any[]>;
+    onBlur: EventEmitter<any>;
+    onFocus: EventEmitter<any>;
+    private _items;
+    get items(): any[];
+    set items(v: any[]);
+    hasSelectedValue: boolean;
+    itemsFiltered: any[];
+    dropDownDisabled: boolean;
+    selectionChanged: EventEmitter<AXSelectBoxSelectionChangedEvent>;
+    selectedItemsChange: EventEmitter<any[]>;
+    private _selectedItems;
+    get selectedItems(): any[];
+    set selectedItems(v: any[]);
+    setSelectedItemsChange(v: any[], old?: any[]): void;
+    ngOnInit(): void;
+    scrolled(e: any): void;
+    private setSelectedItems;
+    private searchChangeObserver;
+    delay: number;
+    textChanged(e: any): void;
+    isItemDisabled(item: any): boolean;
+    onButtonClick(e: any): void;
+    private setSelectedIndex;
+    selectedValuesChange: EventEmitter<any[] | any>;
+    get selectedValues(): any[] | any;
+    set selectedValues(v: any[] | any);
+    private compareSelectedValues;
+    private setSelectedValues;
+    private emitSelectionChangedEvent;
+    ngAfterViewInit(): void;
+    dropdownToggleSelecBox(e: any): void;
+    ngAfterContentInit(): void;
+    private dataReceived;
+    fetch(params?: AXDataSourceReadParams): void;
+    refresh(): void;
+    handleItemRemoveClick(item: any): void;
+    onFocusTextBox(e: any): void;
+    onTextBoxClick(e: any): void;
+    handleItemClick(e: MouseEvent, item: any): void;
+    handleKeyEventSearch(e: KeyboardEvent): boolean;
+    isChar(str: string): boolean;
+    handleKeyEvent(e: any): boolean;
+    focus(): void;
+    selectedItemByIndex(index: number): void;
+    getItems(): any[];
+    isItemSelected(item: any): boolean;
+    private itemsStatusObserver;
+    private waitForData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "showDropDownButton": "showDropDownButton"; "rowInputTemplate": "rowInputTemplate"; "showCheckBox": "showCheckBox"; "readonly": "readonly"; "rtl": "rtl"; "disabled": "disabled"; "placeholder": "placeholder"; "size": "size"; "allowNull": "allowNull"; "textAlign": "textAlign"; "bufferSize": "bufferSize"; "remoteOperation": "remoteOperation"; "dataSource": "dataSource"; "validation": "validation"; "disabledCallback": "disabledCallback"; "allowSearch": "allowSearch"; "textField": "textField"; "valueField": "valueField"; "disabledField": "disabledField"; "mode": "mode"; "items": "items"; "selectedItems": "selectedItems"; "selectedValues": "selectedValues"; }, { "dropdownToggle": "dropdownToggle"; "itemsChange": "itemsChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "selectionChanged": "selectionChanged"; "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, ["rowTemplate", "_contentDataSource", "_contentValidation"], ["[start]", "[end]"]>;
+}

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

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./selectbox.component";
+import * as i2 from "./selectbox2.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../dropdown/dropdown.module";
+import * as i5 from "../textbox/textbox.module";
+import * as i6 from "@acorex/core";
+import * as i7 from "../checkbox/checkbox.module";
+import * as i8 from "../loading/loading.module";
+import * as i9 from "../searchbox/searchbox.module";
+export declare class AXSelectBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent, typeof i2.AXSelectBox2Component], [typeof i3.CommonModule, typeof i4.AXDropdownModule, typeof i5.AXTextBoxModule, typeof i6.AXTranslatorModule, typeof i6.AXScrollModule, typeof i7.AXCheckBoxModule, typeof i8.AXLoadingModule, typeof i9.AXSearchBoxModule], [typeof i1.AXSelectBoxComponent, typeof i2.AXSelectBox2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxModule>;
+}

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

@@ -0,0 +1,103 @@
+import { EventEmitter, ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import { AXTextBoxComponent } from '../textbox/textbox.component';
+import { AXDropdownComponent } from '../dropdown/dropdown.component';
+import { AXBaseSizableComponent, AXBaseInputComponent, AXElementSize, AXValidatableComponent, AXBaseValueComponent } from '../base/element.class';
+import { AXDataSourceComponent } from '../data-source/datasource.component';
+import { AXValidation } from '../validation/validation.component';
+import { AXDataSourceReadParams } from '../data-source/read-param';
+import { AXSearchBoxComponent } from '../searchbox/searchbox.component';
+import { AXValueEvent } from '../base/events.class';
+import * as i0 from "@angular/core";
+export declare class AXSelectBoxValueChangedEvent extends AXValueEvent<any | any[]> {
+    value?: any;
+    oldValue?: any;
+    isUserInput: boolean;
+    selectedKeys?: any[];
+    selectedItems?: any[];
+}
+export declare class AXSelectBox2Component extends AXValidatableComponent implements AXBaseSizableComponent, AXBaseInputComponent, AXBaseValueComponent<any> {
+    private cdr;
+    private ref;
+    private zone;
+    span: ElementRef<HTMLElement>;
+    textbox: AXTextBoxComponent;
+    listContainer: ElementRef<HTMLDivElement>;
+    searchBox: AXSearchBoxComponent;
+    textBoxSelectBox: AXTextBoxComponent;
+    private _contentDataSource;
+    private _contentValidation;
+    dropdown: AXDropdownComponent;
+    showDropDownButton: boolean;
+    readonly: boolean;
+    rtl: boolean;
+    disabled: boolean;
+    placeholder: string;
+    size: AXElementSize;
+    allowNull: boolean;
+    textAlign: 'right' | 'left' | null;
+    bufferSize: number;
+    remoteOperation: boolean;
+    allowSearch: boolean;
+    textField: string;
+    valueField: string;
+    selectionMode: 'single' | 'multiple';
+    selectionDataMode: 'value' | 'item';
+    currentfocusedIndex: number;
+    showLoading: boolean;
+    skip: number;
+    searchText: string;
+    text: string;
+    totalCount: number;
+    itemsFiltered: any[];
+    private isUserInput;
+    private _dataSource;
+    get dataSource(): AXDataSourceComponent;
+    set dataSource(v: AXDataSourceComponent);
+    private _validation;
+    get validation(): AXValidation;
+    set validation(v: AXValidation);
+    constructor(cdr: ChangeDetectorRef, ref: ElementRef, zone: NgZone);
+    private _value;
+    get value(): any | any[];
+    set value(v: any | any[]);
+    private _selectedItems;
+    get selectedItems(): any[];
+    private _items;
+    get items(): any[];
+    set items(v: any[]);
+    itemsChange: EventEmitter<any[]>;
+    onBlur: EventEmitter<any>;
+    onFocus: EventEmitter<any>;
+    valueChange: EventEmitter<any>;
+    onValueChanged: EventEmitter<AXSelectBoxValueChangedEvent>;
+    ngOnInit(): void;
+    scrolled(e: any): void;
+    textChanged(e: any): void;
+    private renderSelection;
+    ngAfterViewInit(): void;
+    dropdownToggle(e: any): void;
+    ngAfterContentInit(): void;
+    private dataReceived;
+    fetch(params?: AXDataSourceReadParams): void;
+    refresh(): void;
+    handleItemRemoveClick(item: any): void;
+    onTextBoxClick(e: any): void;
+    handleItemClick(e: MouseEvent, item: any): void;
+    private internalGetItemByDataMode;
+    private internalGetItemValue;
+    handleKeyDown(e: KeyboardEvent): void;
+    unselectItems(...items: any[]): void;
+    selectItems(...items: any[]): void;
+    toggleSelect(...items: any[]): void;
+    close(): void;
+    open(): void;
+    focus(): void;
+    private focusOnSearchBox;
+    getItems(): any[];
+    isItemSelected(item: any): boolean;
+    private selectItemByNav;
+    private focusOnCurrentFocusedIndex;
+    selectedItemByIndex(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBox2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBox2Component, "ax-select-box2", never, { "showDropDownButton": "showDropDownButton"; "readonly": "readonly"; "rtl": "rtl"; "disabled": "disabled"; "placeholder": "placeholder"; "size": "size"; "allowNull": "allowNull"; "textAlign": "textAlign"; "bufferSize": "bufferSize"; "remoteOperation": "remoteOperation"; "allowSearch": "allowSearch"; "textField": "textField"; "valueField": "valueField"; "selectionMode": "selectionMode"; "selectionDataMode": "selectionDataMode"; "dataSource": "dataSource"; "validation": "validation"; "value": "value"; "items": "items"; }, { "itemsChange": "itemsChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_contentDataSource", "_contentValidation"], ["[start]", "[end]"]>;
+}