@acorex/components 5.2.1 → 5.2.53

package/lib/menu/menu.component.d.ts

@@ -1,39 +1,35 @@
-import { ElementRef, ChangeDetectorRef, OnInit, TemplateRef } from '@angular/core';
-import { AXBaseMenuMixin } from '../base';
+import { EventEmitter, ElementRef, ChangeDetectorRef, TemplateRef } from '@angular/core';
+import { AXPlacement, AXMenuItem } from '@acorex/core';
+import { AXBaseSizableComponent, AXElementSize } from '../base/element.class';
+import { AXEvent } from '../base/events.class';
 import * as i0 from "@angular/core";
-export interface AXMenuItems {
-    id?: string;
-    name?: string;
-    text?: string;
-    tooltip?: string;
-    parentId?: string;
-    icon?: string;
-    visible?: boolean;
-    disable?: boolean;
-    selected?: boolean;
-    data?: any;
-    style?: string;
-    children?: AXMenuItems[];
-    isOpen?: boolean;
-    isActive?: boolean;
-    onClick?: (e?: any) => void;
+export declare class AXMenuItemClickEvent extends AXEvent<AXMenuItem, MouseEvent> {
+    name: string;
 }
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
-    private elementRef;
+export declare class AXMenuComponent implements AXBaseSizableComponent {
+    private ref;
     private cdr;
-    private _contentEmptyTemplate;
-    get emptyTemplate(): TemplateRef<any>;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onInit(): void;
-    ngAfterViewInit(): void;
-    onMenuClick(e: MouseEvent, item: any): void;
-    notActive(items: any[]): void;
-    closeChild(items: any[]): void;
+    constructor(ref: ElementRef, cdr: ChangeDetectorRef);
+    _contentMenuTemplate: TemplateRef<any>;
+    private _menuTemplate;
+    get menuTemplate(): TemplateRef<any>;
+    set menuTemplate(v: TemplateRef<any>);
+    resizeChangeObserver: any;
+    rtl: boolean;
+    onItemClick: EventEmitter<AXMenuItemClickEvent>;
+    size: AXElementSize;
+    selection: 'none' | 'single' | 'multiple';
+    mode: 'click' | 'context' | 'visible' | 'manual';
+    target: string;
+    floatAlignment: AXPlacement;
+    floatPlacemnet: AXPlacement;
+    currentTarget: HTMLElement;
+    direction: 'vertical' | 'horizontal';
+    private _items;
+    get items(): AXMenuItem[];
+    set items(v: AXMenuItem[]);
+    ngOnInit(): void;
+    handleItemClick(e: MouseEvent, item?: AXMenuItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "textField": "textField"; "valueField": "valueField"; "items": "items"; "id": "id"; "parentId": "parentId"; "icon": "icon"; "tooltip": "tooltip"; "isOpen": "isOpen"; "isActive": "isActive"; "visible": "visible"; "disableField": "disableField"; "hasChildField": "hasChildField"; "openMode": "openMode"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["_contentEmptyTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "menuTemplate": "menuTemplate"; "rtl": "rtl"; "size": "size"; "selection": "selection"; "mode": "mode"; "target": "target"; "floatAlignment": "floatAlignment"; "floatPlacemnet": "floatPlacemnet"; "direction": "direction"; "items": "items"; }, { "onItemClick": "onItemClick"; }, ["_contentMenuTemplate"], never>;
 }

package/lib/menu/menu.module.d.ts

@@ -1,12 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./menu.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../icon/icon.module";
-import * as i4 from "../loading/loading.module";
-import * as i5 from "@acorex/core";
-import * as i6 from "../popover/popover.module";
+import * as i2 from "./menu2.component";
+import * as i3 from "./menu-item.component";
+import * as i4 from "@angular/common";
+import * as i5 from "../tooltip/tooltip.module";
 export declare class AXMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuComponent], [typeof i2.CommonModule, typeof i3.AXIconModule, typeof i4.AXLoadingModule, typeof i5.AXTranslationModule, typeof i6.AXPopoverModule], [typeof i1.AXMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuComponent, typeof i2.AXMenu2Component, typeof i3.AXMenuItemComponent], [typeof i4.CommonModule, typeof i5.AXTooltipModule], [typeof i1.AXMenuComponent, typeof i2.AXMenu2Component, typeof i3.AXMenuItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXMenuModule>;
 }

package/lib/menu/menu2.component.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef, EventEmitter, OnDestroy, ViewContainerRef } from '@angular/core';
+import { SubItemsEvent } from './menu-item.component';
+import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { AXMenuItem } from '@acorex/core';
+import * as i0 from "@angular/core";
+export declare class AXMenu2Component implements OnDestroy {
+    private overlay;
+    private viewContainerRef;
+    private elementRef;
+    subItemsOverlays: OverlayRef[];
+    level: number;
+    items: AXMenuItem[];
+    selected: EventEmitter<AXMenuItem>;
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, elementRef: ElementRef);
+    showSubmenu(event: SubItemsEvent): void;
+    onDocumentClick(target: any): void;
+    hideOverlays(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMenu2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenu2Component, "ax-menu2", never, { "items": "items"; }, { "selected": "selected"; }, never, never>;
+}

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

@@ -1,75 +1,52 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import IMask from 'imask';
-import { AXBaseTextBoxMixin, AXClickEvent, AXComponentOptionChanged } from '../base';
+import { ElementRef, ChangeDetectorRef, OnInit } from '@angular/core';
+import { Subject } from 'rxjs';
+import { AXBaseTextComponent } from '../base/element.class';
 import * as i0 from "@angular/core";
-/**
- * The NumberBox is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
-    private cdr;
-    private _thousandsSeparator;
-    /**
-    *  A character value that specifies the separator character.
-    */
-    get thousandsSeparator(): string;
-    set thousandsSeparator(v: string);
-    private _padDecimalZeros;
-    /**
-    *  A character value that specifies the separator character.
-    */
-    get padDecimalZeros(): boolean;
-    set padDecimalZeros(v: boolean);
-    /**
-   *  Specifies the value that is used to increment or decrement the **Integer** part of number
-   */
-    step: number;
-    private _decimals;
-    /**
-    *  Specifies the number of decimals that the user can enter
-    */
-    get decimals(): number;
-    set decimals(v: number);
-    /**
-    *  Specifies the value that is used to increment or decrement the **Deciaml** part of number
-    */
-    decimalStep: number | 'auto';
-    /**
-    *  Specifies whether the Up and Down spin buttons will be rendered or not
-    */
-    showSpinButtons: boolean;
-    private _minValue;
-    /**
-    *  Specifies the smallest value that is valid
-    */
-    get minValue(): number;
-    set minValue(v: number);
-    private _maxValue;
-    /**
-    *  Specifies the greatest value that is valid
-    */
-    get maxValue(): number;
-    set maxValue(v: number);
-    /**
-    *  @ignore
-    */
-    _maskObj: IMask.MaskedNumber;
-    private _maskDirective;
-    /**
-    *  @ignore
-    */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onViewInit(): void;
-    _onOptionChanged(option: AXComponentOptionChanged): void;
-    private _updateMask;
-    _handleOnKeydownEvent(e: KeyboardEvent): void;
-    _handleUpDownClick(e: AXClickEvent, v: -1 | 1): void;
-    _onValueChanging(value: any): number;
-    stepUp(): void;
-    stepDown(): void;
-    decimalStepUp(): void;
-    decimalStepDown(): void;
+export declare class AXNumberBoxComponent extends AXBaseTextComponent implements OnInit {
+    protected cdr: ChangeDetectorRef;
+    min: number;
+    max: number;
+    showSeparator: boolean;
+    showCurrency: boolean;
+    showCounter: boolean;
+    scrollWeel: boolean;
+    showDoubleCounter: boolean;
+    maxLength: number;
+    userQuestionUpdate: Subject<string>;
+    userEdite: boolean;
+    tmp: any;
+    count: number;
+    findDots: boolean;
+    findMinus: boolean;
+    cursorPosition: number;
+    dotPosition: number;
+    textValue: string;
+    decimalConstant: number;
+    lastStep: number;
+    intStep: number;
+    decimalNumber: number;
+    customStep: number;
+    private _values;
+    get value(): string;
+    set value(v: string);
+    constructor(cdr: ChangeDetectorRef, ref: ElementRef);
+    calcSeparator(num: number): number;
+    addCommas2(x: any): any;
+    addCommas(nStr: any): string;
+    ngOnInit(): void;
+    handleWheel(event: any): void;
+    handleKeyPress(event: any): void;
+    handleKeyUp(event: KeyboardEvent): void;
+    handleKeyDown(event: KeyboardEvent): boolean;
+    handleClick(): void;
+    delaySearch(): void;
+    checkMinMax(text: any): void;
+    doGetCaretPosition(ctrl: any): number;
+    setCaretPosition(ctrl: any, pos: any): void;
+    setCaret(): void;
+    upStepHandel(): void;
+    downStepHandel(): void;
+    handleInputBlur(e: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "name": "name"; "checked": "checked"; "thousandsSeparator": "thousandsSeparator"; "padDecimalZeros": "padDecimalZeros"; "step": "step"; "decimals": "decimals"; "decimalStep": "decimalStep"; "showSpinButtons": "showSpinButtons"; "minValue": "minValue"; "maxValue": "maxValue"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "min": "min"; "max": "max"; "showSeparator": "showSeparator"; "showCurrency": "showCurrency"; "showCounter": "showCounter"; "scrollWeel": "scrollWeel"; "showDoubleCounter": "showDoubleCounter"; "maxLength": "maxLength"; "intStep": "intStep"; "decimalNumber": "decimalNumber"; "customStep": "customStep"; }, {}, never, ["[start]", "[end]"]>;
 }

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

@@ -1,13 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./number-box.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../button/button.module";
-import * as i5 from "../decorators/decorators.module";
-import * as i6 from "../icon/icon.module";
-import * as i7 from "angular-imask";
+import * as i3 from "../button/button.module";
+import * as i4 from "@angular/forms";
 export declare class AXNumberBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxModule, [typeof i1.AXNumberBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.AXEditorDecoratorModule, typeof i6.AXIconModule, typeof i7.IMaskModule], [typeof i1.AXNumberBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxModule, [typeof i1.AXNumberBoxComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.FormsModule], [typeof i1.AXNumberBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXNumberBoxModule>;
 }

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

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPageContentComponent {
+    private el;
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPageContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPageContentComponent, "ax-page-content", never, {}, {}, never, ["*"]>;
+}

package/lib/page/{page-footer.component.d.ts → footer.component.d.ts}

@@ -1,7 +1,5 @@
-import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXPageFooterComponent {
-    template: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPageFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPageFooterComponent, "ax-page-footer", never, {}, {}, never, ["ax-prefix", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPageFooterComponent, "ax-page-footer", never, {}, {}, never, ["*"]>;
 }

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

@@ -1,14 +1,16 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
-import { AXBaseComponentMixin } from "../base";
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXLoadingService } from '../loading/loading.service';
 import * as i0 from "@angular/core";
-export declare abstract class AXPageComponent extends AXBaseComponentMixin {
-    private _loadingService;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _loadingService: any);
+export declare class AXPageComponent {
+    private el;
+    private loadingService;
+    private cdr;
+    constructor(el: ElementRef<HTMLElement>, loadingService: AXLoadingService, cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
     private _loadingId;
-    isLoadingChange: EventEmitter<boolean>;
     private _isLoading;
     get isLoading(): boolean;
     set isLoading(v: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPageComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXPageComponent>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPageComponent, "ax-page", never, {}, {}, never, ["ax-toolbar", "ax-page-content", "ax-page-footer"]>;
 }

package/lib/page/page.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./page-footer.component";
-import * as i2 from "./page-header.component";
+import * as i1 from "./content.component";
+import * as i2 from "./footer.component";
+import * as i3 from "./page.component";
+import * as i4 from "@angular/common";
+import * as i5 from "../loading/loading.module";
 export declare class AXPageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPageModule, [typeof i1.AXPageFooterComponent, typeof i2.AXPageHeaderComponent], never, [typeof i1.AXPageFooterComponent, typeof i2.AXPageHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPageModule, [typeof i1.AXPageContentComponent, typeof i2.AXPageFooterComponent, typeof i3.AXPageComponent], [typeof i4.CommonModule, typeof i5.AXLoadingModule], [typeof i1.AXPageContentComponent, typeof i2.AXPageFooterComponent, typeof i3.AXPageComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPageModule>;
 }

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

@@ -0,0 +1,19 @@
+import { EventEmitter, TemplateRef } from "@angular/core";
+import { AXBaseSizableComponent, AXElementSize } from "../base/element.class";
+import * as i0 from "@angular/core";
+export declare class AXPanelBoxComponent implements AXBaseSizableComponent {
+    headerTemplate: TemplateRef<any>;
+    size: AXElementSize;
+    type: string;
+    private _caption;
+    get caption(): string;
+    set caption(val: string);
+    collapsedChange: EventEmitter<boolean>;
+    private _collapsed;
+    get collapsed(): boolean;
+    set collapsed(val: boolean);
+    allowCollapse: boolean;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPanelBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPanelBoxComponent, "ax-panel-box", never, { "size": "size"; "type": "type"; "caption": "caption"; "collapsed": "collapsed"; "allowCollapse": "allowCollapse"; }, { "collapsedChange": "collapsedChange"; }, ["headerTemplate"], ["*"]>;
+}

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

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

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

@@ -1,23 +1,12 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { AXBaseTextBoxMixin } from '../base/mixin/mixin.class';
+import { AXBaseTextComponent } from '../base/element.class';
 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 {
-    _type: 'password' | 'text';
-    _icon: 'ax-ic-eye' | 'ax-ic-eye-off';
-    /**
-        *  A flag for showing or hiding password button.
-        */
-    showToggleButton: boolean;
-    /**
-    *  @ignore
-    */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    toggleType(): void;
+export declare class AXPasswordBoxComponent extends AXBaseTextComponent {
+    protected cdr: ChangeDetectorRef;
+    constructor(cdr: ChangeDetectorRef, ref: ElementRef);
+    type: 'text' | 'password';
+    eyeIcon: string;
+    handleShowPassword(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "cssClass": "cssClass"; "size": "size"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "value": "value"; "name": "name"; "checked": "checked"; "showToggleButton": "showToggleButton"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, {}, {}, never, ["[start]", "[end]"]>;
 }

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

@@ -1,12 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./password-box.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../button/button.module";
-import * as i5 from "../decorators/decorators.module";
-import * as i6 from "../icon/icon.module";
+import * as i3 from "../button/button.module";
+import * as i4 from "../form-group/form-group.module";
 export declare class AXPasswordBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPasswordBoxModule, [typeof i1.AXPasswordBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.AXEditorDecoratorModule, typeof i6.AXIconModule], [typeof i1.AXPasswordBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPasswordBoxModule, [typeof i1.AXPasswordBoxComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.AXFormGroupModule], [typeof i1.AXPasswordBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPasswordBoxModule>;
 }

package/lib/{base → popover}/overlay.service.d.ts

@@ -1,12 +1,11 @@
 import { ApplicationRef } from '@angular/core';
 import { Overlay } from '@angular/cdk/overlay';
-import { AXConnectedPosition } from '.';
+import { AXConnectedPosition } from '@acorex/core';
 import { DynamicOverlay } from './custom-cdk-overlay.service';
 import * as i0 from "@angular/core";
 export interface AXOverlayViewRef {
     instance: any;
     dispose: () => void;
-    isOpen: () => boolean;
 }
 export interface AXOverlayConfigs {
     position?: AXConnectedPosition | AXConnectedPosition[];
@@ -18,7 +17,7 @@ export interface AXOverlayConfigs {
     onBackdropClick?: () => void;
     panelClass?: string[] | string;
     backdropClass?: string[] | string;
-    scroll?: 'auto' | 'block' | 'close';
+    scroll?: 'auto' | 'block';
 }
 export declare class AXOverlayService {
     private overlayService;

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

@@ -1,49 +1,30 @@
-import { NgZone, ChangeDetectorRef, TemplateRef, ElementRef, ViewContainerRef, EventEmitter } from '@angular/core';
-import { AXBaseComponent, AXConnectedPosition, AXEvent, AXInteractiveComponenetMixin } from '../base';
-import { Overlay, OverlayRef } from '@angular/cdk/overlay';
-import { AXPlatform } from '@acorex/core';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { Subscription } from 'rxjs';
+import { NgZone, ChangeDetectorRef } from '@angular/core';
+import { AXOverlayService } from './overlay.service';
+import { AXConnectedPosition } from '@acorex/core';
 import * as i0 from "@angular/core";
-export declare class AXPopoverComponent extends AXInteractiveComponenetMixin {
-    private _elementRef;
-    _cdr: ChangeDetectorRef;
-    private _zone;
-    private _overlay;
-    private _platform;
-    private _viewContainerRef;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _zone: NgZone, _overlay: Overlay, _platform: AXPlatform, _viewContainerRef: ViewContainerRef);
-    private _target;
-    get target(): HTMLElement | ElementRef | AXBaseComponent;
-    set target(v: HTMLElement | ElementRef | AXBaseComponent);
-    position: AXConnectedPosition | AXConnectedPosition[];
-    _baseTemplate: TemplateRef<any>;
-    _overlayRef: OverlayRef;
-    _templatePortal: TemplatePortal;
-    _subs: Subscription[];
-    openTrigger: 'manual' | 'click' | 'mouseover' | 'toggle';
-    closeTrigger: 'manual' | 'clickout' | 'mouseout';
-    hasBackdrop: boolean;
-    backdropClass: string;
-    private _mousePos;
-    private _isScrollAttached;
-    onOpened: EventEmitter<AXEvent>;
-    onClosed: EventEmitter<AXEvent>;
-    _emitOnOpenedEvent(): void;
-    _emitOnClosedEvent(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-    _handleKeydownHandler(e: KeyboardEvent): void;
+export declare class AXPopoverComponent {
+    private overlayService;
+    private zone;
+    private cdr;
+    constructor(overlayService: AXOverlayService, zone: NgZone, cdr: ChangeDetectorRef);
+    private targetEl;
+    private overlay;
+    private template;
+    target: string | HTMLElement;
+    position: AXConnectedPosition;
+    openMode: 'manual' | 'click' | 'hover';
+    closeMode: 'manual' | 'clickout' | 'mouseout';
+    private _visible;
+    get visible(): boolean;
+    set visible(v: boolean);
     toggle(): void;
     close(): void;
-    dispose(): void;
     open(): void;
-    private _ensureOverlayCreated;
-    private _openAsPopover;
-    private _openAsActionsheet;
+    private internalShow;
+    private internalHide;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     get isOpen(): boolean;
-    private _addSub;
-    updatePosition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": "target"; "position": "position"; "openTrigger": "openTrigger"; "closeTrigger": "closeTrigger"; "hasBackdrop": "hasBackdrop"; "backdropClass": "backdropClass"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": "target"; "position": "position"; "openMode": "openMode"; "closeMode": "closeMode"; "visible": "visible"; }, {}, never, ["*"]>;
 }

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

@@ -1,45 +1,39 @@
-import { ElementRef, ChangeDetectorRef, ViewContainerRef, EventEmitter, NgZone } from '@angular/core';
-import { AXBaseComponentMixin } from '../base';
-import { AXPageCloseEvent } from '../page/base-page.class';
-import { AXLoadingService } from '../loading';
-import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
-import { AXPlatform } from '@acorex/core';
+import { EventEmitter, ComponentFactoryResolver, ElementRef, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { AXBaseComponent } from '../base/element.class';
+import { AXPageCloseEvent } from '../base/base-page.class';
+import { AXButtonItem, AXRenderService } from '@acorex/core';
+import { AXLoadingService } from '../loading/loading.service';
 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 {
-    private _zone;
-    private _viewContainerRef;
+export declare class AXPopupComponent extends AXBaseComponent implements OnDestroy {
+    private resolver;
+    private ref;
+    private rendererService;
     private loadingService;
-    private _platform;
+    private cdr;
     isLoading: boolean;
-    private _loadingId;
+    _loadingId: number;
+    private onFooterButtonsSubscription;
+    constructor(resolver: ComponentFactoryResolver, ref: ElementRef<HTMLDivElement>, rendererService: AXRenderService, loadingService: AXLoadingService, cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    private loadComponent;
+    private popupBody;
+    onKeydownHandler(event: KeyboardEvent): void;
+    private comRef;
     title: string;
     onClosed: EventEmitter<AXPageCloseEvent>;
     size: 'sm' | 'md' | 'lg' | 'full';
-    draggable: boolean;
+    modal: boolean;
     data: any;
-    showCloseButton: boolean;
-    showHeader: boolean;
+    maximizable: boolean;
+    closable: boolean;
     content: any;
-    _selectedPortal: Portal<any>;
-    _footerPortal: Portal<any>;
-    _headerPortal: Portal<any>;
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService, _platform: AXPlatform);
-    onInit(): void;
-    _handleAttched(ref: CdkPortalOutletAttachedRef): void;
-    onKeydownHandler(event: KeyboardEvent): void;
-    _handleCloseClick(): void;
+    headerButtons: AXButtonItem[];
+    footerButtons: AXButtonItem[];
+    onCloseClick(): void;
     ngOnDestroy(): void;
     focus(): void;
-    close(): void;
     onFullScreen(): void;
+    handleFooterButtonClick(e: AXButtonItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopupComponent, "ax-popup", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopupComponent, "ng-component", never, {}, {}, never, never>;
 }

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

@@ -4,9 +4,10 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/cdk/drag-drop";
 import * as i4 from "@angular/cdk/a11y";
 import * as i5 from "../button/button.module";
-import * as i6 from "@angular/cdk/portal";
+import * as i6 from "@acorex/core";
+import * as i7 from "../loading/loading.module";
 export declare class AXPopupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, [typeof i1.AXPopupComponent], [typeof i2.CommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.PortalModule], [typeof i1.AXPopupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, [typeof i1.AXPopupComponent], [typeof i2.CommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXTranslatorModule, typeof i7.AXLoadingModule], [typeof i1.AXPopupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPopupModule>;
 }