@acorex/components 5.0.2 → 5.0.7

package/lib/dropdown/dropdown-base.class.d.ts

@@ -0,0 +1,92 @@
+import { EventEmitter } from "@angular/core";
+import { AXBaseComponent, AXConnectedPosition, AXEvent } from "../base";
+import { AXPopoverComponent } from "../popover";
+import * as i0 from "@angular/core";
+export declare const AXBaseDropdownMixin: {
+    new (...args: any[]): {
+        size: import("../base").AXElementSize;
+        _onInternalInit(): void;
+        id: string;
+        rtl: boolean;
+        cssClass: string;
+        cssStyle: string;
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        onOptionChanging(option: {
+            name: string;
+            value?: any;
+        }): any;
+        onOptionChanged(option: {
+            name: string;
+            oldValue?: any;
+            newValue?: any;
+        }): void;
+    };
+} & (abstract new (...args: any[]) => {
+    "__#5@#disabled": boolean;
+    disabled: boolean;
+    "__#5@#tabIndex": number;
+    tabIndex: number;
+    onFocus: EventEmitter<import("../base").AXFocusEvent>;
+    _emitOnFocusEvent(e: FocusEvent): void;
+    onBlur: EventEmitter<import("../base").AXFocusEvent>;
+    _emitOnBlurEvent(e: FocusEvent): void;
+    focus(): void;
+    id: string;
+    rtl: boolean;
+    cssClass: string;
+    cssStyle: string;
+    "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+    _cdr: import("@angular/core").ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T = HTMLElement>(): T;
+    _getInnerElement<T_1 = HTMLElement>(): T_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    onOptionChanging(option: {
+        name: string;
+        value?: any;
+    }): any;
+    onOptionChanged(option: {
+        name: string;
+        oldValue?: any;
+        newValue?: any;
+    }): void;
+}) & typeof AXBaseComponent;
+export declare abstract class AXBaseDropDownComponent extends AXBaseDropdownMixin {
+    fitParent: boolean;
+    dropdownWidth: number;
+    onOpened: EventEmitter<AXEvent>;
+    onClosed: EventEmitter<AXEvent>;
+    protected abstract popover: AXPopoverComponent;
+    position: AXConnectedPosition[];
+    _emitOnOpenedEvent(): void;
+    _emitOnClosedEvent(): void;
+    onViewInit(): void;
+    toggle(): void;
+    close(): void;
+    open(): void;
+    get isOpen(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBaseDropDownComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXBaseDropDownComponent>;
+}

package/lib/dropdown/dropdown-panel.component.d.ts

@@ -1,116 +1,28 @@
-import { AXPlatform } from '@acorex/core';
-import { Overlay, OverlayRef } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { ElementRef, ChangeDetectorRef, QueryList, EventEmitter, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ElementRef, ChangeDetectorRef, QueryList, EventEmitter } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { AXBaseComponent, AXButtonClickEvent, AXClickEvent } from '../base';
+import { AXButtonClickEvent, AXClickEvent } from '../base';
 import { AXButtonComponent, AXButtonItem, AXButtonItemComponent } from '../button';
+import { AXPopoverComponent } from '../popover';
+import { AXBaseDropDownComponent } from './dropdown-base.class';
 import * as i0 from "@angular/core";
-export declare const AXBaseDropdownMenuMixin: (abstract new (...args: any[]) => {
-    "__#5@#disabled": boolean;
-    disabled: boolean;
-    "__#5@#tabIndex": number;
-    tabIndex: number;
-    onFocus: EventEmitter<import("../base").AXFocusEvent>;
-    _emitOnFocusEvent(e: FocusEvent): void;
-    onBlur: EventEmitter<import("../base").AXFocusEvent>;
-    _emitOnBlurEvent(e: FocusEvent): void;
-    focus(): void;
-    id: string;
-    rtl: boolean;
-    cssClass: string;
-    cssStyle: string;
-    "__#1@#elementRef": ElementRef<any>;
-    _cdr: ChangeDetectorRef;
-    _isInited: boolean;
-    _isRendered: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _getHostElement<T = HTMLElement>(): T;
-    _getInnerElement<T_1 = HTMLElement>(): T_1;
-    _onInternalInit(): void;
-    _onInternalViewInit(): void;
-    _onInternalDestroy(): void;
-    onInit(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-    onOptionChanging(option: {
-        name: string;
-        value?: any;
-    }): any;
-    onOptionChanged(option: {
-        name: string;
-        oldValue?: any;
-        newValue?: any;
-    }): void;
-}) & (abstract new (...args: any[]) => {
-    "__#4@#readonly": boolean;
-    readonly: any;
-    fitParent: boolean;
-    onOpened: EventEmitter<import("../base").AXEvent>;
-    onClosed: EventEmitter<import("../base").AXEvent>;
-    _emitOnOpenedEvent(): void;
-    _emitOnClosedEvent(): void;
-    id: string;
-    rtl: boolean;
-    cssClass: string;
-    cssStyle: string;
-    "__#1@#elementRef": ElementRef<any>;
-    _cdr: ChangeDetectorRef;
-    _isInited: boolean;
-    _isRendered: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _getHostElement<T = HTMLElement>(): T;
-    _getInnerElement<T_1 = HTMLElement>(): T_1;
-    _onInternalInit(): void;
-    _onInternalViewInit(): void;
-    _onInternalDestroy(): void;
-    onInit(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-    onOptionChanging(option: {
-        name: string;
-        value?: any;
-    }): any;
-    onOptionChanged(option: {
-        name: string;
-        oldValue?: any;
-        newValue?: any;
-    }): void;
-}) & typeof AXBaseComponent;
-export declare class AXDropdownPanelComponent extends AXBaseDropdownMenuMixin {
-    private _overlay;
-    private _platform;
-    private _viewContainerRef;
-    private _parent;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _overlay: Overlay, _platform: AXPlatform, _viewContainerRef: ViewContainerRef, _parent: AXButtonComponent);
+export declare class AXDropdownPanelComponent extends AXBaseDropDownComponent {
+    _parent: AXButtonComponent;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXButtonComponent);
     _contentButtons: QueryList<AXButtonItemComponent>;
     _viewButtons: QueryList<AXButtonItemComponent>;
     onItemClick: EventEmitter<AXButtonClickEvent>;
-    target: AXBaseComponent;
+    protected popover: AXPopoverComponent;
     private _items;
     get items(): AXButtonItem[];
     set items(v: AXButtonItem[]);
-    _baseTemplate: TemplateRef<any>;
-    _overlayRef: OverlayRef;
-    _templatePortal: TemplatePortal;
-    _dropdownWidth: number;
+    _needBorder: boolean;
     _subs: Subscription[];
+    _target: HTMLElement;
     private _getAllButtons;
     onViewInit(): void;
     onDestroy(): void;
-    _handleKeydownHandler(e: KeyboardEvent): void;
-    _handleArrowClickEvent(e: MouseEvent): void;
     _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
     private _handleOnItemClick;
-    toggle(): void;
-    close(): void;
-    open(): void;
-    private _ensureOverlayCreated;
-    get isOpen(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownPanelComponent, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "target": "target"; "items": "items"; }, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ng-container[panel],ax-button-item"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownPanelComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "items": "items"; }, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["[panel],ax-button-item"]>;
 }

package/lib/dropdown/dropdown.component.d.ts

@@ -1,31 +1,13 @@
-import { AXPlatform } from '@acorex/core';
-import { Overlay, OverlayRef } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { ChangeDetectorRef, ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { DropdownComponentInterface } from '../base/mixin/dropdown-mixin.class';
-import { AXBaseDropdownMixin } from '../base/mixin/mixin.class';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseComponent } from '../base';
+import { AXPopoverComponent } from '../popover';
+import { AXBaseDropDownComponent } from './dropdown-base.class';
 import * as i0 from "@angular/core";
-export declare class AXDropdownComponent extends AXBaseDropdownMixin implements DropdownComponentInterface {
-    private _overlay;
-    private _platform;
-    private _viewContainerRef;
-    _baseTemplate: TemplateRef<any>;
-    _overlayRef: OverlayRef;
-    _templatePortal: TemplatePortal;
-    _dropdownWidth: number;
-    _dropdownNative: number;
-    _subs: Subscription[];
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _overlay: Overlay, _platform: AXPlatform, _viewContainerRef: ViewContainerRef);
-    onViewInit(): void;
-    ngOnDestroy(): void;
-    _handleKeydownHandler(e: KeyboardEvent): void;
+export declare class AXDropdownComponent extends AXBaseDropDownComponent {
+    protected popover: AXPopoverComponent;
+    _target: AXBaseComponent;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     _handleArrowClickEvent(): void;
-    toggle(): void;
-    close(): void;
-    open(): void;
-    private _ensureOverlayCreated;
-    get isOpen(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownComponent, "ax-drop-down", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "fitParent": "fitParent"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-prefix", "ng-container[input]", "ax-suffix", "ng-container[panel]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownComponent, "ax-drop-down", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "size": "size"; "fitParent": "fitParent"; }, {}, never, ["ax-prefix", "[input]", "ax-suffix", "[panel]"]>;
 }

package/lib/dropdown/dropdown.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "../button/button.module";
 import * as i5 from "@angular/cdk/overlay";
 import * as i6 from "../icon/icon.module";
 import * as i7 from "../decorators/decorators.module";
+import * as i8 from "../popover/popover.module";
 export declare class AXDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, [typeof i1.AXDropdownComponent, typeof i2.AXDropdownPanelComponent], [typeof i3.CommonModule, typeof i4.AXButtonModule, typeof i5.OverlayModule, typeof i6.AXIconModule, typeof i7.AXEditorDecoratorModule], [typeof i1.AXDropdownComponent, typeof i2.AXDropdownPanelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, [typeof i1.AXDropdownComponent, typeof i2.AXDropdownPanelComponent], [typeof i3.CommonModule, typeof i4.AXButtonModule, typeof i5.OverlayModule, typeof i6.AXIconModule, typeof i7.AXEditorDecoratorModule, typeof i8.AXPopoverModule], [typeof i1.AXDropdownComponent, typeof i2.AXDropdownPanelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDropdownModule>;
 }

package/lib/icon/icon.component.d.ts

@@ -3,7 +3,7 @@ import { AXSizableComponentMixin } from '../base';
 import * as i0 from "@angular/core";
 export declare class AXIconComponent extends AXSizableComponentMixin {
     icon: string;
-    get iconClass(): string;
+    private get __iconClass();
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXIconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXIconComponent, "ax-icon", never, { "icon": "icon"; }, {}, never, never>;

package/lib/number-box/number-box.component.d.ts

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
 export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
     private cdr;
     private _maskService;
-    get hostClass(): string;
+    private get __hostClass();
     /**
     *  A character value that specifies the separator character.
     */

package/lib/password-box/index.d.ts

@@ -0,0 +1,2 @@
+export * from './password-box.component';
+export * from './password-box.module';

package/lib/password-box/password-box.component.d.ts

@@ -0,0 +1,24 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseTextBoxMixin } from '../base/mixin/mixin.class';
+import * as i0 from "@angular/core";
+/**
+ * The Textbox is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXPasswordBoxComponent extends AXBaseTextBoxMixin {
+    get hostClass(): string;
+    _type: 'password' | 'text';
+    _icon: 'ax-ic-eye' | 'ax-ic-eye-off';
+    /**
+        *  A flag for showing or hiding password button.
+        */
+    showToggleButton: boolean;
+    /**
+    *  @ignore
+    */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    toggleType(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "cssClass": "cssClass"; "size": "size"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "value": "value"; "name": "name"; "showToggleButton": "showToggleButton"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"]>;
+}

package/lib/password-box/password-box.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./password-box.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../button/button.module";
+import * as i5 from "../decorators/decorators.module";
+import * as i6 from "../icon/icon.module";
+export declare class AXPasswordBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPasswordBoxModule, [typeof i1.AXPasswordBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.AXEditorDecoratorModule, typeof i6.AXIconModule], [typeof i1.AXPasswordBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXPasswordBoxModule>;
+}

package/lib/popover/popover.component.d.ts

@@ -1,30 +1,44 @@
-import { NgZone, ChangeDetectorRef } from '@angular/core';
-import { AXOverlayService } from '../base/overlay.service';
-import { AXConnectedPosition } from '../base';
+import { NgZone, ChangeDetectorRef, TemplateRef, ElementRef, ViewContainerRef, EventEmitter } from '@angular/core';
+import { AXBaseComponent, AXConnectedPosition, AXEvent } from '../base';
+import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { AXPlatform } from '@acorex/core';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class AXPopoverComponent {
-    private overlayService;
-    private zone;
-    private cdr;
-    constructor(overlayService: AXOverlayService, zone: NgZone, cdr: ChangeDetectorRef);
-    private targetEl;
-    private overlay;
-    private template;
-    target: string | HTMLElement;
-    position: AXConnectedPosition;
-    openMode: 'manual' | 'click' | 'hover';
-    closeMode: 'manual' | 'clickout' | 'mouseout';
-    private _visible;
-    get visible(): boolean;
-    set visible(v: boolean);
+export declare class AXPopoverComponent extends AXBaseComponent {
+    _cdr: ChangeDetectorRef;
+    private _zone;
+    private _overlay;
+    private _platform;
+    private _viewContainerRef;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _zone: NgZone, _overlay: Overlay, _platform: AXPlatform, _viewContainerRef: ViewContainerRef);
+    private _target;
+    get target(): HTMLElement | ElementRef | AXBaseComponent;
+    set target(v: HTMLElement | ElementRef | AXBaseComponent);
+    position: AXConnectedPosition | AXConnectedPosition[];
+    _baseTemplate: TemplateRef<any>;
+    _overlayRef: OverlayRef;
+    _templatePortal: TemplatePortal;
+    _subs: Subscription[];
+    openTrigger: 'manual' | 'click' | 'mouseover' | 'toggle';
+    closeTrigger: 'manual' | 'clickout' | 'mouseout';
+    hasBackdrop: boolean;
+    backdropClass: string;
+    private _mousePos;
+    private _isScrollAttached;
+    onOpened: EventEmitter<AXEvent>;
+    onClosed: EventEmitter<AXEvent>;
+    _emitOnOpenedEvent(): void;
+    _emitOnClosedEvent(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _handleKeydownHandler(e: KeyboardEvent): void;
     toggle(): void;
     close(): void;
     open(): void;
-    private internalShow;
-    private internalHide;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    private _ensureOverlayCreated;
     get isOpen(): boolean;
+    private _addSub;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": "target"; "position": "position"; "openMode": "openMode"; "closeMode": "closeMode"; "visible": "visible"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": "target"; "position": "position"; "openTrigger": "openTrigger"; "closeTrigger": "closeTrigger"; "hasBackdrop": "hasBackdrop"; "backdropClass": "backdropClass"; }, {}, never, ["*"]>;
 }

package/lib/range-slider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './range-slider.component';
+export * from './range-slider.module';

package/lib/range-slider/range-slider.component.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXBaseComponentMixin } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXRangeSliderComponent extends AXBaseComponentMixin {
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXRangeSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRangeSliderComponent, "ax-range-slider", never, {}, {}, never, never>;
+}

package/lib/range-slider/range-slider.module.d.ts

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

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

@@ -18,6 +18,7 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin i
     private _checkForLoadData;
     _onDataLoaded(): void;
     _handleOnRemoveItemClick(e: MouseEvent, item: any): void;
+    _handleBadgeRemove(e: MouseEvent, item: any): void;
     _handleKeydown(e: KeyboardEvent): void;
     private _focusItemByNav;
     private _focusItemByIndex;

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

@@ -3,8 +3,12 @@ import * as i1 from "./selectbox.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../dropdown/dropdown.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 "../icon/icon.module";
 export declare class AXSelectBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.AXDropdownModule, typeof i4.FormsModule], [typeof i1.AXSelectBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.AXDropdownModule, typeof i4.FormsModule, typeof i5.AXCheckBoxModule, typeof i6.AXBadgeModule, typeof i7.AXEditorDecoratorModule, typeof i8.AXIconModule], [typeof i1.AXSelectBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxModule>;
 }

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

@@ -6,5 +6,5 @@ export declare class AXSelectionListComponent extends AXBaseSelectionValueMixin
     direction: AXDirection;
     _handleOnItemValueChange(item: any, e: Event): 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, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "valueField": "valueField"; "textField": "textField"; "multiple": "multiple"; "items": "items"; "selectionMode": "selectionMode"; "cssClass": "cssClass"; "direction": "direction"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"]>;
 }

