@acorex/components 5.0.6 → 5.0.7

package/lib/badge/badge.component.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXBaseComponentMixin, AXStyleColorType } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXBadgeComponent extends AXBaseComponentMixin {
+    text: string;
+    color: AXStyleColorType;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "text": "text"; "color": "color"; }, {}, never, ["ax-prefix", "ax-suffix"]>;
+}

package/lib/badge/badge.module.d.ts

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

package/lib/badge/index.d.ts

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

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

@@ -51,7 +51,9 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         rtl: boolean;
         cssClass: string;
         cssStyle: string;
-        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>; /**
+        *  Trigger click event by Esc Key
+        */
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -40,9 +40,6 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    /**
-    *  Specifies the tabindex of the component.
-    */
     _getHostElement<T = HTMLElement>(): T;
     _getInnerElement<T_1 = HTMLElement>(): T_1;
     _onInternalInit(): void;
@@ -61,3 +58,5 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
         newValue?: any;
     }): void;
 }) & TBase;
+export declare const INTERACTIVE_INPUTS: string[];
+export declare const INTERACTIVE_OUTPUT: string[];

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

@@ -17,9 +17,7 @@ export declare function _LoadingComponenetMixin<TBase extends Constructor<AXBase
         _onInternalInit(): void;
         id: string;
         rtl: boolean;
-        cssClass: string; /**
-       *  Defines a CSS class—or multiple classes separated by spaces— which are applied to a span element inside the Button. Allows the usage of custom icons.
-       */
+        cssClass: string;
         cssStyle: string;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;

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

@@ -588,120 +588,4 @@ export declare const AXBaseTextBoxMixin: {
 export declare const AXBaseSelectionValueMixin: any;
 export declare const AXBaseValueDropdownMixin: any;
 export declare const AXBaseSelectionDropdownMixin: any;
-export declare const AXCalendarMixin: {
-    new (...args: any[]): {
-        onClick: import("@angular/core").EventEmitter<import("@acorex/components").AXClickEvent>;
-        _emitOnClickEvent(e: MouseEvent): 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;
-    };
-} & {
-    new (...args: any[]): {
-        text: string;
-        submitBehavior: boolean;
-        cancelBehavior: boolean;
-        colorChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleColorType>;
-        "__#2@#color": import("@acorex/components").AXStyleColorType;
-        color: import("@acorex/components").AXStyleColorType;
-        lookChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleButtonLook>;
-        "__#2@#look"?: import("@acorex/components").AXStyleButtonLook;
-        look: import("@acorex/components").AXStyleButtonLook;
-        toggleableChange: import("@angular/core").EventEmitter<boolean>;
-        "__#2@#toggleable"?: boolean;
-        toggleable: boolean;
-        selectedChange: import("@angular/core").EventEmitter<boolean>;
-        "__#2@#selected"?: boolean;
-        selected: boolean;
-        _onInternalViewInit(): void;
-        _onInternalDestroy(): void;
-        readonly _classes: {
-            'ax-button-icon': boolean;
-            'ax-state-disabled': any;
-            'ax-state-selected': boolean;
-        };
-        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;
-        onInit(): void;
-        onViewInit(): void;
-        onDestroy(): void;
-        onOptionChanging(option: {
-            name: string;
-            value?: any;
-        }): any;
-        onOptionChanged(option: {
-            name: string;
-            oldValue?: any;
-            newValue?: any;
-        }): void;
-    };
-} & {
-    new (...args: any[]): {
-        size: import("./base-components.class").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;
-    };
-} & typeof AXBaseComponent;
+export declare const AXCalendarComponentMixin: any;

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

@@ -22,12 +22,12 @@ export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBase
         */
         onKeyDown: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
         _emitOnKeydownEvent(e: KeyboardEvent): void;
-        id: string;
+        id: string; /**
+        *  A string value that specifies the placeholder of text box.
+        */
         rtl: boolean;
         cssClass: string;
-        cssStyle: string; /**
-        *  A number value that specifies the maximum characters of text box.
-        */
+        cssStyle: string;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
@@ -36,9 +36,6 @@ export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBase
         ngAfterViewInit(): void;
         ngOnDestroy(): void;
         _getHostElement<T = HTMLElement>(): T;
-        /**
-        *  @ignore
-        */
         _getInnerElement<T_1 = HTMLElement>(): T_1;
         _onInternalInit(): void;
         _onInternalViewInit(): void;

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

@@ -42,12 +42,11 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         cssStyle: string;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
-        _isInited: boolean; /**
-        *  Fires each time the user press a key.
-        *  @event
-        */
+        _isInited: boolean;
         _isRendered: boolean;
-        ngOnInit(): void;
+        ngOnInit(): void; /**
+        *  If set to true, user cannot change the value of component.
+        */
         ngAfterViewInit(): void;
         ngOnDestroy(): void;
         _getHostElement<T = HTMLElement>(): T;

package/lib/button/button.component.d.ts

@@ -16,7 +16,6 @@ export declare class AXButtonComponent extends AXBaseButtonMixin {
     _emitOnFocusEvent(e: MouseEvent): void;
     _emitOnBlurEvent(e: MouseEvent): void;
     private get __hostClass();
-    private get __tabindex();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "size": "size"; "text": "text"; "submitBehavior": "submitBehavior"; "cancelBehavior": "cancelBehavior"; "color": "color"; "look": "look"; "toggleable": "toggleable"; "selected": "selected"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; }, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix", "ax-dropdown-panel"]>;
 }

