@acorex/components 5.0.10 → 5.0.16

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/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" | "clear" | "success", ...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/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/package.json

@@ -1,20 +1,33 @@
 {
   "name": "@acorex/components",
-  "version": "5.0.10",
+  "version": "5.0.16",
   "peerDependencies": {
-    "@angular/common": "^12.2.6",
-    "@angular/core": "^12.2.6"
+    "@angular/common": "^13.1.1",
+    "@angular/core": "^13.1.1"
   },
   "dependencies": {
     "@splidejs/splide": "^2.4.21",
     "ngx-mask": "^12.0.0",
     "tslib": "^2.3.0"
   },
-  "main": "bundles/acorex-components.umd.js",
-  "module": "fesm2015/acorex-components.js",
-  "es2015": "fesm2015/acorex-components.js",
-  "esm2015": "esm2015/acorex-components.js",
-  "fesm2015": "fesm2015/acorex-components.js",
+  "module": "fesm2015/acorex-components.mjs",
+  "es2020": "fesm2020/acorex-components.mjs",
+  "esm2020": "esm2020/acorex-components.mjs",
+  "fesm2020": "fesm2020/acorex-components.mjs",
+  "fesm2015": "fesm2015/acorex-components.mjs",
   "typings": "acorex-components.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./acorex-components.d.ts",
+      "esm2020": "./esm2020/acorex-components.mjs",
+      "es2020": "./fesm2020/acorex-components.mjs",
+      "es2015": "./fesm2015/acorex-components.mjs",
+      "node": "./fesm2015/acorex-components.mjs",
+      "default": "./fesm2020/acorex-components.mjs"
+    }
+  },
   "sideEffects": false
 }