@acorex/components 5.0.7 → 5.0.13

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

@@ -2,9 +2,9 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseComponent, AXStyleColorType } from '../base';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#5@#disabled": boolean;
+    "__#3@#disabled": boolean;
     disabled: boolean;
-    "__#5@#tabIndex": number;
+    "__#3@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("../base").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -28,17 +28,12 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     _onInternalViewInit(): void;
     _onInternalDestroy(): void;
     onInit(): void;
+    onRenderCssClass(): void;
     onViewInit(): void;
     onDestroy(): void;
-    onOptionChanging(option: {
-        name: string;
-        value?: any;
-    }): any;
-    onOptionChanged(option: {
-        name: string;
-        oldValue?: any;
-        newValue?: any;
-    }): void;
+    _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+    _setOption(option: import("../base").AXComponentSetOption): void;
 }) & {
     new (...args: any[]): {
         onClick: import("@angular/core").EventEmitter<import("../base").AXClickEvent>;
@@ -60,17 +55,12 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;
+        onRenderCssClass(): void;
         onViewInit(): void;
         onDestroy(): void;
-        onOptionChanging(option: {
-            name: string;
-            value?: any;
-        }): any;
-        onOptionChanged(option: {
-            name: string;
-            oldValue?: any;
-            newValue?: any;
-        }): void;
+        _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+        _setOption(option: import("../base").AXComponentSetOption): void;
     };
 } & typeof AXBaseComponent;
 export declare class AXButtonItemComponent extends AXBaseItemButtonMixin {

package/lib/calendar/calendar.class.d.ts

@@ -0,0 +1,38 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
+import { AXBaseComponent } from "../base";
+import * as i0 from "@angular/core";
+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 AXCalendarBaseComponent extends AXBaseComponent {
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    activeViewChange: EventEmitter<AXCalendarViewType>;
+    private _activeView;
+    get activeView(): AXCalendarViewType;
+    set activeView(v: AXCalendarViewType);
+    depthChange: EventEmitter<AXCalendarViewDepth>;
+    private _depth;
+    get depth(): AXCalendarViewDepth;
+    set depth(v: AXCalendarViewDepth);
+    minChange: EventEmitter<Date>;
+    private _min;
+    get min(): Date;
+    set min(v: Date);
+    maxChange: EventEmitter<Date>;
+    private _max;
+    get max(): Date;
+    set max(v: Date);
+    disabledDatesChange: EventEmitter<AXCalendarDisabledDates>;
+    private _disabledDates;
+    get disabledDates(): AXCalendarDisabledDates;
+    set disabledDates(v: AXCalendarDisabledDates);
+    holidayDatesChange: EventEmitter<AXCalendarHolidayDates>;
+    private _holidayDates;
+    get holidayDates(): AXCalendarHolidayDates;
+    set holidayDates(v: AXCalendarHolidayDates);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarBaseComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXCalendarBaseComponent>;
+}
+export declare const CALENDAR_INPUTS: string[];
+export declare const CALENDAR_OUTPUTS: string[];

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

@@ -1,11 +1,8 @@
 import { AXDateTime } from '@acorex/core';
-import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXCalendarComponentMixin, AXClickEvent } from '../base';
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXClickEvent, AXComponentOptionChanged } from '../base';
 import * as i0 from "@angular/core";
-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 const AXCalendarComponentMixin: any;
 export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private cdr;
     private get _viewRange();
@@ -14,25 +11,6 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     _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);
     onInit(): void;
     private _genearteSlots;
@@ -40,6 +18,7 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     _handleNextClick(e: AXClickEvent): void;
     _handleSlotClick(slot: any): void;
     _handleNavClick(e: AXClickEvent): void;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
     _onValueChanged(oldValue: any, newValue: any): void;
     _handleGoToday(): void;
     next(): void;
@@ -52,5 +31,5 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private isHoliday;
     private isWeekend;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "disabled": "disabled"; "tabIndex": "tabIndex"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; }, never, never>;
 }

