@acorex/components 7.0.33 → 7.0.35

package/alert/src/alert.component.d.ts

@@ -11,14 +11,14 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
     /**
      * Regular description
      *
      * @category Components
      */
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/badge/src/badge.component.d.ts

@@ -9,9 +9,9 @@ export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/breadcrumbs/src/breadcrumbs-item.component.d.ts

@@ -3,9 +3,9 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBreadCrumbsComponent } from './breadcrumbs.component';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) => {
-    "__#35200@#disabled": boolean;
+    "__#35216@#disabled": boolean;
     disabled: boolean;
-    "__#35200@#tabIndex": number;
+    "__#35216@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -14,9 +14,9 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -39,9 +39,11 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>; /**
+     *  @ignore
+     */
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -64,6 +66,7 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
 export declare class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {
     _parent: AXBreadCrumbsComponent;
     text: string;
+    href: string;
     active: boolean;
     /**
      *  @ignore
@@ -72,5 +75,5 @@ export declare class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixi
     private __hostClick;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsItemComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "text": "text"; "active": "active"; }, {}, never, ["ax-prefix, ax-loading, ax-icon", "ax-suffix, ax-loading, ax-icon"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "text": "text"; "href": "href"; "active": "active"; }, {}, never, ["ax-prefix, ax-loading, ax-icon", "ax-suffix, ax-loading, ax-icon"], false, never>;
 }

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

@@ -4,9 +4,9 @@ import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChange
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
-    "__#35200@#disabled": boolean;
+    "__#35216@#disabled": boolean;
     disabled: boolean;
-    "__#35200@#tabIndex": number;
+    "__#35216@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -15,9 +15,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -44,9 +44,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

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

@@ -3,9 +3,9 @@ import { AXStyleColorType } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#35200@#disabled": boolean;
+    "__#35216@#disabled": boolean;
     disabled: boolean;
-    "__#35200@#tabIndex": number;
+    "__#35216@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -14,9 +14,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -39,9 +39,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/chips/src/chips.component.d.ts

@@ -2,9 +2,9 @@ import { AXStyleColorType } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseChipsMixin: (abstract new (...args: any[]) => {
-    "__#35200@#disabled": boolean;
+    "__#35216@#disabled": boolean;
     disabled: boolean;
-    "__#35200@#tabIndex": number;
+    "__#35216@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -13,9 +13,9 @@ export declare const AXBaseChipsMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#35213@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -38,9 +38,9 @@ export declare const AXBaseChipsMixin: (abstract new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#35213@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/color-palette/src/color-palette-input.component.d.ts

@@ -2,16 +2,21 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXValueChangedEvent } from '@acorex/components/common';
 import { AXColorComponent } from './color-palette.class';
 import { AXBaseComponent } from '@acorex/components/mixin';
+import { AXMaskOptions } from '@acorex/components/textbox';
 import * as i0 from "@angular/core";
 export declare class AXColorPaletteInputComponent extends AXBaseComponent {
     _parent: AXColorComponent;
     _isTouched: boolean;
+    isValid: boolean;
     _rgba: any;
     _hex: string;
+    protected _colorMode: "hex" | "rgba";
+    protected _hexMaskOptions: AXMaskOptions;
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXColorComponent);
     _handleChangeInputMode(): void;
     _handleRGBAValueChanged(e: AXValueChangedEvent<number>): void;
     _handleHEXAValueChanged(e: AXValueChangedEvent<string>): void;
+    private checkValid;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteInputComponent, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteInputComponent, "ax-color-palette-input", never, {}, {}, never, never, false, never>;
 }

package/color-palette/src/color-palette-picker.component.d.ts

@@ -12,12 +12,21 @@ export declare class AXColorPalettePickerComponent extends AXBaseComponent {
         b: number;
         a: number;
     };
-    _gradient: number;
-    _bgColor: string;
+    protected _gradient: number;
+    protected _bgColor: string;
     private _gradientColors;
+    protected dragPosition: {
+        x: number;
+        y: number;
+    };
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXColorComponent);
-    _handleAlphaChanged(e: AXValueChangedEvent<number>): void;
-    _handleGradientChanged(e: AXValueChangedEvent<number>): void;
+    private setHSV;
+    protected _handleAlphaChanged(e: AXValueChangedEvent<number>): void;
+    protected _handleGradientChanged(e: AXValueChangedEvent<number>): void;
+    protected _handleSurfaceClick(e: MouseEvent): void;
+    protected _handleDrag(): void;
+    private setColorByXY;
+    private setPointerByPercent;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePickerComponent, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePickerComponent, "ax-color-palette-picker", never, {}, {}, never, never, false, never>;
 }

package/color-palette/src/color-palette-swatches.component.d.ts

@@ -9,6 +9,7 @@ export declare class AXColorPaletteSwatchesComponent extends AXBaseComponent {
         code: string;
     }[];
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXColorComponent);
+    onInit(): void;
     _handleClick(e: MouseEvent, color: any): void;
     private _format;
     private _defaultPalette;

package/color-palette/src/color-palette.class.d.ts

@@ -1,17 +1,16 @@
-import { AXColorMode } from "@acorex/core/utils";
 import { Subject } from "rxjs";
 import * as i0 from "@angular/core";
 /**
 * A token that specifies the  display mode of datapager component.
 */
 export declare type AXColorPaletteView = 'swatches' | 'gradient' | 'custom';
+export interface AXColorChangedEvent {
+    color: any;
+    sender: any;
+}
 export declare abstract class AXColorComponent {
-    abstract _onInternalColorChanged$: Subject<{
-        color: any;
-        mode: AXColorMode;
-    }>;
+    abstract _onInternalColorChanged$: Subject<AXColorChangedEvent>;
     abstract _setUserInteraction(): any;
-    abstract colorMode: AXColorMode;
     abstract readonly: boolean;
     abstract disabled: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorComponent, never>;

package/color-palette/src/color-palette.component.d.ts

@@ -1,24 +1,16 @@
 import { AXBaseValueComponentMixin } from '@acorex/components/mixin';
-import { AXColorMode } from '@acorex/core/utils';
-import { ChangeDetectorRef, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, QueryList } from '@angular/core';
 import { Subject } from 'rxjs';
 import { AXColorPaletteChildComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 export declare class AXColorPalleteComponent extends AXBaseValueComponentMixin {
     _onInternalColorChanged$: Subject<any>;
     _children: QueryList<AXColorPaletteChildComponent>;
-    colorModeChange: EventEmitter<AXColorMode>;
-    private _colorMode;
-    /**
-     *  A character value that specifies the separator character.
-     */
-    get colorMode(): AXColorMode;
-    set colorMode(v: AXColorMode);
-    _onValueChanged(oldValue: any, newValue: any): void;
+    _onValueChanged(oldValue: string, newValue: string): void;
     ngAfterContentInit(): void;
     onViewInit(): void;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private get __hostDisabled();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "colorMode": "colorMode"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "colorModeChange": "colorModeChange"; }, ["_children"], ["ax-header", "ax-color-palette-preview", "ax-color-palette-picker", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "state": "state"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; }, ["_children"], ["ax-header", "ax-color-palette-preview", "ax-color-palette-picker", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"], false, never>;
 }

package/color-palette/src/color-palette.module.d.ts

@@ -11,8 +11,9 @@ import * as i9 from "@acorex/components/button";
 import * as i10 from "@acorex/components/decorators";
 import * as i11 from "@acorex/components/number-box";
 import * as i12 from "@acorex/components/range-slider";
+import * as i13 from "@angular/cdk/drag-drop";
 export declare class AXColorPaletteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPaletteModule, [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent], [typeof i6.CommonModule, typeof i7.AXTextBoxModule, typeof i8.AXLabelModule, typeof i9.AXButtonModule, typeof i10.AXDecoratorModule, typeof i11.AXNumberBoxModule, typeof i12.AXRangeSliderModule], [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPaletteModule, [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent], [typeof i6.CommonModule, typeof i7.AXTextBoxModule, typeof i8.AXLabelModule, typeof i9.AXButtonModule, typeof i10.AXDecoratorModule, typeof i11.AXNumberBoxModule, typeof i12.AXRangeSliderModule, typeof i13.DragDropModule], [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXColorPaletteModule>;
 }

package/color-picker/src/color-picker.component.d.ts

@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
-    "__#35200@#disabled": boolean;
+    "__#35216@#disabled": boolean;
     disabled: boolean;
-    "__#35200@#tabIndex": number;
+    "__#35216@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -17,9 +17,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -53,9 +53,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -75,18 +75,19 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
 }) & (new (...args: any[]) => {
     onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
     valueChange: import("@angular/core").EventEmitter<any>;
-    "__#35201@#readonly": boolean;
+    stateChange: import("@angular/core").EventEmitter<import("@acorex/components/mixin").AXComponentState>;
+    "__#35217@#readonly": boolean;
     readonly: boolean;
-    "__#35201@#allowNull": boolean;
+    "__#35217@#allowNull": boolean;
     allowNull: boolean;
-    "__#35201@#name": string;
+    "__#35217@#name": string;
     name: string;
-    "__#35201@#isUserInteraction": boolean;
+    "__#35217@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#35201@#value": any;
+    "__#35217@#value": any;
     value: any;
-    "__#35201@#state": "error" | "clear" | "success";
-    readonly state: "error" | "clear" | "success";
+    "__#35217@#state": import("@acorex/components/mixin").AXComponentState;
+    state: import("@acorex/components/mixin").AXComponentState;
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
     _internalGetValue(): any;
@@ -98,18 +99,19 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _onInternalDestroy(): void;
     clear(): void;
     validate(): Promise<any>;
-    _setState(state: "error" | "clear" | "success", ...args: any[]): void;
+    _setState(state: import("@acorex/components/mixin").AXComponentState, ...args: any[]): void;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    _getHostElement<T_3 = HTMLElement>(): T_3; /**
+    _getHostElement<T_3 = HTMLElement>(): T_3;
+    /**
      *  @ignore
      */
     _getInnerElement<T_1_2 = HTMLElement>(): T_1_2;
@@ -133,9 +135,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _emitOnKeyupEvent(e: KeyboardEvent): void;
     _emitOnKeypressEvent(e: KeyboardEvent): void;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -186,5 +188,5 @@ export declare class AXColorPickerComponent extends AXBaseColorPickerMixin {
     _handlePopupOnClosed(e: any): void;
     _handleKeydown(e: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "readonly": "readonly"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false, never>;
 }

package/common/public-api.d.ts

@@ -2,6 +2,7 @@ export * from './src/classes/components.class';
 export * from './src/classes/drawing.class';
 export * from './src/classes/events.class';
 export * from './src/classes/styles.class';
+export * from './src/constant/positions';
 export * from './src/directives/auto-focus.directive';
 export * from './src/directives/debounce-time.directive';
 export * from './src/directives/hotkey.directive';

package/common/src/constant/positions.d.ts

@@ -0,0 +1,75 @@
+export declare type AXPosition = 'top-start' | 'top-center' | 'top-end' | 'start-start' | 'start-center' | 'start-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'end-start' | 'end-center' | 'end-end';
+export declare const AXPositions: {
+    topStart: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    topCenter: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    topEnd: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    startStart: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    startCenter: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    startEnd: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    bottomStart: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    bottomCenter: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    bottomEnd: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    endStart: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    endCenter: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+    endEnd: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    };
+};

package/date-picker/src/datepicker.component.d.ts

@@ -5,9 +5,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXComponentOptionChanged } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
-    "__#35200@#disabled": boolean;
+    "__#35216@#disabled": boolean;
     disabled: boolean;
-    "__#35200@#tabIndex": number;
+    "__#35216@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -16,9 +16,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -52,9 +52,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -74,18 +74,19 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
 }) & (new (...args: any[]) => {
     onValueChanged: EventEmitter<import("@acorex/components/common").AXValueChangedEvent<any>>;
     valueChange: EventEmitter<any>;
-    "__#35201@#readonly": boolean;
+    stateChange: EventEmitter<import("@acorex/components/mixin").AXComponentState>;
+    "__#35217@#readonly": boolean;
     readonly: boolean;
-    "__#35201@#allowNull": boolean;
+    "__#35217@#allowNull": boolean;
     allowNull: boolean;
-    "__#35201@#name": string;
+    "__#35217@#name": string;
     name: string;
-    "__#35201@#isUserInteraction": boolean;
+    "__#35217@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#35201@#value": any;
+    "__#35217@#value": any;
     value: any;
-    "__#35201@#state": "error" | "clear" | "success";
-    readonly state: "error" | "clear" | "success";
+    "__#35217@#state": import("@acorex/components/mixin").AXComponentState;
+    state: import("@acorex/components/mixin").AXComponentState;
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
     _internalGetValue(): any;
@@ -97,11 +98,11 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     _onInternalDestroy(): void;
     clear(): void;
     validate(): Promise<any>;
-    _setState(state: "error" | "clear" | "success", ...args: any[]): void;
+    _setState(state: import("@acorex/components/mixin").AXComponentState, ...args: any[]): void;
     id: string;
-    "__#35197@#rtl": boolean;
+    "__#35213@#rtl": boolean;
     rtl: boolean;
-    "__#35197@#elementRef": ElementRef<any>;
+    "__#35213@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;