package/lib/calendar/calendar.component.d.ts

@@ -1,16 +1,56 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXCalendarMixin } from '../base';
+import { AXDateTime } from '@acorex/core';
+import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXCalendarComponentMixin, AXClickEvent } from '../base';
 import * as i0 from "@angular/core";
-export declare class AXCalendarComponent extends AXCalendarMixin {
-    days: ElementRef<HTMLDivElement>;
+export declare type AXCalendarViewType = 'years' | 'months' | 'days';
+export declare type AXCalendarViewDepth = AXCalendarViewType;
+export declare type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
+export declare type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
+export declare class AXCalendarComponent extends AXCalendarComponentMixin {
+    private cdr;
+    private get _viewRange();
+    _today: AXDateTime;
+    private _viewStartDate;
+    _navText: string;
+    _todayText: string;
+    _slots: any[];
+    private _activeView;
+    get activeView(): AXCalendarViewType;
+    set activeView(v: AXCalendarViewType);
+    depthChange: EventEmitter<AXCalendarViewDepth>;
+    private _depth;
+    get depth(): AXCalendarViewDepth;
+    set depth(v: AXCalendarViewDepth);
+    private _min;
+    get min(): Date;
+    set min(v: Date);
+    private _max;
+    get max(): Date;
+    set max(v: Date);
+    private _disabledDates;
+    get disabledDates(): AXCalendarDisabledDates;
+    set disabledDates(v: AXCalendarDisabledDates);
+    private _holidayDates;
+    get holidayDates(): AXCalendarHolidayDates;
+    set holidayDates(v: AXCalendarHolidayDates);
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    actionBar: boolean;
-    showTime: boolean;
-    dayItems: number[];
-    yearItems: number[];
-    monthItems: string[];
-    ngAfterViewInit(): void;
-    createYears(): void;
+    onInit(): void;
+    private _genearteSlots;
+    _handlePrevClick(e: AXClickEvent): void;
+    _handleNextClick(e: AXClickEvent): void;
+    _handleSlotClick(slot: any): void;
+    _handleNavClick(e: AXClickEvent): void;
+    _onValueChanged(oldValue: any, newValue: any): void;
+    _handleGoToday(): void;
+    next(): void;
+    prev(): void;
+    private _navNextPrev;
+    goToday(): void;
+    navTo(date: Date | AXDateTime): void;
+    private get __hostClass();
+    private isDisabled;
+    private isHoliday;
+    private isWeekend;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "size": "size"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; "actionBar": "actionBar"; "showTime": "showTime"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "disabled": "disabled"; "tabIndex": "tabIndex"; "activeView": "activeView"; "depth": "depth"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; }, never, never>;
 }

