@acorex/components 7.2.8 → 7.3.2

package/otp/lib/otp.component.d.ts

@@ -1,25 +1,18 @@
-import { ElementRef, EventEmitter } from '@angular/core';
-import { MXInteractiveComponent, MXValueComponent } from '@acorex/components/common';
+import { MXValueComponent } from '@acorex/components/common';
+import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
 import { AXOtpCompletedEvent } from './otp.class';
 import * as i0 from "@angular/core";
-declare const AXOtpComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
-    new (): MXValueComponent<string>;
-    ɵfac: unknown;
-    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
-}, typeof MXInteractiveComponent]>;
-export declare class AXOtpComponent extends AXOtpComponent_base {
-    private elementRef;
+export declare class AXOtpComponent extends MXValueComponent<string> implements OnInit, AfterViewInit {
     length: number;
     inputs: number[];
     onCompleted: EventEmitter<AXOtpCompletedEvent>;
-    _numbers: number[];
-    constructor(elementRef: ElementRef);
+    protected _numbers: number[];
     ngOnInit(): void;
-    protected ngAfterViewInit(): void;
+    ngAfterViewInit(): void;
     onInput(event: any, i: number): void;
     onKeyDown(event: KeyboardEvent, i: number): void;
     onPaste(event: any): void;
+    onClick(event: any, i: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXOtpComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "length": { "alias": "length"; "required": false; }; }, { "onCompleted": "onCompleted"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "onCompleted": "onCompleted"; }, never, never, false, never>;
 }
-export {};

package/package.json

@@ -1,7 +1,15 @@
 {
   "name": "@acorex/components",
-  "version": "7.2.8",
+  "version": "7.3.2",
   "sideEffects": false,
+  "peerDependencies": {
+    "@angular/common": ">=16.1.0",
+    "@angular/core": ">=16.1.0",
+    "@angular/cdk": ">=16.1.0",
+    "imask": ">=7.0.1",
+    "angular-imask": ">=7.0.1",
+    "polytype": ">=0.16.2"
+  },
   "module": "fesm2022/acorex-components.mjs",
   "typings": "index.d.ts",
   "exports": {
@@ -56,11 +64,11 @@
       "esm": "./esm2022/calendar/acorex-components-calendar.mjs",
       "default": "./fesm2022/acorex-components-calendar.mjs"
     },
-    "./checkbox": {
-      "types": "./checkbox/index.d.ts",
-      "esm2022": "./esm2022/checkbox/acorex-components-checkbox.mjs",
-      "esm": "./esm2022/checkbox/acorex-components-checkbox.mjs",
-      "default": "./fesm2022/acorex-components-checkbox.mjs"
+    "./check-box": {
+      "types": "./check-box/index.d.ts",
+      "esm2022": "./esm2022/check-box/acorex-components-check-box.mjs",
+      "esm": "./esm2022/check-box/acorex-components-check-box.mjs",
+      "default": "./fesm2022/acorex-components-check-box.mjs"
     },
     "./chips": {
       "types": "./chips/index.d.ts",
@@ -218,17 +226,23 @@
       "esm": "./esm2022/popup/acorex-components-popup.mjs",
       "default": "./fesm2022/acorex-components-popup.mjs"
     },
+    "./progress-bar": {
+      "types": "./progress-bar/index.d.ts",
+      "esm2022": "./esm2022/progress-bar/acorex-components-progress-bar.mjs",
+      "esm": "./esm2022/progress-bar/acorex-components-progress-bar.mjs",
+      "default": "./fesm2022/acorex-components-progress-bar.mjs"
+    },
     "./radio": {
       "types": "./radio/index.d.ts",
       "esm2022": "./esm2022/radio/acorex-components-radio.mjs",
       "esm": "./esm2022/radio/acorex-components-radio.mjs",
       "default": "./fesm2022/acorex-components-radio.mjs"
     },
-    "./progress-bar": {
-      "types": "./progress-bar/index.d.ts",
-      "esm2022": "./esm2022/progress-bar/acorex-components-progress-bar.mjs",
-      "esm": "./esm2022/progress-bar/acorex-components-progress-bar.mjs",
-      "default": "./fesm2022/acorex-components-progress-bar.mjs"
+    "./range-slider": {
+      "types": "./range-slider/index.d.ts",
+      "esm2022": "./esm2022/range-slider/acorex-components-range-slider.mjs",
+      "esm": "./esm2022/range-slider/acorex-components-range-slider.mjs",
+      "default": "./fesm2022/acorex-components-range-slider.mjs"
     },
     "./result": {
       "types": "./result/index.d.ts",
@@ -236,11 +250,11 @@
       "esm": "./esm2022/result/acorex-components-result.mjs",
       "default": "./fesm2022/acorex-components-result.mjs"
     },
-    "./range-slider": {
-      "types": "./range-slider/index.d.ts",
-      "esm2022": "./esm2022/range-slider/acorex-components-range-slider.mjs",
-      "esm": "./esm2022/range-slider/acorex-components-range-slider.mjs",
-      "default": "./fesm2022/acorex-components-range-slider.mjs"
+    "./scheduler": {
+      "types": "./scheduler/index.d.ts",
+      "esm2022": "./esm2022/scheduler/acorex-components-scheduler.mjs",
+      "esm": "./esm2022/scheduler/acorex-components-scheduler.mjs",
+      "default": "./fesm2022/acorex-components-scheduler.mjs"
     },
     "./search-box": {
       "types": "./search-box/index.d.ts",
@@ -278,17 +292,17 @@
       "esm": "./esm2022/tag/acorex-components-tag.mjs",
       "default": "./fesm2022/acorex-components-tag.mjs"
     },
-    "./textarea": {
-      "types": "./textarea/index.d.ts",
-      "esm2022": "./esm2022/textarea/acorex-components-textarea.mjs",
-      "esm": "./esm2022/textarea/acorex-components-textarea.mjs",
-      "default": "./fesm2022/acorex-components-textarea.mjs"
+    "./text-area": {
+      "types": "./text-area/index.d.ts",
+      "esm2022": "./esm2022/text-area/acorex-components-text-area.mjs",
+      "esm": "./esm2022/text-area/acorex-components-text-area.mjs",
+      "default": "./fesm2022/acorex-components-text-area.mjs"
     },
-    "./textbox": {
-      "types": "./textbox/index.d.ts",
-      "esm2022": "./esm2022/textbox/acorex-components-textbox.mjs",
-      "esm": "./esm2022/textbox/acorex-components-textbox.mjs",
-      "default": "./fesm2022/acorex-components-textbox.mjs"
+    "./text-box": {
+      "types": "./text-box/index.d.ts",
+      "esm2022": "./esm2022/text-box/acorex-components-text-box.mjs",
+      "esm": "./esm2022/text-box/acorex-components-text-box.mjs",
+      "default": "./fesm2022/acorex-components-text-box.mjs"
     },
     "./time-box": {
       "types": "./time-box/index.d.ts",
@@ -317,16 +331,5 @@
   },
   "dependencies": {
     "tslib": "^2.3.0"
-  },
-  "peerDependencies": {
-    "@angular/cdk": "16.1.5",
-    "@angular/core": "16.1.6",
-    "@angular/common": "16.1.6",
-    "@acorex/core": "7.2.8",
-    "polytype": "0.16.2",
-    "@angular/forms": "16.1.6",
-    "@angular/router": "16.1.6",
-    "imask": "7.1.3",
-    "angular-imask": "7.1.3"
   }
-}
+}

package/page/lib/base-page.class.d.ts

@@ -1,15 +1,11 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { AXDecoratorFooterComponent } from '@acorex/components/decorators';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import { AXComponentCloseEvent, AXComponentClosing } from '@acorex/components/common';
+import { EventEmitter } from '@angular/core';
+import { AXComponentCloseEvent, AXComponentClosing, MXBaseComponent } from '@acorex/components/common';
+import { AXDecoratorGenericComponent } from '@acorex/components/decorators';
 import * as i0 from "@angular/core";
-export declare class AXBasePageComponent extends AXBaseComponentMixin {
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    private pageContainer;
-    footer: AXDecoratorFooterComponent;
+export declare class AXBasePageComponent extends MXBaseComponent {
+    private _loadingId;
+    private _loadingService;
+    footer: AXDecoratorGenericComponent;
     isLoadingChange: EventEmitter<boolean>;
     private _isLoading;
     get isLoading(): boolean;
@@ -17,7 +13,7 @@ export declare class AXBasePageComponent extends AXBaseComponentMixin {
     private _isPopup;
     get isPopup(): boolean;
     onClosed: EventEmitter<AXComponentCloseEvent>;
-    close(data?: any): void;
+    close(data?: unknown): void;
     onClosing(e: AXComponentClosing): void | Promise<void>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBasePageComponent, never>;

package/page/lib/page.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { EventEmitter } from '@angular/core';
+import { MXBaseComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare abstract class AXPageComponent extends AXBaseComponentMixin {
+export declare abstract class AXPageComponent extends MXBaseComponent {
     private _loadingService;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _loadingService: any);
+    constructor(_loadingService: any);
     private _loadingId;
     isLoadingChange: EventEmitter<boolean>;
     private _isLoading;

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

@@ -1,25 +1,22 @@
-import { AXBaseTextBoxMixin } from '@acorex/components/mixin';
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { MXInputBaseValueComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
 /**
  * The Textbox is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-export declare class AXPasswordBoxComponent extends AXBaseTextBoxMixin {
+export declare class AXPasswordBoxComponent extends MXInputBaseValueComponent<string> {
     input: ElementRef<HTMLInputElement>;
-    _type: 'password' | 'text';
-    _icon: 'ax-icon-visibility' | 'ax-icon-visibility-off';
+    protected _type: 'password' | 'text';
+    protected _icon: 'ax-icon-visibility' | 'ax-icon-visibility-off';
+    autoComplete: 'current-password' | 'new-password' | 'one-time-code' | 'off';
     /**
      *  A flag for showing or hiding password button.
      */
     showToggleButton: boolean;
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    focus(): void;
+    _handleModelChange(value: string): void;
     toggleType(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "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>;
 }

package/popover/lib/popover.component.d.ts

@@ -2,9 +2,11 @@ import { OverlayRef } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { ElementRef, TemplateRef, EventEmitter } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { AXConnectedPosition, AXEvent, MXBaseComponent, MXInteractiveComponent } from '@acorex/components/common';
+import { AXConnectedPosition, AXEvent, MXBaseComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare class AXPopoverComponent extends MXInteractiveComponent {
+export type AXPopoverOpenTrigger = 'manual' | 'click' | 'mouseover' | 'toggle';
+export type AXPopoverCloseTrigger = 'manual' | 'clickout' | 'mouseout';
+export declare class AXPopoverComponent extends MXBaseComponent {
     private _platform;
     private _overlay;
     private _target;
@@ -16,8 +18,12 @@ export declare class AXPopoverComponent extends MXInteractiveComponent {
     _overlayRef: OverlayRef;
     _templatePortal: TemplatePortal;
     _subs: Subscription[];
-    openTrigger: 'manual' | 'click' | 'mouseover' | 'toggle';
-    closeTrigger: 'manual' | 'clickout' | 'mouseout';
+    private _openOn;
+    get openOn(): AXPopoverOpenTrigger;
+    set openOn(v: AXPopoverOpenTrigger);
+    private _closeOn;
+    get closeOn(): AXPopoverCloseTrigger;
+    set closeOn(v: AXPopoverCloseTrigger);
     hasBackdrop: boolean;
     backdropClass: string;
     adaptivityEnabled: boolean;
@@ -29,6 +35,7 @@ export declare class AXPopoverComponent extends MXInteractiveComponent {
     _emitOnOpenedEvent(): void;
     _emitOnClosedEvent(): void;
     ngAfterViewInit(): void;
+    private _config;
     ngOnDestroy(): void;
     toggle(): void;
     close(): void;
@@ -40,6 +47,7 @@ export declare class AXPopoverComponent extends MXInteractiveComponent {
     get isOpen(): boolean;
     private _addSub;
     updatePosition(): void;
+    focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": { "alias": "target"; "required": false; }; "position": { "alias": "position"; "required": false; }; "openTrigger": { "alias": "openTrigger"; "required": false; }; "closeTrigger": { "alias": "closeTrigger"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": { "alias": "target"; "required": false; }; "position": { "alias": "position"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], false, never>;
 }

package/popup/index.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/popup.component';
 export * from './lib/popup.module';
+export * from './lib/popup.interface';
 export * from './lib/popup.service';

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

@@ -1,45 +1,40 @@
-import { ElementRef, ChangeDetectorRef, ViewContainerRef, EventEmitter, NgZone } from '@angular/core';
-import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
 import { AXPlatform } from '@acorex/core/platform';
-import { AXComponentCloseEvent } from '@acorex/components/common';
+import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
+import { NgZone, ViewContainerRef } from '@angular/core';
+import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
 import { AXLoadingService } from '@acorex/components/loading';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { DialogRef } from '@angular/cdk/dialog';
+import { AXPopupData } from './popup.interface';
 import * as i0 from "@angular/core";
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-export declare class AXPopupComponent extends AXBaseComponentMixin {
+export declare class AXPopupComponent extends MXBaseComponent {
     private _zone;
     private _viewContainerRef;
     private loadingService;
     private _platform;
+    protected data: AXPopupData;
+    private dialogRef;
     isLoading: boolean;
     private _loadingId;
-    title: string;
-    onClosed: EventEmitter<AXComponentCloseEvent>;
-    size: 'sm' | 'md' | 'lg' | 'full';
-    draggable: boolean;
-    data: any;
-    showCloseButton: boolean;
-    showHeader: boolean;
-    content: any;
-    _selectedPortal: Portal<any>;
-    _footerPortal: Portal<any>;
-    _headerPortal: Portal<any>;
+    protected _selectedPortal: Portal<any>;
+    protected _footerPortal: Portal<any>;
+    protected _headerPortal: Portal<any>;
+    private _componentRef;
     /**
      *  @ignore
      */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService, _platform: AXPlatform);
-    onInit(): void;
+    constructor(_zone: NgZone, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService, _platform: AXPlatform, data: AXPopupData, dialogRef: DialogRef<AXComponentCloseEvent>);
+    ngOnInit(): void;
     _handleAttched(ref: CdkPortalOutletAttachedRef): void;
     onKeydownHandler(event: KeyboardEvent): void;
     _handleCloseClick(): void;
     ngOnDestroy(): void;
     focus(): void;
     close(): void;
-    onFullScreen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPopupComponent, "ax-popup", never, {}, {}, never, never, false, never>;
 }

package/popup/lib/popup.interface.d.ts

@@ -0,0 +1,26 @@
+import { ComponentType } from "@angular/cdk/portal";
+import { TemplateRef } from "@angular/core";
+export type AXPopupContentType = TemplateRef<unknown> | ComponentType<unknown>;
+export type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
+export interface AXPopupConfig {
+    title?: string;
+    closeButton?: boolean;
+    header?: boolean;
+    maximizable?: boolean;
+    size?: AXPopupSizeType;
+    data?: unknown;
+    draggable?: boolean;
+    hasBackdrop?: boolean;
+    backdropClass?: string;
+    closeOnBackdropClick?: boolean;
+}
+export interface AXPopupData {
+    title: string;
+    closeButton: boolean;
+    header: boolean;
+    maximizable: boolean;
+    size: AXPopupSizeType;
+    data?: unknown;
+    draggable: boolean;
+    content: AXPopupContentType;
+}

package/popup/lib/popup.module.d.ts

@@ -4,11 +4,11 @@ import * as i2 from "@angular/common";
 import * as i3 from "@acorex/components/common";
 import * as i4 from "@angular/cdk/drag-drop";
 import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "@acorex/components/button";
-import * as i7 from "@angular/cdk/portal";
-import * as i8 from "@acorex/components/decorators";
+import * as i6 from "@angular/cdk/portal";
+import * as i7 from "@acorex/components/decorators";
+import * as i8 from "@angular/cdk/dialog";
 export declare class AXPopupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, [typeof i1.AXPopupComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.DragDropModule, typeof i5.A11yModule, typeof i6.AXButtonModule, typeof i7.PortalModule, typeof i8.AXDecoratorModule], [typeof i1.AXPopupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, [typeof i1.AXPopupComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.DragDropModule, typeof i5.A11yModule, typeof i6.PortalModule, typeof i7.AXDecoratorModule, typeof i8.DialogModule], [typeof i1.AXPopupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPopupModule>;
 }

package/popup/lib/popup.service.d.ts

@@ -1,42 +1,21 @@
-import { TemplateRef } from '@angular/core';
-import { AXOverlayService, AXComponentClosedPromise } from '@acorex/components/common';
+import { AXComponentClosedPromise } from '@acorex/components/common';
+import { AXPopupContentType, AXPopupConfig } from './popup.interface';
 import * as i0 from "@angular/core";
-export type AXPopupContentType = string | TemplateRef<any> | Function;
-export type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
-export interface AXPopupOption {
-    title?: string;
-    showCloseButton?: boolean;
-    showHeader?: boolean;
-    maximizable?: boolean;
-    size?: AXPopupSizeType;
-    data?: any;
-    draggable?: boolean;
-    transparentBackdrop?: boolean;
-    closeOnClickOutside?: boolean;
-}
 /**
  * This is a service which you can create popup with it
  *
  * @category Components
  */
 export declare class AXPopupService {
-    private overlayService;
-    private stack;
-    protected options: AXPopupOption;
-    /**
-     *  @ignore
-     */
-    constructor(overlayService: AXOverlayService);
+    private dialog;
     /**
      *  Open popup 1
      */
     open(content: AXPopupContentType, title: string): AXComponentClosedPromise;
     /**
      *  Open popup 2
-     *  @ignore
      */
-    open(content: AXPopupContentType, options?: AXPopupOption): AXComponentClosedPromise;
-    private closePopup;
+    open(content: AXPopupContentType, config?: AXPopupConfig): AXComponentClosedPromise;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupService>;
 }

package/progress-bar/lib/progress-bar.component.d.ts

@@ -1,18 +1,13 @@
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { MXColorComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-export declare class AXProgressBarComponent extends AXBaseComponentMixin {
+export declare class AXProgressBarComponent extends MXColorComponent {
     value: number;
-    /**
-     *  @ignore
-     */
-    constructor();
-    ngOnInit(): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXProgressBarComponent, "ax-progress-bar", never, { "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["ax-prefix", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXProgressBarComponent, "ax-progress-bar", never, { "color": { "alias": "color"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["ax-prefix", "ax-suffix"], false, never>;
 }

package/scheduler/README.md

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

package/scheduler/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/scheduler-month-view.component';
+export * from './lib/scheduler.component';
+export * from './lib/scheduler.module';

package/scheduler/lib/scheduler-month-view.component.d.ts

@@ -0,0 +1,20 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXDateTime } from '@acorex/core/dateTime';
+import * as i0 from "@angular/core";
+export declare class AXSchedulerMonthViewComponent extends MXBaseComponent {
+    protected _slots: {
+        date: AXDateTime;
+        cssClass: {
+            [key: string]: boolean;
+        };
+        isToday: boolean;
+    }[];
+    protected _dayNames: string[];
+    private _date;
+    get date(): AXDateTime;
+    set date(v: AXDateTime);
+    ngOnInit(): void;
+    generateSlots(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerMonthViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerMonthViewComponent, "ax-scheduler-month-view", never, { "date": { "alias": "date"; "required": false; }; }, {}, never, never, false, never>;
+}

package/scheduler/lib/scheduler.component.d.ts

@@ -0,0 +1,11 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXDateTime } from '@acorex/core/dateTime';
+import * as i0 from "@angular/core";
+export declare class AXSchedulerComponent extends MXBaseComponent {
+    protected current: AXDateTime;
+    handleOnItemClick(): void;
+    _handleNextClick(): void;
+    _handlePrevClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerComponent, "ax-scheduler", never, {}, {}, never, never, false, never>;
+}

package/scheduler/lib/scheduler.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./scheduler.component";
+import * as i2 from "./scheduler-month-view.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@acorex/components/button";
+import * as i5 from "@acorex/components/decorators";
+import * as i6 from "@acorex/components/dropdown";
+import * as i7 from "@acorex/core/dateTime";
+export declare class AXSchedulerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSchedulerModule, [typeof i1.AXSchedulerComponent, typeof i2.AXSchedulerMonthViewComponent], [typeof i3.CommonModule, typeof i4.AXButtonModule, typeof i5.AXDecoratorModule, typeof i6.AXDropdownModule, typeof i7.AXDateTimeModule], [typeof i1.AXSchedulerComponent, typeof i2.AXSchedulerMonthViewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSchedulerModule>;
+}

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

@@ -1,20 +1,12 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXSearchableComponent, AXValueChangedEvent } from '@acorex/components/common';
-import { AXTextBoxComponent } from '@acorex/components/textbox';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { AXSearchableComponent, MXInputBaseValueComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare class AXSearchBoxComponent extends AXBaseComponentMixin {
+export declare class AXSearchBoxComponent extends MXInputBaseValueComponent<string> {
     private _parent;
-    _textbox: AXTextBoxComponent;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXSearchableComponent);
-    placeholder: string;
-    debounceTime: number;
-    searchExp: string;
-    private subject;
+    constructor(_parent: AXSearchableComponent);
     ngOnInit(): void;
-    _onSearchExprChanged(e: AXValueChangedEvent<string>): void;
-    focus(): void;
-    clear(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "searchExp": { "alias": "searchExp"; "required": false; }; }, {}, never, never, false, never>;
+    delayTime: number;
+    _handleModelChange(value: string): void;
+    protected _handleClearClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
 }

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

@@ -1,12 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./search-box.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@acorex/core/translation";
-import * as i4 from "@acorex/components/decorators";
-import * as i5 from "@acorex/components/textbox";
-import * as i6 from "@acorex/components/button";
+import * as i3 from "@angular/forms";
+import * as i4 from "@acorex/core/translation";
+import * as i5 from "@acorex/components/decorators";
+import * as i6 from "@acorex/components/text-box";
+import * as i7 from "@acorex/components/button";
+import * as i8 from "@acorex/components/common";
 export declare class AXSearchBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSearchBoxModule, [typeof i1.AXSearchBoxComponent], [typeof i2.CommonModule, typeof i3.AXTranslationModule, typeof i4.AXDecoratorModule, typeof i5.AXTextBoxModule, typeof i6.AXButtonModule], [typeof i1.AXSearchBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSearchBoxModule, [typeof i1.AXSearchBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXTranslationModule, typeof i5.AXDecoratorModule, typeof i6.AXTextBoxModule, typeof i7.AXButtonModule, typeof i8.AXNgModelDelayedValueChangedDirective], [typeof i1.AXSearchBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSearchBoxModule>;
 }

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

@@ -3,14 +3,14 @@ import * as i1 from "./select-box.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@acorex/components/common";
 import * as i4 from "@angular/forms";
-import * as i5 from "@acorex/components/checkbox";
+import * as i5 from "@acorex/components/check-box";
 import * as i6 from "@acorex/components/badge";
 import * as i7 from "@acorex/components/decorators";
 import * as i8 from "@acorex/core/translation";
 import * as i9 from "@acorex/components/popover";
 import * as i10 from "@acorex/components/loading";
 import * as i11 from "@angular/cdk/a11y";
-import * as i12 from "@acorex/components/textbox";
+import * as i12 from "@acorex/components/text-box";
 export declare class AXSelectBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.FormsModule, typeof i5.AXCheckBoxModule, typeof i6.AXBadgeModule, typeof i7.AXDecoratorModule, typeof i8.AXTranslationModule, typeof i9.AXPopoverModule, typeof i10.AXLoadingModule, typeof i11.A11yModule, typeof i12.AXTextBoxModule], [typeof i1.AXSelectBoxComponent]>;

package/selection-list/lib/selection-list.module.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "./selection-list.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
-import * as i4 from "@acorex/components/checkbox";
+import * as i4 from "@acorex/components/check-box";
 import * as i5 from "@acorex/components/radio";
 import * as i6 from "@acorex/components/label";
 import * as i7 from "@acorex/components/form";