package/lib/tabs/index.d.ts

@@ -1,5 +1,7 @@
 export * from './tab-strip.component';
 export * from './tab-view.component';
-export * from './tab.component';
+export * from './tabs.component';
+export * from './tab-item.component';
 export * from './tabs.class';
+export * from './tab-content.directive';
 export * from './tabs.module';

package/lib/tabs/tab-content.directive.d.ts

@@ -0,0 +1,11 @@
+import { TemplateRef, ViewContainerRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class AXTabContentDirective {
+    private _viewContainerRef;
+    constructor(_viewContainerRef: ViewContainerRef);
+    private _portal;
+    get portal(): TemplateRef<any>;
+    set portal(v: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXTabContentDirective, "[axTabContent]", ["axTabContent"], { "portal": "axTabContent"; }, {}, never>;
+}

package/lib/tabs/tab-item.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, ChangeDetectorRef, TemplateRef, EventEmitter } from '@angular/core';
+import { AXBaseClickableMixin } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXTabItemComponent extends AXBaseClickableMixin {
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    text: string;
+    width: boolean;
+    template: TemplateRef<any>;
+    activeChange: EventEmitter<boolean>;
+    private _active;
+    get active(): boolean;
+    set active(v: boolean);
+    private __hostClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabItemComponent, "ax-tab-item", never, { "text": "text"; "width": "width"; "active": "active"; }, { "activeChange": "activeChange"; }, never, ["ax-prefix", "ax-suffix", "*"]>;
+}

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

@@ -7,11 +7,13 @@ export declare class AXTabStripComponent extends AXSizableComponentMixin {
     private _items;
     get items(): AXTabStripItem[];
     set items(v: AXTabStripItem[]);
-    mode: 'default' | 'underline' | 'pills' | 'pills-color';
-    fullWidth: boolean;
+    mode: 'default' | 'end-line' | 'start-line' | 'pills' | 'pills-color';
+    direction: "horizontal" | "vertical";
+    fitParent: boolean;
     minWidth: boolean;
     onSelectionChanged: EventEmitter<AXTabStripChangedEvent>;
     _handleClick(tab: AXTabStripItem, index: number): void;
+    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabStripComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabStripComponent, "ax-tab-strip", never, { "size": "size"; "cssClass": "cssClass"; "items": "items"; "mode": "mode"; "fullWidth": "fullWidth"; "minWidth": "minWidth"; }, { "onSelectionChanged": "onSelectionChanged"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabStripComponent, "ax-tab-strip", never, { "size": "size"; "items": "items"; "mode": "mode"; "direction": "direction"; "fitParent": "fitParent"; "minWidth": "minWidth"; }, { "onSelectionChanged": "onSelectionChanged"; }, never, ["ax-prefix", "ax-suffix"]>;
 }

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

@@ -1,9 +1,9 @@
 import { ElementRef, ChangeDetectorRef, QueryList } from '@angular/core';
 import { AXTabStripChangedEvent, AXTabStripItem } from './tabs.class';
-import { AXTabStripComponent } from './tab-strip.component';
 import { AXTabComponent } from './tab.component';
+import { AXBaseComponent } from '../base';
 import * as i0 from "@angular/core";
-export declare class AXTabViewComponent extends AXTabStripComponent {
+export declare class AXTabViewComponent extends AXBaseComponent {
     _contentTabs: QueryList<AXTabComponent>;
     _tabs: AXTabStripItem[];
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);

package/lib/tabs/tabs.component.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, ChangeDetectorRef, QueryList } from '@angular/core';
+import { AXBaseComponent } from '../base';
+import { AXTabItemComponent } from './tab-item.component';
+import { AXTabContentDirective } from './tab-content.directive';
+import * as i0 from "@angular/core";
+export declare class AXTabsComponent extends AXBaseComponent {
+    _contentTabs: QueryList<AXTabItemComponent>;
+    mode: 'default' | 'end-line' | 'start-line' | 'pills' | 'pills-color';
+    direction: "horizontal" | "vertical";
+    fitParent: boolean;
+    minWidth: boolean;
+    content: AXTabContentDirective;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onViewInit(): void;
+    _handleSelectionChanged(e: AXTabItemComponent): void;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabsComponent, "ax-tabs", never, { "mode": "mode"; "direction": "direction"; "fitParent": "fitParent"; "minWidth": "minWidth"; "content": "content"; }, {}, ["_contentTabs"], ["ax-tab-item"]>;
+}

package/lib/tabs/tabs.module.d.ts

@@ -1,10 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./tab-view.component";
-import * as i2 from "./tab-strip.component";
-import * as i3 from "./tab.component";
+import * as i1 from "./tabs.component";
+import * as i2 from "./tab-item.component";
+import * as i3 from "./tab-content.directive";
 import * as i4 from "@angular/common";
+import * as i5 from "@angular/cdk/portal";
+import * as i6 from "../decorators/decorators.module";
 export declare class AXTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTabsModule, [typeof i1.AXTabViewComponent, typeof i2.AXTabStripComponent, typeof i3.AXTabComponent], [typeof i4.CommonModule], [typeof i1.AXTabViewComponent, typeof i2.AXTabStripComponent, typeof i3.AXTabComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTabsModule, [typeof i1.AXTabsComponent, typeof i2.AXTabItemComponent, typeof i3.AXTabContentDirective], [typeof i4.CommonModule, typeof i5.PortalModule, typeof i6.AXEditorDecoratorModule], [typeof i1.AXTabsComponent, typeof i2.AXTabItemComponent, typeof i3.AXTabContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXTabsModule>;
 }

package/lib/textbox/textbox.module.d.ts

@@ -4,9 +4,10 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "../button/button.module";
 import * as i5 from "../decorators/decorators.module";
-import * as i6 from "ngx-mask";
+import * as i6 from "../icon/icon.module";
+import * as i7 from "ngx-mask";
 export declare class AXTextBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTextBoxModule, [typeof i1.AXTextBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.AXEditorDecoratorModule, typeof i6.NgxMaskModule], [typeof i1.AXTextBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTextBoxModule, [typeof i1.AXTextBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.AXEditorDecoratorModule, typeof i6.AXIconModule, typeof i7.NgxMaskModule], [typeof i1.AXTextBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXTextBoxModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "5.0.2",
+  "version": "5.0.7",
   "peerDependencies": {
     "@angular/common": "^12.2.6",
     "@angular/core": "^12.2.6"

package/public-api.d.ts

@@ -4,6 +4,7 @@
  */
 export * from "./lib/alert";
 export * from "./lib/avatar";
+export * from "./lib/badge";
 export * from "./lib/base";
 export * from "./lib/button";
 export * from "./lib/calendar";
@@ -22,8 +23,10 @@ export * from "./lib/label";
 export * from "./lib/loading";
 export * from "./lib/number-box";
 export * from "./lib/page";
+export * from "./lib/password-box";
 export * from "./lib/popover";
 export * from "./lib/popup";
+export * from "./lib/range-slider";
 export * from "./lib/selectbox";
 export * from "./lib/selection-list";
 export * from "./lib/side-menu";