package/lib/calendar/calendar.module.d.ts

@@ -2,10 +2,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "./calendar.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../button/button.module";
-import * as i4 from "../decorators/decorators.module";
-import * as i5 from "../icon/icon.module";
+import * as i4 from "../icon/icon.module";
+import * as i5 from "../decorators/decorators.module";
+import * as i6 from "@acorex/core";
 export declare class AXCalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.AXEditorDecoratorModule, typeof i5.AXIconModule], [typeof i1.AXCalendarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.AXIconModule, typeof i5.AXEditorDecoratorModule, typeof i6.AXDateTimeModule], [typeof i1.AXCalendarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
 }

package/lib/decorators/prefix.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXDecoratorPrefixComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorPrefixComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorPrefixComponent, "ax-prefix", never, {}, {}, never, ["ax-button,ax-loading,ax-icon"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorPrefixComponent, "ax-prefix", never, {}, {}, never, ["ax-button,ax-loading,ax-icon,ax-badge"]>;
 }

package/lib/decorators/suffix.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXDecoratorSuffixComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorSuffixComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorSuffixComponent, "ax-suffix", never, {}, {}, never, ["ax-button", "ax-icon"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorSuffixComponent, "ax-suffix", never, {}, {}, never, ["ax-button,ax-icon,ax-badge"]>;
 }

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/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/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,12 +7,13 @@ export declare class AXTabStripComponent extends AXSizableComponentMixin {
     private _items;
     get items(): AXTabStripItem[];
     set items(v: AXTabStripItem[]);
-    mode: 'default' | 'underline' | 'overline' | 'pills' | 'pills-color';
+    mode: 'default' | 'end-line' | 'start-line' | 'pills' | 'pills-color';
     direction: "horizontal" | "vertical";
-    fullWidth: boolean;
+    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"; "direction": "direction"; "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/package.json

@@ -1,20 +1,20 @@
 {
-    "name": "@acorex/components",
-    "version": "5.0.6",
-    "peerDependencies": {
-        "@angular/common": "^12.2.6",
-        "@angular/core": "^12.2.6"
-    },
-    "dependencies": {
-        "@splidejs/splide": "^2.4.21",
-        "ngx-mask": "^12.0.0",
-        "tslib": "^2.3.0"
-    },
-    "main": "bundles/acorex-components.umd.js",
-    "module": "fesm2015/acorex-components.js",
-    "es2015": "fesm2015/acorex-components.js",
-    "esm2015": "esm2015/acorex-components.js",
-    "fesm2015": "fesm2015/acorex-components.js",
-    "typings": "acorex-components.d.ts",
-    "sideEffects": false
+  "name": "@acorex/components",
+  "version": "5.0.7",
+  "peerDependencies": {
+    "@angular/common": "^12.2.6",
+    "@angular/core": "^12.2.6"
+  },
+  "dependencies": {
+    "@splidejs/splide": "^2.4.21",
+    "ngx-mask": "^12.0.0",
+    "tslib": "^2.3.0"
+  },
+  "main": "bundles/acorex-components.umd.js",
+  "module": "fesm2015/acorex-components.js",
+  "es2015": "fesm2015/acorex-components.js",
+  "esm2015": "esm2015/acorex-components.js",
+  "fesm2015": "fesm2015/acorex-components.js",
+  "typings": "acorex-components.d.ts",
+  "sideEffects": false
 }

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,9 +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/range-slider";
 export * from "./lib/popup";
+export * from "./lib/range-slider";
 export * from "./lib/selectbox";
 export * from "./lib/selection-list";
 export * from "./lib/side-menu";