@acorex/components 5.2.1 → 5.2.53

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

@@ -1,74 +1,116 @@
-import { AXPlatform } from '@acorex/core';
-import { ChangeDetectorRef, ElementRef, NgZone, TemplateRef } from '@angular/core';
-import { AXBaseSelectionDropdownMixin, AXClickEvent, AXValueChangedEvent } from '../base';
-import { AXPopoverComponent } from '../popover';
+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";
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
-    private _elementRef;
-    private _cdr;
-    private _zone;
-    private _platform;
-    popover: AXPopoverComponent;
-    _target: HTMLDivElement;
-    _popoverTitle: string;
-    _popoverWidth: number;
-    /**
-     *  Defines the clearButton.
-     */
-    clearButton: boolean;
-    private _searchSettings;
-    /**
-     *  Defines the search.
-     */
-    get searchSettings(): {
-        enabled?: boolean;
-        expr?: string;
-    };
-    set searchSettings(v: {
-        enabled?: boolean;
-        expr?: string;
-    });
-    /**
-     *  Defines the checkbox.
-     */
-    checkbox: boolean;
-    private listContainer;
-    private _searchBox;
-    private _contentEmptyTemplate;
-    get emptyTemplate(): TemplateRef<any>;
-    _isMobile: boolean;
-    _forceFocus: boolean;
-    /**
-    *  @ignore
-    */
-    constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
-    _handleArrowClickEvent(e: AXClickEvent): void;
-    _handleInputClickEvent(e: MouseEvent): void;
-    onInit(): void;
-    onViewInit(): void;
+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;
-    _handleOnItemClick(e: MouseEvent, item: any): void;
-    _handleListScroll(e: Event): void;
-    private _checkForLoadData;
-    _onDataLoaded(): void;
-    _onValueChanged(oldValue: any, newValue: any): void;
-    _handleOnRemoveItemClick(e: MouseEvent, item: any): void;
-    _handleBadgeRemove(e: MouseEvent, item: any): void;
-    _handleKeydown(e: KeyboardEvent): void;
-    _handlePopoverKeydown(e: KeyboardEvent): void;
-    _handlePopupOnOpened(e: any): Promise<void>;
-    _handlePopupOnClosed(e: any): void;
-    private _focusItemByNav;
-    private _focusSelectedItem;
-    private _focusItemElement;
-    private _selectedItemByNav;
-    _onSearchExprChanged(e: AXValueChangedEvent<string>): void;
-    _fetchData(): 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, { "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"; "type": "type"; "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"]>;
+    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

@@ -1,20 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./selectbox.component";
-import * as i2 from "@angular/common";
-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";
+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.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 ɵ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]"]>;
+}

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

