@ng-nest/ui 13.0.1 → 13.0.5

package/README.md

@@ -1,6 +1,6 @@
 # NG-NEST
 
-UI 库支持最新版本 [Angular ^12.0.0](https://angular.io/docs)，支持最新的 [Ivy](https://angular.io/guide/ivy) 特性。
+UI 库支持最新版本 [Angular ^13.0.0](https://angular.io/docs)
 
 # 文档
 

package/alert/alert.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { OnInit, ChangeDetectorRef, OnDestroy, SimpleChanges } from '@angular/core';
 import { XAlertProperty } from './alert.property';
 import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
@@ -9,6 +9,7 @@ export declare class XAlertComponent extends XAlertProperty implements OnInit, O
     constructor(cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     setClassMap(): void;
     setDuration(): void;
     onClose(): void;

package/carousel/carousel-panel.component.d.ts

@@ -3,7 +3,7 @@ import { XCarouselPanelProperty } from './carousel.property';
 import { XConfigService } from '@ng-nest/ui/core';
 import { XCarouselComponent } from './carousel.component';
 import { DomSanitizer } from '@angular/platform-browser';
-import { BehaviorSubject, Subscription } from 'rxjs';
+import { BehaviorSubject, Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class XCarouselPanelComponent extends XCarouselPanelProperty implements OnInit {
     carousel: XCarouselComponent;
@@ -21,10 +21,9 @@ export declare class XCarouselPanelComponent extends XCarouselPanelProperty impl
     scale: number;
     inStage: boolean;
     updateSub: BehaviorSubject<boolean>;
-    updateSub$: Subscription;
+    unSubject: Subject<void>;
     constructor(carousel: XCarouselComponent, renderer: Renderer2, elementRef: ElementRef, sanitizer: DomSanitizer, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     setActive(): void;
     setStyles(): void;

package/core/config/config.d.ts

@@ -220,6 +220,9 @@ export interface XDialogConfig {
 export interface XDrawerConfig {
     placement?: XPosition;
     size?: string;
+    backdropClose?: XBoolean;
+    hasBackdrop?: XBoolean;
+    className?: string;
 }
 export interface XDropdownConfig {
     trigger?: XTrigger;
@@ -353,6 +356,7 @@ export interface XPortalConfig {
 }
 export interface XProgressConfing {
     height?: string;
+    stepWidth?: string;
 }
 export interface XRadioConfig {
     size?: XSize;

package/core/interfaces/layout.type.d.ts

@@ -17,7 +17,7 @@ export declare type XType = 'initial' | 'primary' | 'success' | 'info' | 'warnin
 /**
  * 状态类型
  */
-export declare type XStatus = 'success' | 'info' | 'warning' | 'error';
+export declare type XStatus = 'success' | 'info' | 'warning' | 'error' | 'loading';
 /**
  * 样式映射类型
  */

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

@@ -48,7 +48,7 @@ export declare class XDatePickerComponent extends XDatePickerProperty implements
     mleave(): void;
     clearEmit(): void;
     modelChange(): void;
-    getValue(): string | number | Date | null;
+    getValue(): string | number | Date;
     portalAttached(): boolean | undefined;
     closePortal(): boolean;
     destroyPortal(): void;

package/date-picker/date-picker.property.d.ts

@@ -243,6 +243,36 @@ export declare class XPickerDateProperty extends XProperty {
      * @en_US Range picker
      */
     rangePicker?: XBoolean;
+    /**
+     * @zh_CN 上一年
+     * @en_US Last year
+     */
+    lastYearBtn: XBoolean;
+    /**
+     * @zh_CN 上月
+     * @en_US Last month
+     */
+    lastMonthBtn: XBoolean;
+    /**
+     * @zh_CN 下一年
+     * @en_US Next year
+     */
+    nextYearBtn: XBoolean;
+    /**
+     * @zh_CN 上月
+     * @en_US Next month
+     */
+    nextMonthBtn: XBoolean;
+    /**
+     * @zh_CN 范围日期
+     * @en_US Range date
+     */
+    rangeValue: number[];
+    /**
+     * @zh_CN 当前选择的是开始/结束日期
+     * @en_US The current choice is the start / end date
+     */
+    rangeType: XDatePickerRangType;
     /**
      * @zh_CN 选择类型
      * @en_US Select type
@@ -258,9 +288,29 @@ export declare class XPickerDateProperty extends XProperty {
      * @en_US Scope change event
      */
     rangeChange: EventEmitter<Date[]>;
+    /**
+     * @zh_CN 选年的事件
+     * @en_US Year change event
+     */
+    yearChange: EventEmitter<number>;
+    /**
+     * @zh_CN 选月的事件
+     * @en_US Month change event
+     */
+    monthChange: EventEmitter<number>;
+    /**
+     * @zh_CN 显示日期事件
+     * @en_US display date event
+     */
+    displayChange: EventEmitter<Date>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerDateProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateProperty, "ng-component", never, { "type": "type"; "display": "display"; "model": "model"; "dateTemp": "dateTemp"; "showHeader": "showHeader"; "rangePicker": "rangePicker"; }, { "typeChange": "typeChange"; "modelChange": "modelChange"; "rangeChange": "rangeChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateProperty, "ng-component", never, { "type": "type"; "display": "display"; "model": "model"; "dateTemp": "dateTemp"; "showHeader": "showHeader"; "rangePicker": "rangePicker"; "lastYearBtn": "lastYearBtn"; "lastMonthBtn": "lastMonthBtn"; "nextYearBtn": "nextYearBtn"; "nextMonthBtn": "nextMonthBtn"; "rangeValue": "rangeValue"; "rangeType": "rangeType"; }, { "typeChange": "typeChange"; "modelChange": "modelChange"; "rangeChange": "rangeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; "displayChange": "displayChange"; }, never, never>;
 }
+/**
+ * @zh_CN 当前选择的是开始/结束日期
+ * @en_US The current choice is the start / end date
+ */
+export declare type XDatePickerRangType = 'start' | 'end';
 /**
  * PickerMonth
  * @selector x-picker-month

package/date-picker/date-range-portal.component.d.ts

@@ -26,6 +26,8 @@ export declare class XDateRangePortalComponent implements OnInit, OnDestroy, Aft
     value: number[];
     valueChange: Subject<number[]>;
     positionChange: Subject<any>;
+    inputActiveChange: Subject<'start' | 'end'>;
+    activeType: 'start' | 'end';
     animating: Function;
     closePortal: Function;
     destroyPortal: Function;
@@ -45,7 +47,7 @@ export declare class XDateRangePortalComponent implements OnInit, OnDestroy, Aft
     stopPropagation(event: Event): void;
     setDefault(): void;
     setDisplay(date: Date): void;
-    dateChange(date: Date): void;
+    dateChange(date: Date, type: 'start' | 'end'): void;
     typeChange(type: XDatePickerType): void;
     monthChange(date: Date): void;
     yearChange(date: Date): void;
@@ -54,12 +56,12 @@ export declare class XDateRangePortalComponent implements OnInit, OnDestroy, Aft
     nextYear(num: number): void;
     nextYears(num: number): void;
     getLocaleMonth(date: Date): any;
-    onToday(): void;
-    onYesterday(): void;
-    onTomorrow(): void;
-    onPresetFunc(item: XDatePickerPreset): void;
     selectTime(time: Date): void;
     setModel(date: Date, time: Date): Date;
+    startYearChange(num: number): void;
+    endYearChange(num: number): void;
+    startMonthChange(num: number): void;
+    endMonthChange(num: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDateRangePortalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XDateRangePortalComponent, "x-date-range-portal", never, {}, {}, never, never>;
 }

package/date-picker/date-range.component.d.ts

@@ -3,7 +3,7 @@ import { Subject } from 'rxjs';
 import { OnInit, ChangeDetectorRef, Renderer2, ElementRef, OnChanges, ViewContainerRef, SimpleChanges } from '@angular/core';
 import { XDatePickerModelType, XDateRangeProperty } from './date-picker.property';
 import { XConfigService, XBoolean } from '@ng-nest/ui/core';
-import { XInputGroupComponent } from '@ng-nest/ui/input';
+import { XInputComponent, XInputGroupComponent } from '@ng-nest/ui/input';
 import { DatePipe } from '@angular/common';
 import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
 import { XDateRangePortalComponent } from './date-range-portal.component';
@@ -18,6 +18,8 @@ export declare class XDateRangeComponent extends XDateRangeProperty implements O
     private overlay;
     dateRange: ElementRef;
     inputGroup: XInputGroupComponent;
+    inputStartCom: XInputComponent;
+    inputEndCom: XInputComponent;
     modelType: XDatePickerModelType;
     numberValue: number[];
     isInput: boolean;
@@ -36,11 +38,13 @@ export declare class XDateRangeComponent extends XDateRangeProperty implements O
     valueChange: Subject<any>;
     dataChange: Subject<any>;
     positionChange: Subject<any>;
+    inputActiveChange: Subject<string>;
     closeSubject: Subject<void>;
     startDisplay: string | number;
     endDisplay: string | number;
     startActive: XBoolean;
     endActive: XBoolean;
+    activeType?: 'start' | 'end';
     private _unSubject;
     constructor(renderer: Renderer2, configService: XConfigService, cdr: ChangeDetectorRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, datePipe: DatePipe, overlay: Overlay);
     ngOnInit(): void;

package/date-picker/examples/en_US/default/disabled/README.md

@@ -1,5 +1,5 @@
 ---
-order: 3
+order: 4
 label: 'Disabled'
 ---
 

package/date-picker/examples/en_US/default/time/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: 'Date Time'
+---
+
+- Use the `type` property to set the time

package/date-picker/examples/zh_CN/default/disabled/README.md

@@ -1,5 +1,5 @@
 ---
-order: 3
+order: 4
 label: '禁用'
 ---
 

package/date-picker/examples/zh_CN/default/time/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: '选择时间'
+---
+
+- 使用 `type` 属性来设置选时间

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

@@ -16,6 +16,8 @@ export declare class XPickerDateComponent extends XPickerDateProperty implements
     dates: Date[][];
     locale: XI18nDatePicker;
     private _unSubject;
+    get rangeStart(): number | "";
+    get rangeEnd(): number | "";
     constructor(renderer: Renderer2, datePipe: DatePipe, lowerCasePipe: LowerCasePipe, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
     ngOnInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
@@ -24,6 +26,7 @@ export declare class XPickerDateComponent extends XPickerDateProperty implements
     setDays(date: Date): void;
     dateClick(date: Date): void;
     getLocaleMonth(date: Date): any;
+    rangeDisabled(date: Date): boolean;
     setDisplay(date: Date): void;
     nextMonth(num: number): void;
     nextYear(num: number): void;

package/dialog/dialog-portal.component.d.ts

@@ -0,0 +1,18 @@
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ComponentRef, EmbeddedViewRef, EventEmitter } from '@angular/core';
+import { XDialogAnimationEvent, XDialogAnimationState } from './dialog.property';
+import { AnimationEvent } from '@angular/animations';
+import * as i0 from "@angular/core";
+export declare class XDialogPortalComponent extends BasePortalOutlet {
+    _has: boolean;
+    placement?: XDialogAnimationState;
+    done({ toState, totalTime }: AnimationEvent): void;
+    start({ toState, totalTime }: AnimationEvent): void;
+    portalOutlet: CdkPortalOutlet;
+    animationChanged: EventEmitter<XDialogAnimationEvent>;
+    constructor();
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogPortalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDialogPortalComponent, "x-dialog-portal", never, {}, {}, never, never>;
+}

package/dialog/dialog-portal.directives.d.ts

@@ -0,0 +1,24 @@
+import { XDialogRef } from './dialog-ref';
+import * as i0 from "@angular/core";
+export declare class XDialogCloseDirective {
+    dialogRef: XDialogRef<any>;
+    onCloseClick(): void;
+    constructor(dialogRef: XDialogRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogCloseDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogCloseDirective, "[x-dialog-close]", never, {}, {}, never>;
+}
+export declare class XDialogTitleDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogTitleDirective, "[x-dialog-title]", never, {}, {}, never>;
+}
+export declare class XDialogContentDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogContentDirective, "[x-dialog-content], x-dialog-content", never, {}, {}, never>;
+}
+export declare class XDialogActionsDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogActionsDirective, "[x-dialog-actions], x-dialog-actions", never, {}, {}, never>;
+}

package/dialog/dialog-ref.d.ts

@@ -0,0 +1,9 @@
+import { OverlayRef } from '@angular/cdk/overlay';
+import { XDialogPortalComponent } from './dialog-portal.component';
+export declare class XDialogRef<C> {
+    overlayRef: OverlayRef;
+    containerInstance: XDialogPortalComponent;
+    componentInstance: C;
+    constructor(overlayRef: OverlayRef, containerInstance: XDialogPortalComponent);
+    close(): void;
+}

package/dialog/dialog.module.d.ts

@@ -1,17 +1,19 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./dialog.component";
-import * as i2 from "./dialog.property";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "@angular/cdk/drag-drop";
-import * as i6 from "@ng-nest/ui/input";
-import * as i7 from "@ng-nest/ui/button";
-import * as i8 from "@ng-nest/ui/icon";
-import * as i9 from "@ng-nest/ui/portal";
-import * as i10 from "@ng-nest/ui/alert";
-import * as i11 from "@ng-nest/ui/outlet";
+import * as i2 from "./dialog-portal.directives";
+import * as i3 from "./dialog-portal.component";
+import * as i4 from "./dialog.property";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/cdk/drag-drop";
+import * as i8 from "@ng-nest/ui/input";
+import * as i9 from "@ng-nest/ui/button";
+import * as i10 from "@ng-nest/ui/icon";
+import * as i11 from "@ng-nest/ui/portal";
+import * as i12 from "@ng-nest/ui/alert";
+import * as i13 from "@ng-nest/ui/outlet";
 export declare class XDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XDialogModule, [typeof i1.XDialogComponent, typeof i2.XDialogProperty], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.DragDropModule, typeof i6.XInputModule, typeof i7.XButtonModule, typeof i8.XIconModule, typeof i9.XPortalModule, typeof i10.XAlertModule, typeof i11.XOutletModule], [typeof i1.XDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XDialogModule, [typeof i1.XDialogComponent, typeof i2.XDialogCloseDirective, typeof i2.XDialogTitleDirective, typeof i2.XDialogContentDirective, typeof i2.XDialogActionsDirective, typeof i3.XDialogPortalComponent, typeof i4.XDialogProperty], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.DragDropModule, typeof i8.XInputModule, typeof i9.XButtonModule, typeof i10.XIconModule, typeof i11.XPortalModule, typeof i12.XAlertModule, typeof i13.XOutletModule], [typeof i1.XDialogComponent, typeof i2.XDialogCloseDirective, typeof i2.XDialogTitleDirective, typeof i2.XDialogContentDirective, typeof i2.XDialogActionsDirective, typeof i3.XDialogPortalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XDialogModule>;
 }

package/dialog/dialog.property.d.ts

@@ -1,8 +1,9 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ViewContainerRef, InjectionToken } from '@angular/core';
 import { XStatus, XPlace, XTemplate, XEffect, XBoolean } from '@ng-nest/ui/core';
 import { XAlertProperty, XAlertOption } from '@ng-nest/ui/alert';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { XDialogComponent } from './dialog.component';
+import { XDialogPortalComponent } from './dialog-portal.component';
 import * as i0 from "@angular/core";
 /**
  * Dialog
@@ -10,7 +11,9 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XDialogPrefix = "x-dialog";
-export declare const XDialogPortal = "x-dialog-portal";
+export declare const X_DIALOG_CONFIG_NAME = "dialog";
+export declare const XDialogContainer = "x-dialog-container";
+export declare const X_DIALOG_DATA: InjectionToken<any>;
 /**
  * Dialog Property
  */
@@ -217,19 +220,94 @@ export interface XDialogOption extends XAlertOption {
      */
     beforeClose?: Function;
 }
+/**
+ * Dialog option by service
+ */
+export interface XDialogRefOption {
+    /**
+     * @zh_CN 展示方向
+     * @en_US Display direction
+     * @default 'center'
+     * @withConfig true
+     */
+    placement?: XPlace;
+    /**
+     * @zh_CN 偏移距离
+     * @en_US Offset distance
+     * @default '1rem'
+     * @withConfig true
+     */
+    offset?: string;
+    /**
+     * @zh_CN 宽度
+     * @en_US Width
+     * @default '32rem'
+     * @withConfig true
+     */
+    width?: string;
+    /**
+     * @zh_CN 高度
+     * @en_US Height
+     */
+    height?: string;
+    /**
+     * @zh_CN 自定义样式名
+     * @en_US Custom style name
+     */
+    className?: string;
+    /**
+     * @zh_CN 点击遮罩关闭
+     * @en_US Click the mask to close
+     * @default true
+     * @withConfig true
+     */
+    backdropClose?: boolean;
+    /**
+     * @zh_CN 是否显示背景遮罩
+     * @en_US Whether to display the background mask
+     * @default true
+     * @withConfig true
+     */
+    hasBackdrop?: boolean;
+    /**
+     * @zh_CN 拖动对话框
+     * @en_US Drag dialog
+     * @default false
+     * @withConfig true
+     */
+    draggable?: boolean;
+    /**
+     * @zh_CN 数据，通过 "@Inject(X_DIALOG_DATA)" 来接收数据
+     * @en_US Data. Receive data by "@Inject(X_DIALOG_DATA)"
+     */
+    data?: any;
+    /**
+     * @en_US 视图容器实例可以包含其他视图容器。
+     * @en_US A view container instance can contain other view containers.
+     */
+    viewContainerRef?: ViewContainerRef;
+}
+export declare type XDialogAnimationState = XPlace | 'void';
+export interface XDialogAnimationEvent {
+    state: XDialogAnimationState;
+    action: 'start' | 'done';
+    totalTime: number;
+}
 export interface XDialogCallback {
     (action: XDialogAction, message?: string): void;
 }
 export declare type XDialogAction = 'confirm' | 'cancel';
 /**
- * @zh_CN 创建的消息对象
- * @en_US Message object created
+ * @zh_CN 创建的弹框对象
+ * @en_US Dialog object created
  */
 export interface XDialogOverlayRef extends XPortalOverlayRef<XDialogComponent> {
 }
-export interface XDialogRef {
-    ref?: XDialogOverlayRef;
-    input?: XDialogProperty;
+/**
+ * @zh_CN 创建的弹框对象，通过服务
+ * @en_US Dialog object created by service
+ */
+export interface XDialogPortalOverlayRef extends XPortalOverlayRef<XDialogPortalComponent> {
 }
 /**
  * @zh_CN 类型

package/dialog/dialog.service.d.ts

@@ -0,0 +1,19 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentType } from '@angular/cdk/portal';
+import { TemplateRef } from '@angular/core';
+import { XConfigService, XDialogConfig } from '@ng-nest/ui/core';
+import { XPortalService } from '@ng-nest/ui/portal';
+import { XDialogRef } from './dialog-ref';
+import { XDialogRefOption } from './dialog.property';
+import * as i0 from "@angular/core";
+export declare class XDialogService {
+    portalService: XPortalService;
+    configService: XConfigService;
+    overlay: Overlay;
+    default: XDialogRefOption;
+    configDefault?: XDialogConfig;
+    constructor(portalService: XPortalService, configService: XConfigService, overlay: Overlay);
+    create<T>(content: TemplateRef<any> | ComponentType<T>, option?: XDialogRefOption): XDialogRef<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<XDialogService>;
+}

package/dialog/examples/en_US/default/service/README.md

@@ -0,0 +1,6 @@
+---
+order: 4
+label: 'Service'
+---
+
+Create a dialog through the `XDialogService` service.

package/dialog/examples/zh_CN/default/service/README.md

@@ -0,0 +1,6 @@
+---
+order: 4
+label: '服务创建'
+---
+
+通过 `XDialogService` 服务创建对话框。

package/dialog/public-api.d.ts

@@ -1,3 +1,7 @@
 export * from './dialog.component';
+export * from './dialog-portal.component';
+export * from './dialog-portal.directives';
 export * from './dialog.module';
 export * from './dialog.property';
+export * from './dialog.service';
+export * from './dialog-ref';

package/drawer/drawer-container.component.d.ts

@@ -0,0 +1,8 @@
+import { XDrawerContainerProperty } from './drawer.property';
+import * as i0 from "@angular/core";
+export declare class XDrawerContainerComponent extends XDrawerContainerProperty {
+    _has: boolean;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerContainerComponent, "x-drawer-container", never, {}, {}, never, ["*"]>;
+}

package/drawer/drawer-portal.component.d.ts

@@ -0,0 +1,18 @@
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ComponentRef, EmbeddedViewRef, EventEmitter } from '@angular/core';
+import { XDrawerAnimationEvent, XDrawerAnimationState } from './drawer.property';
+import { AnimationEvent } from '@angular/animations';
+import * as i0 from "@angular/core";
+export declare class XDrawerPortalComponent extends BasePortalOutlet {
+    _has: boolean;
+    placement?: XDrawerAnimationState;
+    done({ toState, totalTime }: AnimationEvent): void;
+    start({ toState, totalTime }: AnimationEvent): void;
+    portalOutlet: CdkPortalOutlet;
+    animationChanged: EventEmitter<XDrawerAnimationEvent>;
+    constructor();
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerPortalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerPortalComponent, "x-drawer-portal", never, {}, {}, never, never>;
+}

package/drawer/drawer-portal.directives.d.ts

@@ -0,0 +1,19 @@
+import { XDrawerRef } from './drawer-ref';
+import * as i0 from "@angular/core";
+export declare class XDrawerCloseDirective {
+    drawerRef: XDrawerRef<any>;
+    onCloseClick(): void;
+    constructor(drawerRef: XDrawerRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerCloseDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDrawerCloseDirective, "[x-drawer-close]", never, {}, {}, never>;
+}
+export declare class XDrawerTitleDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDrawerTitleDirective, "[x-drawer-title]", never, {}, {}, never>;
+}
+export declare class XDrawerContentDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDrawerContentDirective, "[x-drawer-content], x-drawer-content", never, {}, {}, never>;
+}

package/drawer/drawer-ref.d.ts

@@ -0,0 +1,9 @@
+import { OverlayRef } from '@angular/cdk/overlay';
+import { XDrawerPortalComponent } from './drawer-portal.component';
+export declare class XDrawerRef<C> {
+    overlayRef: OverlayRef;
+    containerInstance: XDrawerPortalComponent;
+    componentInstance: C;
+    constructor(overlayRef: OverlayRef, containerInstance: XDrawerPortalComponent);
+    close(): void;
+}

package/drawer/drawer.component.d.ts

@@ -4,6 +4,7 @@ import { XConfigService } from '@ng-nest/ui/core';
 import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { Subscription } from 'rxjs';
 import { Overlay } from '@angular/cdk/overlay';
+import { XDrawerContainerComponent } from './drawer-container.component';
 import * as i0 from "@angular/core";
 export declare class XDrawerComponent extends XDrawerProperty implements OnInit, OnChanges {
     renderer: Renderer2;
@@ -13,19 +14,25 @@ export declare class XDrawerComponent extends XDrawerProperty implements OnInit,
     portalService: XPortalService;
     viewContainerRef: ViewContainerRef;
     configService: XConfigService;
+    container?: XDrawerContainerComponent | undefined;
+    get getVisible(): import("@ng-nest/ui/core").XBoolean | undefined;
     drawerTpl: TemplateRef<void>;
     portal: XPortalOverlayRef<any>;
     back$: Subscription | null;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, overlay: Overlay, portalService: XPortalService, viewContainerRef: ViewContainerRef, configService: XConfigService);
+    width: string;
+    height: string;
+    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, overlay: Overlay, portalService: XPortalService, viewContainerRef: ViewContainerRef, configService: XConfigService, container?: XDrawerContainerComponent | undefined);
     ngOnInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
     ngOnDestroy(): void;
     unsubscribe(): void;
     setClassMap(): void;
+    setSize(): void;
+    getSize(): string[];
     setVisible(): void;
     createPortal(): void;
     portalAttached(): boolean | undefined;
-    closePortal(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerComponent, never>;
+    closePortal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerComponent, "x-drawer", never, {}, {}, never, ["*"]>;
 }

package/drawer/drawer.module.d.ts

@@ -1,12 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./drawer.component";
-import * as i2 from "./drawer.property";
-import * as i3 from "@angular/common";
-import * as i4 from "@ng-nest/ui/outlet";
-import * as i5 from "@ng-nest/ui/button";
-import * as i6 from "@ng-nest/ui/portal";
+import * as i2 from "./drawer-portal.directives";
+import * as i3 from "./drawer-portal.component";
+import * as i4 from "./drawer-container.component";
+import * as i5 from "./drawer.property";
+import * as i6 from "@angular/common";
+import * as i7 from "@ng-nest/ui/outlet";
+import * as i8 from "@ng-nest/ui/button";
+import * as i9 from "@ng-nest/ui/portal";
 export declare class XDrawerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XDrawerModule, [typeof i1.XDrawerComponent, typeof i2.XDrawerProperty], [typeof i3.CommonModule, typeof i4.XOutletModule, typeof i5.XButtonModule, typeof i6.XPortalModule], [typeof i1.XDrawerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XDrawerModule, [typeof i1.XDrawerComponent, typeof i2.XDrawerCloseDirective, typeof i2.XDrawerTitleDirective, typeof i2.XDrawerContentDirective, typeof i3.XDrawerPortalComponent, typeof i4.XDrawerContainerComponent, typeof i5.XDrawerProperty, typeof i5.XDrawerContainerProperty], [typeof i6.CommonModule, typeof i7.XOutletModule, typeof i8.XButtonModule, typeof i9.XPortalModule], [typeof i1.XDrawerComponent, typeof i2.XDrawerCloseDirective, typeof i2.XDrawerTitleDirective, typeof i2.XDrawerContentDirective, typeof i3.XDrawerPortalComponent, typeof i4.XDrawerContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XDrawerModule>;
 }