package/lib/checkbox/checkbox.component.d.ts

@@ -1,12 +1,13 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, QueryList } from '@angular/core';
 import { AXBaseValueComponentMixin } from '../base';
 import * as i0 from "@angular/core";
 export declare class AXCheckBoxComponent extends AXBaseValueComponentMixin {
-    indeterminate: boolean;
-    _id: string;
+    _hint: QueryList<ElementRef>;
+    _label: QueryList<ElementRef>;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     onInit(): void;
-    _handleOnClickEvent(e: MouseEvent): void;
+    _onValueChanging(value: any): any;
+    _handleOnClickEvent(e: MouseEvent): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "indeterminate": "indeterminate"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["*", "ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_hint", "_label"], ["ax-label", "ax-form-hint", "ax-validation-rule"]>;
 }

package/lib/datepicker/datepicker.component.d.ts

@@ -1,18 +1,172 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXBaseTextBoxMixin } from '../base/mixin/mixin.class';
+import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXBaseComponent, AXClickEvent } from '../base';
+import { AXCalendarBaseComponent } from '../calendar/calendar.class';
+import { AXPopoverComponent } from '../popover/popover.component';
 import * as i0 from "@angular/core";
-export declare class AXDatepickerComponent extends AXBaseTextBoxMixin {
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    dayItems: number[];
-    yearItems: number[];
-    monthItems: string[];
-    _showDays: boolean;
-    _showsMonths: boolean;
-    _showYears: boolean;
-    showMonths(): void;
-    showYears(): void;
-    showDays(): void;
-    createYears(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatepickerComponent, "ax-date-picker", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "cssClass": "cssClass"; "size": "size"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "value": "value"; "name": "name"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix"]>;
+export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
+    "__#3@#disabled": boolean;
+    disabled: boolean;
+    "__#3@#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;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+    _setOption(option: import("../base").AXComponentSetOption): void;
+}) & (abstract new (...args: any[]) => {
+    fitParent: boolean;
+    readonly: boolean;
+    dropdownWidth: number;
+    onOpened: EventEmitter<import("../base").AXEvent>;
+    onClosed: EventEmitter<import("../base").AXEvent>;
+    popover: AXPopoverComponent;
+    position: import("../base").AXConnectedPosition[];
+    _emitOnOpenedEvent(): void;
+    _emitOnClosedEvent(): void;
+    onViewInit(): void;
+    toggle(): void;
+    close(): void;
+    open(): void;
+    readonly isOpen: boolean;
+    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;
+    onRenderCssClass(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+    _setOption(option: import("../base").AXComponentSetOption): void;
+}) & {
+    new (...args: any[]): {
+        onValueChanged: EventEmitter<import("../base").AXValueChangedEvent<any>>;
+        valueChange: EventEmitter<any>;
+        "__#4@#readonly": boolean;
+        readonly: boolean;
+        "__#4@#allowNull": boolean;
+        allowNull: boolean;
+        "__#4@#name": string;
+        name: string;
+        "__#4@#debounceTime": number;
+        debounceTime: number;
+        "__#4@#valueSubscription": import("rxjs").Subscription;
+        "__#4@#valueSubject": import("rxjs").Subject<unknown>;
+        "__#4@#value": any;
+        value: any;
+        _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
+        _onInternalValueChanging(value: any): any;
+        _onValueChanging(value: any): any;
+        _onValueChanged(oldValue: any, newValue: any): void;
+        _onInternalInit(): void;
+        _onInternalDestroy(): void;
+        _setValue(v: any): void;
+        clear(): void;
+        validate(): Promise<import("../validation/validation.class").AXValidationRuleResult>;
+        _setErrorState(state: "error" | "success" | "clear", ...args: any[]): 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;
+        _onInternalViewInit(): void;
+        onInit(): void;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+        _setOption(option: import("../base").AXComponentSetOption): void;
+    };
+} & {
+    new (...args: any[]): {
+        placeholder: string;
+        maxLength: number;
+        autoComplete: boolean;
+        onKeyDown: EventEmitter<import("../base").AXHtmlEvent<KeyboardEvent>>;
+        _emitOnKeydownEvent(e: KeyboardEvent): 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;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+        _setOption(option: import("../base").AXComponentSetOption): void;
+    };
+} & typeof AXCalendarBaseComponent;
+export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
+    popover: AXPopoverComponent;
+    _target: AXBaseComponent;
+    displayText: string;
+    formatChange: EventEmitter<string>;
+    private _format;
+    get format(): string;
+    set format(v: string);
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _handleArrowClickEvent(e: AXClickEvent): void;
+    _onValueChanged(oldValue?: any, newValue?: any): void;
+    _handleOnKeydownEvent(e: KeyboardEvent): void;
+    _handleOnInputClickEvent(e: MouseEvent): void;
+    private _highlightPart;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "placeholder": "placeholder"; "maxLength": "maxLength"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix"]>;
 }