@@ -1,21 +1,30 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXBaseSelectionValueMixin, AXDirection } from '../base';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXSelectionList } from '@acorex/core';
+import { AXBaseComponent, AXBaseSizableComponent, AXElementSize, AXValidatableComponent } from '../base/element.class';
 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 AXSelectionListComponent extends AXBaseSelectionValueMixin {
-    /**
-    *  @ignore
-    */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    /**
-    *  Defines the direction.
-    */
-    direction: AXDirection;
-    _handleOnItemValueChange(item: any, e: Event): void;
+export declare class AXSelectionListComponent extends AXValidatableComponent implements AXBaseSizableComponent, AXBaseComponent {
+    private cdr;
+    private _selectedItems;
+    readonly: boolean;
+    value: boolean;
+    disabled: boolean;
+    size: AXElementSize;
+    direction: string;
+    items: Array<AXSelectionList>;
+    mode: string;
+    textField: string;
+    valueField: string;
+    selectedItemsChange: EventEmitter<any[]>;
+    get selectedItems(): any[];
+    set selectedItems(v: any[]);
+    selectedValuesChange: EventEmitter<any[]>;
+    get selectedValues(): any[];
+    set selectedValues(v: any[]);
+    ngAfterViewInit(): void;
+    constructor(cdr: ChangeDetectorRef);
+    onCheckValueChange(value: any, checked: boolean): void;
+    focus(): void;
+    onvalueChanged(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "valueField": "valueField"; "textField": "textField"; "multiple": "multiple"; "items": "items"; "selectionMode": "selectionMode"; "direction": "direction"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "readonly": "readonly"; "value": "value"; "disabled": "disabled"; "size": "size"; "direction": "direction"; "items": "items"; "mode": "mode"; "textField": "textField"; "valueField": "valueField"; "selectedItems": "selectedItems"; "selectedValues": "selectedValues"; }, { "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, never, never>;
 }

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

@@ -3,11 +3,8 @@ import * as i1 from "./selection-list.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "../checkbox/checkbox.module";
-import * as i5 from "../radio/radio.module";
-import * as i6 from "../label/label.module";
-import * as i7 from "../form/form-field.module";
 export declare class AXSelectionListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionListModule, [typeof i1.AXSelectionListComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXRadioModule, typeof i6.AXLabelModule, typeof i7.AXFormModule], [typeof i1.AXSelectionListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionListModule, [typeof i1.AXSelectionListComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule], [typeof i1.AXSelectionListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionListModule>;
 }

package/lib/switch/switch.component.d.ts

@@ -1,12 +1,20 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { AXBaseValueComponentMixin } from '../base';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXBaseComponent, AXBaseSizableComponent, AXBaseValueComponent, AXElementSize } from '../base/element.class';
+import { AXValueEvent } from '../base/events.class';
 import * as i0 from "@angular/core";
-export declare class AXSwitchComponent extends AXBaseValueComponentMixin {
-    uncheckedText: string;
-    checkedText: string;
-    loading: boolean;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    _handleOnClickEvent(e: MouseEvent): void;
+export declare class AXSwitchComponent extends AXBaseComponent implements AXBaseSizableComponent, AXBaseValueComponent<boolean> {
+    protected cdr: ChangeDetectorRef;
+    onValueChanged: EventEmitter<AXValueEvent<boolean>>;
+    valueChange: EventEmitter<boolean>;
+    tabIndex: number;
+    private _value;
+    get value(): boolean;
+    set value(v: boolean);
+    readonly: boolean;
+    disabled: boolean;
+    size: AXElementSize;
+    constructor(cdr: ChangeDetectorRef);
+    focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSwitchComponent, "ax-switch", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "uncheckedText": "uncheckedText"; "checkedText": "checkedText"; "loading": "loading"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSwitchComponent, "ax-switch", never, { "tabIndex": "tabIndex"; "value": "value"; "readonly": "readonly"; "disabled": "disabled"; "size": "size"; }, { "onValueChanged": "onValueChanged"; "valueChange": "valueChange"; }, never, never>;
 }

package/lib/switch/switch.module.d.ts

@@ -2,9 +2,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./switch.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
-import * as i4 from "../loading/loading.module";
 export declare class AXSwitchModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSwitchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSwitchModule, [typeof i1.AXSwitchComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXLoadingModule], [typeof i1.AXSwitchComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSwitchModule, [typeof i1.AXSwitchComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.AXSwitchComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSwitchModule>;
 }

package/lib/tab-page/tab-page-Renderer.component.d.ts

@@ -0,0 +1,16 @@
+import { ViewContainerRef, ComponentFactoryResolver, ComponentRef, ChangeDetectorRef } from '@angular/core';
+import { AXTabPageService } from './tab-page.service';
+import { AXTabPageHostComponent } from './tab-page-host.component';
+import * as i0 from "@angular/core";
+export declare class AXTabPageRendererComponent {
+    private resolver;
+    private tabService;
+    private cdr;
+    childs: ComponentRef<AXTabPageHostComponent>[];
+    container: ViewContainerRef;
+    private subscriptions;
+    constructor(resolver: ComponentFactoryResolver, tabService: AXTabPageService, cdr: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabPageRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabPageRendererComponent, "ax-tab-page-renderer", never, {}, {}, never, never>;
+}

package/lib/tab-page/tab-page-host.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit, ComponentFactoryResolver, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXTabPage, AXTabPageService } from './tab-page.service';
+import { AXRenderService } from '@acorex/core';
+import { AXLoadingService } from '../loading/loading.service';
+import * as i0 from "@angular/core";
+export declare class AXTabPageHostComponent implements OnInit {
+    private resolver;
+    private ref;
+    private rendererService;
+    private tabService;
+    private loadingService;
+    private cdr;
+    tab: AXTabPage;
+    private componentRef;
+    isLoading: boolean;
+    _loadingId: number;
+    private container;
+    constructor(resolver: ComponentFactoryResolver, ref: ElementRef<HTMLDivElement>, rendererService: AXRenderService, tabService: AXTabPageService, loadingService: AXLoadingService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    active(): void;
+    ngAfterViewInit(): Promise<void>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabPageHostComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabPageHostComponent, "ax-tab-page-host", never, {}, {}, never, never>;
+}

package/lib/tab-page/tab-page.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-page-Renderer.component";
+import * as i2 from "./tab-page-host.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../loading/loading.module";
+export declare class AXTabPageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabPageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTabPageModule, [typeof i1.AXTabPageRendererComponent, typeof i2.AXTabPageHostComponent], [typeof i3.CommonModule, typeof i4.AXLoadingModule], [typeof i1.AXTabPageRendererComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXTabPageModule>;
+}

package/lib/tab-page/tab-page.service.d.ts

@@ -0,0 +1,30 @@
+import { Subject } from 'rxjs';
+import { AXPageResult, AXPageClosedPromise } from '../base/base-page.class';
+import * as i0 from "@angular/core";
+export interface AXTabPage {
+    title: string;
+    content: any;
+    closable?: boolean;
+    data?: any;
+    pinned?: boolean;
+}
+export declare class AXTabPageService {
+    tabs: AXTabPage[];
+    opened: Subject<AXTabPage>;
+    activated: Subject<AXTabPage>;
+    closed: Subject<AXTabPage>;
+    changed: Subject<unknown>;
+    constructor();
+    open(content: any, title: string): AXPageClosedPromise;
+    open(content: any, title: string, data?: any): AXPageClosedPromise;
+    open(options: AXTabPage): AXPageClosedPromise;
+    close(tab: AXTabPage): void;
+    private doCloseAction;
+    active(tab: AXTabPage): AXPageResult;
+    active(uid: string): AXPageResult;
+    active(): AXPageResult;
+    clear(): void;
+    private findExistTab;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabPageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXTabPageService>;
+}

package/lib/tab-strip/tab-strip.component.d.ts

@@ -0,0 +1,28 @@
+import { OnInit, EventEmitter, ElementRef } from '@angular/core';
+import { AXBaseEvent } from '../base/events.class';
+import * as i0 from "@angular/core";
+export declare class AXTabStripItem {
+    id: string;
+    name?: string;
+    text?: string;
+    tooltip?: string;
+    icon?: string;
+    visible?: boolean;
+    disable?: boolean;
+    data?: any;
+    style?: string;
+    active?: boolean;
+}
+export declare class AXTabStripChangedEvent extends AXBaseEvent {
+    seledtedTab: AXTabStripItem;
+}
+export declare class AXTabStripComponent implements OnInit {
+    private ref;
+    constructor(ref: ElementRef);
+    ngOnInit(): void;
+    items: AXTabStripItem[];
+    onTabChanged: EventEmitter<AXTabStripChangedEvent>;
+    handleClick(i: AXTabStripItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabStripComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabStripComponent, "ax-tab-strip", never, { "items": "items"; }, { "onTabChanged": "onTabChanged"; }, never, never>;
+}

package/lib/tab-strip/tab-strip.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-strip.component";
+import * as i2 from "@angular/common";
+export declare class AXTabStripModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabStripModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTabStripModule, [typeof i1.AXTabStripComponent], [typeof i2.CommonModule], [typeof i1.AXTabStripComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXTabStripModule>;
+}

package/lib/tab-view/dynamic-tabs.directive.d.ts

@@ -0,0 +1,16 @@
+/**
+ * This directive is used as an anchor to get access
+ * to the ViewContainerRef which here is exposed via
+ * the public member `viewContainer`
+ *
+ * Theres an ALTERNATIVE to explicitly using the anchor directive.
+ * Read in the blog post
+ */
+import { ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DynamicTabsDirective {
+    viewContainer: ViewContainerRef;
+    constructor(viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicTabsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicTabsDirective, "[dynamic-tabs]", never, {}, {}, never>;
+}

package/lib/tab-view/tab-view.component.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The main component that renders single TabComponent
+ * instances.
+ */
+import { QueryList, AfterContentInit, ComponentFactoryResolver, EventEmitter, ElementRef } from '@angular/core';
+import { AXTabComponent } from './tab.component';
+import { DynamicTabsDirective } from './dynamic-tabs.directive';
+import { AXDataEvent } from '../base/events.class';
+import * as i0 from "@angular/core";
+export declare class AXTabViewComponent implements AfterContentInit {
+    private ref;
+    private _componentFactoryResolver;
+    fullWidth: boolean;
+    dynamicTabs: AXTabComponent[];
+    tabs: QueryList<AXTabComponent>;
+    dynamicTabPlaceholder: DynamicTabsDirective;
+    onActiveTab: EventEmitter<AXDataEvent<any>>;
+    constructor(ref: ElementRef, _componentFactoryResolver: ComponentFactoryResolver, fullWidth?: boolean);
+    ngAfterContentInit(): void;
+    openTab(title: string, template: any, isCloseable?: boolean, icon?: any, data?: any): void;
+    selectTab(tab: AXTabComponent): void;
+    closeTab(tab: AXTabComponent): void;
+    closeActiveTab(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabViewComponent, [null, null, { attribute: "fullWidth"; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabViewComponent, "ax-tab-view", never, {}, { "onActiveTab": "onActiveTab"; }, ["tabs"], ["*"]>;
+}

package/lib/tab-view/tab-view.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab.component";
+import * as i2 from "./tab-view.component";
+import * as i3 from "./dynamic-tabs.directive";
+import * as i4 from "@angular/common";
+export declare class AXTabViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTabViewModule, [typeof i1.AXTabComponent, typeof i2.AXTabViewComponent, typeof i3.DynamicTabsDirective], [typeof i4.CommonModule], [typeof i1.AXTabComponent, typeof i2.AXTabViewComponent, typeof i3.DynamicTabsDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXTabViewModule>;
+}

package/lib/tab-view/tab.component.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class AXTabComponent {
+    caption: string;
+    name: string;
+    active: boolean;
+    isCloseable: boolean;
+    template: any;
+    dataContext: any;
+    icon: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabComponent, "ax-tab", never, { "caption": "caption"; "name": "name"; "active": "active"; "isCloseable": "isCloseable"; "template": "template"; "dataContext": "dataContext"; "icon": "icon"; }, {}, never, ["*"]>;
+}