@acorex/components 7.3.2 → 7.4.1

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

@@ -1,86 +1,23 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, QueryList } from '@angular/core';
+import { AXItemClickEvent, AXSelectionMode, AXSelectionValueChangedEvent, MXColorLookComponent, MXInteractiveComponent } from '@acorex/components/common';
+import { EventEmitter } from '@angular/core';
 import { AXButtonComponent } from './button.component';
-import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChangedEvent } from '@acorex/components/common';
-import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
-export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
-    "__#4805@#disabled": boolean;
-    disabled: boolean;
-    "__#4805@#tabIndex": number;
-    tabIndex: number;
-    onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
-    _emitOnFocusEvent(e: FocusEvent): void;
-    onBlur: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
-    _emitOnBlurEvent(e: FocusEvent): void;
-    focus(): void;
-    hasFocus(): boolean;
-    id: string;
-    "__#4802@#rtl": boolean;
-    rtl: boolean;
-    "__#4802@#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;
-    _applyRtl(): void;
-    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
-    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
-    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
-}) & (new (...args: any[]) => {
-    colorChange: EventEmitter<import("@acorex/components/common").AXStyleColorType>;
-    _color: import("@acorex/components/common").AXStyleColorType;
-    color: import("@acorex/components/common").AXStyleColorType;
-    lookChange: EventEmitter<import("@acorex/components/common").AXStyleLookType>;
-    _look?: import("@acorex/components/common").AXStyleLookType;
-    look: import("@acorex/components/common").AXStyleLookType;
-    id: string;
-    "__#4802@#rtl": boolean;
-    rtl: boolean;
-    "__#4802@#elementRef": ElementRef<any>;
-    _cdr: ChangeDetectorRef;
-    _isInited: boolean;
-    _isRendered: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _getHostElement<T_2 = HTMLElement>(): T_2;
-    _getInnerElement<T_1_1 = HTMLElement>(): T_1_1;
-    _onInternalInit(): void;
-    _onInternalViewInit(): void;
-    _onInternalDestroy(): void;
-    onInit(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-    _applyRtl(): void;
-    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
-    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
-    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
-}) & typeof AXBaseComponent;
-export declare class AXButtonGroupComponent extends AXBaseButtonGroupMixin {
-    private zone;
+declare const AXButtonGroupComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
+export declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
     selectionChange: EventEmitter<AXSelectionMode>;
     private _selection;
     get selection(): AXSelectionMode;
     set selection(value: AXSelectionMode);
     onItemClick: EventEmitter<AXItemClickEvent<AXButtonComponent>>;
     onValueChanged: EventEmitter<AXSelectionValueChangedEvent>;
-    _contentButtons: QueryList<AXButtonComponent>;
-    constructor(elementRef: ElementRef, zone: NgZone, cdr: ChangeDetectorRef);
+    private _contentButtons;
     ngAfterContentInit(): void;
     private _bindEvents;
     private _bindProps;
-    onOptionChanged(option: any): void;
-    _handleClickEvent(e: AXClickEvent, button: any): void;
+    internalOptionChanged(): void;
+    private _handleClickEvent;
+    private clearSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "selectionChange": "selectionChange"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "selectionChange": "selectionChange"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button"], false, never>;
 }
+export {};

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

@@ -10,7 +10,7 @@ export interface AXClickItemBase {
     badge?: string;
     disabled?: boolean;
     selected?: boolean;
-    seperated?: boolean;
+    separated?: boolean;
     name?: string;
     data?: unknown;
     onClick?: (e?: {
@@ -24,5 +24,3 @@ export interface AXButtonItem extends AXClickItemBase {
     loading?: boolean;
     autofocus?: boolean;
 }
-export interface AXMenuItem extends AXClickItemBase {
-}

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

@@ -1,82 +1,19 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { AXStyleColorType } from '@acorex/components/common';
-import { AXBaseComponent } from '@acorex/components/mixin';
+import { MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#4805@#disabled": boolean;
-    disabled: boolean;
-    "__#4805@#tabIndex": number;
-    tabIndex: number;
-    onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
-    _emitOnFocusEvent(e: FocusEvent): void;
-    onBlur: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
-    _emitOnBlurEvent(e: FocusEvent): void;
-    focus(): void;
-    hasFocus(): boolean;
-    id: string;
-    "__#4802@#rtl": boolean;
-    rtl: boolean;
-    "__#4802@#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;
-    _applyRtl(): void;
-    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
-    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
-    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
-}) & (new (...args: any[]) => {
-    onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
-    _emitOnClickEvent(e: MouseEvent): void;
-    id: string;
-    "__#4802@#rtl": boolean;
-    rtl: boolean;
-    "__#4802@#elementRef": ElementRef<any>;
-    _cdr: ChangeDetectorRef;
-    _isInited: boolean;
-    _isRendered: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _getHostElement<T_2 = HTMLElement>(): T_2; /**
-     *  @ignore
-     */
-    _getInnerElement<T_1_1 = HTMLElement>(): T_1_1;
-    _onInternalInit(): void;
-    _onInternalViewInit(): void;
-    _onInternalDestroy(): void;
-    onInit(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-    _applyRtl(): void;
-    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
-    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
-    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
-}) & typeof AXBaseComponent;
-export declare class AXButtonItemComponent extends AXBaseItemButtonMixin {
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+declare const AXButtonItemComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
+export declare class AXButtonItemComponent extends AXButtonItemComponent_base {
     text: string;
-    tooltip: string;
-    selected: boolean;
-    seperated: boolean;
+    private _selected;
+    get selected(): boolean;
+    set selected(v: boolean);
+    divided: boolean;
+    data: unknown;
     name: string;
-    data: any;
-    color: AXStyleColorType;
     private __hostClick;
+    private __hostFocus;
+    private __hostBlur;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "text": { "alias": "text"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "seperated": { "alias": "seperated"; "required": false; }; "name": { "alias": "name"; "required": false; }; "data": { "alias": "data"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "onClick": "onClick"; }, never, ["ax-prefix", "ax-icon", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-loading", "ax-icon", "ax-suffix", "ax-dropdown-panel"], false, never>;
 }
+export {};

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

@@ -21,5 +21,5 @@ export declare class AXButtonComponent extends MXButtonBaseComponent implements
     private get __hostClass();
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; }, never, ["ax-prefix, ax-loading, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix, ax-loading, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel"], false, never>;
 }

package/button-group/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/button-group
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/button-group`.

package/button-group/index.d.ts

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

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

@@ -0,0 +1,21 @@
+import { AXSelectionMode, MXColorLookComponent, MXInteractiveComponent } from '@acorex/components/common';
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+declare const AXButtonGroupComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
+export declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
+    private _contentButtons;
+    selectionChange: EventEmitter<AXSelectionMode>;
+    private _selection;
+    get selection(): AXSelectionMode;
+    set selection(value: AXSelectionMode);
+    ngAfterContentInit(): void;
+    private _bindEvents;
+    private _bindProps;
+    internalOptionChanged(): void;
+    private _handleClickEvent;
+    private clearSelection;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group-2", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "selectionChange": "selectionChange"; }, ["_contentButtons"], ["ax-button-item"], false, never>;
+}
+export {};

package/button-group/lib/button-group.module.d.ts

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

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

@@ -7,6 +7,7 @@ declare const AXCalendarRangeComponent_base: import("polytype").Polytype.Cluster
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 export declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base {
+    private _calendarService;
     private _c1;
     private _c2;
     _navText: string;
@@ -24,6 +25,6 @@ export declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_b
     private _syncNav1;
     private _syncNav2;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], false, never>;
 }
 export {};

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

@@ -1,6 +1,6 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { AXItemClickEvent, AXRangeChangedEvent, MXBaseComponent } from '@acorex/components/common';
-import { AXDateTimeRange } from '@acorex/core/dateTime';
+import { AXCalendarService, AXDateTimeRange } from '@acorex/core/dateTime';
 import * as i0 from "@angular/core";
 export type AXCalendarViewType = 'year' | 'month' | 'day';
 export type AXCalendarViewDepth = AXCalendarViewType;
@@ -38,8 +38,9 @@ export interface AXCalendarView {
 }
 declare const MXCalendarBaseComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXBaseComponent]>;
 export declare class MXCalendarBaseComponent extends MXCalendarBaseComponent_base {
+    protected calendarService: AXCalendarService;
     interface: 'calendar' | 'picker';
-    cellTemplate?: TemplateRef<any>;
+    cellTemplate?: TemplateRef<unknown>;
     cellClass?: AXCalendarCellCssClass;
     showNavigation: boolean;
     count: number;
@@ -58,13 +59,13 @@ export declare class MXCalendarBaseComponent extends MXCalendarBaseComponent_bas
     get depth(): AXCalendarViewDepth;
     set depth(v: AXCalendarViewDepth);
     minChange: EventEmitter<Date>;
-    private _min;
-    get min(): Date;
-    set min(v: Date);
+    private _minValue;
+    get minValue(): Date;
+    set minValue(v: Date);
     maxChange: EventEmitter<Date>;
-    private _max;
-    get max(): Date;
-    set max(v: Date);
+    private _maxValue;
+    get maxValue(): Date;
+    set maxValue(v: Date);
     disabledDatesChange: EventEmitter<AXCalendarDisabledDates>;
     private _disabledDates;
     get disabledDates(): AXCalendarDisabledDates;

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

@@ -41,7 +41,8 @@ export declare class AXCalendarComponent extends AXCalendarComponent_base {
     protected isDisabled(date: AXDateTime): boolean;
     protected isHoliday(date: AXDateTime): boolean;
     protected isWeekend(date: AXDateTime): boolean;
+    _handleOnKeydownEvent(e: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], false, never>;
 }
 export {};

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

@@ -1,10 +1,11 @@
 import { MXValueComponent } from '@acorex/components/common';
+import { AfterViewChecked } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXCheckBoxComponent extends MXValueComponent<boolean | null> {
+export declare class AXCheckBoxComponent extends MXValueComponent<boolean | null> implements AfterViewChecked {
     private _labels;
     indeterminate: boolean;
     protected _stateIndeterminate: boolean;
-    protected internalGetValue(value: any): boolean | null;
+    protected internalGetValue(value: unknown): boolean | null;
     internalSetValue(value: boolean | null): boolean;
     ngAfterViewChecked(): void;
     private _handleClick;

package/color-box/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/label
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/color-box`.

package/color-box/index.d.ts

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

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

@@ -0,0 +1,27 @@
+import { MXInputBaseValueComponent, AXEvent } from '@acorex/components/common';
+import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
+import { AXColorPalleteComponent } from '@acorex/components/color-palette';
+import * as i0 from "@angular/core";
+declare const AXColorBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, {
+    new (): MXInputBaseValueComponent<string>;
+    ɵfac: unknown;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}]>;
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXColorBoxComponent extends AXColorBoxComponent_base {
+    protected picker: AXColorPalleteComponent;
+    protected dropdown: AXDropdownBoxComponent;
+    protected _handleModelChange(value: string | null): void;
+    protected _handleArrowClickEvent(e: MouseEvent): void;
+    protected _handleInputClickEvent(e: MouseEvent): void;
+    protected _handleOnOpenedEvent(e: AXEvent): void;
+    protected _handleOnClosedEvent(e: AXEvent): void;
+    internalValueChanged(value?: Date): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorBoxComponent, "ax-color-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
+}
+export {};

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./color-box.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@acorex/components/color-palette";
+import * as i5 from "@acorex/components/dropdown";
+export declare class AXColorBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorBoxModule, [typeof i1.AXColorBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXColorPaletteModule, typeof i5.AXDropdownModule], [typeof i1.AXColorBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXColorBoxModule>;
+}

package/common/index.d.ts

@@ -1,6 +1,9 @@
+export * from './lib/types/orientation';
+export * from './lib/types/direction';
+export * from './lib/types/placement';
+export * from './lib/types/range';
+export * from './lib/types/selection-mode';
 export * from './lib/classes/components.class';
-export * from './lib/classes/data.class';
-export * from './lib/classes/drawing.class';
 export * from './lib/classes/events.class';
 export * from './lib/classes/styles.class';
 export * from './lib/classes/datalist.class';
@@ -13,7 +16,6 @@ export * from './lib/components/interactive-component.class';
 export * from './lib/components/look-component.class';
 export * from './lib/components/value-component.class';
 export * from './lib/components/input-base-value-component.class';
-export * from './lib/constant/positions';
 export * from './lib/directives/auto-focus.directive';
 export * from './lib/directives/delayed-value-changed.directive';
 export * from './lib/directives/hotkey.directive';

package/common/lib/classes/styles.class.d.ts

@@ -6,12 +6,3 @@ export type AXStyleColorType = 'primary' | 'secondary' | 'success' | 'warning' |
 export type AXStyleLookType = 'default' | 'blank' | 'outline';
 export declare const AX_LOCATIONS: string[];
 export type AXLocation = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end' | 'center-end' | 'center-start';
-export declare const AX_DIRECTIONS: string[];
-/**
- * A token that specifies the  direction of component.
- */
-export type AXDirection = 'vertical' | 'horizontal';
-/**
- * A token that specifies the  selection mode of component.
- */
-export type AXSelectionMode = 'single' | 'multiple';

package/common/lib/components/button-base-component.class.d.ts

@@ -31,6 +31,4 @@ export declare class MXButtonBaseComponent extends MXButtonBaseComponent_base {
         'ax-state-selected': boolean;
     };
 }
-export declare const BUTTON_INPUTS: (string | string[])[];
-export declare const BUTTON_OUTPUT: any[];
 export {};

package/common/lib/components/interactive-component.class.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { AXFocusEvent } from '../classes/events.class';
+import { AXClickEvent, AXFocusEvent } from '../classes/events.class';
 import { MXBaseComponent } from './base-component.class';
 export declare class MXInteractiveComponent extends MXBaseComponent {
     protected onTouchedCallback: () => void;
@@ -33,6 +33,12 @@ export declare class MXInteractiveComponent extends MXBaseComponent {
      */
     onBlur: EventEmitter<AXFocusEvent>;
     protected emitOnBlurEvent(e: FocusEvent): void;
+    /**
+   *  Fires each time the user clicks the button.
+   *  @event
+   */
+    onClick: EventEmitter<AXClickEvent>;
+    protected emitOnClickEvent(e: MouseEvent): void;
     constructor();
     focus(): void;
     /**

package/common/lib/types/direction.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A token that specifies the direction of component.
+ */
+export type AXDirection = 'vertical' | 'horizontal';

package/common/lib/types/orientation.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A token that specifies the orientation of component.
+ */
+export type AXOrientation = 'vertical' | 'horizontal';

package/common/lib/types/placement.d.ts

@@ -0,0 +1,30 @@
+export type AXPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'end' | 'end-top' | 'end-bottom' | 'start' | 'start-top' | 'start-bottom';
+export type AXPlacementType = AXConnectedPosition | AXConnectedPosition[] | AXPlacement | AXPlacement[];
+export declare function convertToPlacement(value: AXPlacementType): AXConnectedPosition[];
+export interface AXConnectedPosition {
+    originX: 'start' | 'center' | 'end';
+    originY: 'top' | 'center' | 'bottom';
+    overlayX: 'start' | 'center' | 'end';
+    overlayY: 'top' | 'center' | 'bottom';
+    weight?: number;
+    offsetX?: number;
+    offsetY?: number;
+}
+export declare const AX_PLACEMENT_TOP: AXConnectedPosition;
+export declare const AX_PLACEMENT_TOP_START: AXConnectedPosition;
+export declare const AX_PLACEMENT_TOP_END: AXConnectedPosition;
+export declare const AX_PLACEMENT_BOTTOM: AXConnectedPosition;
+export declare const AX_PLACEMENT_BOTTOM_START: AXConnectedPosition;
+export declare const AX_PLACEMENT_BOTTOM_END: AXConnectedPosition;
+export declare const AX_PLACEMENT_START: AXConnectedPosition;
+export declare const AX_PLACEMENT_START_TOP: AXConnectedPosition;
+export declare const AX_PLACEMENT_START_BOTTOM: AXConnectedPosition;
+export declare const AX_PLACEMENT_END: AXConnectedPosition;
+export declare const AX_PLACEMENT_END_TOP: AXConnectedPosition;
+export declare const AX_PLACEMENT_END_BOTTOM: AXConnectedPosition;
+export declare const AX_PLACEMENT_MAP: {
+    [key: string]: {
+        origin: AXConnectedPosition;
+        alts?: AXConnectedPosition[];
+    };
+};

package/common/lib/types/selection-mode.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A token that specifies the  selection mode of component.
+ */
+export type AXSelectionMode = 'single' | 'multiple' | 'none';

package/data-pager/lib/data-pager.module.d.ts

@@ -9,11 +9,12 @@ import * as i7 from "./data-pager-info.component";
 import * as i8 from "@angular/common";
 import * as i9 from "@angular/forms";
 import * as i10 from "@acorex/components/button";
-import * as i11 from "@acorex/components/number-box";
-import * as i12 from "@acorex/components/dropdown";
-import * as i13 from "@acorex/components/decorators";
+import * as i11 from "@acorex/components/button-group";
+import * as i12 from "@acorex/components/number-box";
+import * as i13 from "@acorex/components/dropdown";
+import * as i14 from "@acorex/components/decorators";
 export declare class AXDataPagerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataPagerModule, [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i10.AXButtonModule, typeof i11.AXNumberBoxModule, typeof i12.AXDropdownModule, typeof i13.AXDecoratorModule], [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataPagerModule, [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i10.AXButtonModule, typeof i11.AXButtonGroupModule, typeof i12.AXNumberBoxModule, typeof i13.AXDropdownModule, typeof i14.AXDecoratorModule], [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDataPagerModule>;
 }

package/data-table/lib/data-column.directive.d.ts

@@ -1,8 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXDataColumnComponent {
-    headerTemplate?: TemplateRef<any>;
-    cellTemplate?: TemplateRef<any>;
+    headerTemplate?: TemplateRef<unknown>;
+    cellTemplate?: TemplateRef<unknown>;
     valueField: string;
     caption: string;
     width: string | number;

package/datetime-box/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/label
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/datetime-box`.

package/datetime-box/index.d.ts

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

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

@@ -0,0 +1,34 @@
+import { EventEmitter } from '@angular/core';
+import { MXInputBaseValueComponent, AXEvent } from '@acorex/components/common';
+import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
+import { AXCalendarNavigateEvent, MXCalendarBaseComponent } from '@acorex/components/calendar';
+import { AXDateTimeInputComponent } from '@acorex/components/datetime-input';
+import { AXDateTimePickerComponent } from '@acorex/components/datetime-picker';
+import * as i0 from "@angular/core";
+declare const AXDateTimeBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, typeof MXCalendarBaseComponent, {
+    new (): MXInputBaseValueComponent<Date>;
+    ɵfac: unknown;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}]>;
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base {
+    protected input: AXDateTimeInputComponent;
+    protected picker: AXDateTimePickerComponent;
+    protected dropdown: AXDropdownBoxComponent;
+    formatChange: EventEmitter<string>;
+    private _format;
+    get format(): string;
+    set format(v: string);
+    protected _handleModelChange(value: Date | null): void;
+    protected _handleOnOpenedEvent(e: AXEvent): void;
+    protected _handleOnClosedEvent(e: AXEvent): void;
+    protected _handleCalendarOnNavigate(e: AXCalendarNavigateEvent): void;
+    internalValueChanged(value?: Date): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDateTimeBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDateTimeBoxComponent, "ax-datetime-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
+}
+export {};