package/lib/datepicker/datepicker.module.d.ts

@@ -2,9 +2,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "./datepicker.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../calendar/calendar.module";
-import * as i4 from "../dropdown/dropdown.module";
+import * as i4 from "../textbox/textbox.module";
+import * as i5 from "../button/button.module";
+import * as i6 from "../popover/popover.module";
+import * as i7 from "../decorators/decorators.module";
+import * as i8 from "../icon/icon.module";
+import * as i9 from "@acorex/core";
+import * as i10 from "@angular/forms";
 export declare class AXDatepickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDatepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDatepickerModule, [typeof i1.AXDatepickerComponent], [typeof i2.CommonModule, typeof i3.AXCalendarModule, typeof i4.AXDropdownModule], [typeof i1.AXDatepickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDatepickerModule, [typeof i1.AXDatePickerComponent], [typeof i2.CommonModule, typeof i3.AXCalendarModule, typeof i4.AXTextBoxModule, typeof i5.AXButtonModule, typeof i6.AXPopoverModule, typeof i7.AXEditorDecoratorModule, typeof i8.AXIconModule, typeof i9.AXDateTimeModule, typeof i10.FormsModule], [typeof i1.AXDatePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDatepickerModule>;
 }

package/lib/decorators/content.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 AXDecoratorContentComponent extends AXBaseComponentMixin {
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorContentComponent, "ax-content", never, {}, {}, never, ["*"]>;
+}

package/lib/decorators/decorators.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./prefix.component";
 import * as i2 from "./suffix.component";
-import * as i3 from "@angular/common";
+import * as i3 from "./content.component";
+import * as i4 from "@angular/common";
 export declare class AXEditorDecoratorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXEditorDecoratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXEditorDecoratorModule, [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent], [typeof i3.CommonModule], [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXEditorDecoratorModule, [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent], [typeof i4.CommonModule], [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXEditorDecoratorModule>;
 }

package/lib/decorators/index.d.ts

@@ -1,3 +1,4 @@
 export * from './prefix.component';
 export * from './suffix.component';
+export * from './content.component';
 export * from './decorators.module';

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

@@ -1,17 +1,16 @@
 import { ElementRef, ChangeDetectorRef, QueryList, EventEmitter } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { AXButtonClickEvent, AXClickEvent } from '../base';
+import { AXBaseDropdownMixin, 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 class AXDropdownPanelComponent extends AXBaseDropDownComponent {
+export declare class AXDropdownPanelComponent extends AXBaseDropdownMixin {
     _parent: AXButtonComponent;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXButtonComponent);
     _contentButtons: QueryList<AXButtonItemComponent>;
     _viewButtons: QueryList<AXButtonItemComponent>;
     onItemClick: EventEmitter<AXButtonClickEvent>;
-    protected popover: AXPopoverComponent;
+    popover: AXPopoverComponent;
     private _items;
     get items(): AXButtonItem[];
     set items(v: AXButtonItem[]);
@@ -24,5 +23,5 @@ export declare class AXDropdownPanelComponent extends AXBaseDropDownComponent {
     _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
     private _handleOnItemClick;
     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"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "items": "items"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["[panel],ax-button-item"]>;
 }

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

@@ -1,13 +1,12 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { AXBaseComponent } from '../base';
-import { AXPopoverComponent } from '../popover';
-import { AXBaseDropDownComponent } from './dropdown-base.class';
+import { AXBaseComponent, AXBaseDropdownMixin } from '../base';
+import { AXPopoverComponent } from '../popover/popover.component';
 import * as i0 from "@angular/core";
-export declare class AXDropdownComponent extends AXBaseDropDownComponent {
-    protected popover: AXPopoverComponent;
+export declare class AXDropdownComponent extends AXBaseDropdownMixin {
+    popover: AXPopoverComponent;
     _target: AXBaseComponent;
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     _handleArrowClickEvent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownComponent, "ax-drop-down", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "size": "size"; "fitParent": "fitParent"; }, {}, never, ["ax-prefix", "[input]", "ax-suffix", "[panel]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownComponent, "ax-drop-down", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "[input]", "ax-suffix", "[panel]"]>;
 }

package/lib/label/label.component.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXSizableComponentMixin } from '../base';
+import { AXBaseComponentMixin } from '../base';
 import * as i0 from "@angular/core";
-export declare class AXLabelComponent extends AXSizableComponentMixin {
+export declare class AXLabelComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXLabelComponent, "ax-label", never, {}, {}, never, ["*"]>;

package/lib/popup/popup.component.d.ts

@@ -1,10 +1,11 @@
-import { ElementRef, ChangeDetectorRef, ViewContainerRef, EventEmitter } from '@angular/core';
+import { ElementRef, ChangeDetectorRef, ViewContainerRef, EventEmitter, NgZone } from '@angular/core';
 import { AXBaseComponentMixin } from '../base';
 import { AXPageCloseEvent } from '../page/base-page.class';
 import { AXLoadingService } from '../loading';
 import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
 import * as i0 from "@angular/core";
 export declare class AXPopupComponent extends AXBaseComponentMixin {
+    private _zone;
     private _viewContainerRef;
     private loadingService;
     isLoading: boolean;
@@ -19,7 +20,7 @@ export declare class AXPopupComponent extends AXBaseComponentMixin {
     _selectedPortal: Portal<any>;
     _footerPortal: Portal<any>;
     _headerPortal: Portal<any>;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService);
     onViewInit(): void;
     _handleAttched(ref: CdkPortalOutletAttachedRef): void;
     onKeydownHandler(event: KeyboardEvent): void;

package/lib/radio/index.d.ts

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

package/lib/radio/radio.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 AXRadioComponent extends AXBaseComponentMixin {
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRadioComponent, "ax-radio", never, {}, {}, never, ["ax-label", "ax-form-hint", "ax-validation-rule"]>;
+}

package/lib/radio/radio.module.d.ts

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

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

@@ -6,11 +6,12 @@ export declare class AXTabItemComponent extends AXBaseClickableMixin {
     text: string;
     width: boolean;
     template: TemplateRef<any>;
+    headerTemplate: 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", "*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabItemComponent, "ax-tab-item", never, { "text": "text"; "width": "width"; "active": "active"; }, { "activeChange": "activeChange"; }, ["headerTemplate"], ["ax-prefix", "ax-suffix", "ax-content"]>;
 }

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

@@ -5,15 +5,13 @@ 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);
+    onRenderCssClass(): void;
     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"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabsComponent, "ax-tabs", never, { "fitParent": "fitParent"; "minWidth": "minWidth"; "content": "content"; }, {}, ["_contentTabs"], ["ax-tab-item"]>;
 }

package/package.json

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

package/public-api.d.ts

@@ -26,6 +26,7 @@ export * from "./lib/page";
 export * from "./lib/password-box";
 export * from "./lib/popover";
 export * from "./lib/popup";
+export * from "./lib/radio";
 export * from "./lib/range-slider";
 export * from "./lib/selectbox";
 export * from "./lib/selection-list";