@ng-nest/ui 20.3.3 → 20.3.5

package/fesm2022/ng-nest-ui-dialog.mjs

@@ -1,965 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, input, model, output, Component, inject, ViewContainerRef, DOCUMENT, viewChild, signal, computed, DestroyRef, effect, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, HostListener, Directive, Renderer2, ChangeDetectorRef, contentChildren, EventEmitter, NgModule, RendererFactory2, TemplateRef, Injectable } from '@angular/core';
-import { XPropertyFunction, XToCssPixelValue, XToBoolean, XToNumber, XProperty, XConfigService, XIsFunction, XFillDefault } from '@ng-nest/ui/core';
-import { XPortalService, XPortalResizablePrefix } from '@ng-nest/ui/portal';
-import { Subject, fromEvent, filter, take, takeUntil as takeUntil$1 } from 'rxjs';
-import { Overlay } from '@angular/cdk/overlay';
-import { XI18nService, zh_CN } from '@ng-nest/ui/i18n';
-import { map, takeUntil } from 'rxjs/operators';
-import { XAlertComponent } from '@ng-nest/ui/alert';
-import { XButtonComponent, XButtonsComponent } from '@ng-nest/ui/button';
-import { XOutletDirective } from '@ng-nest/ui/outlet';
-import { NgStyle, NgTemplateOutlet } from '@angular/common';
-import { toSignal, toObservable } from '@angular/core/rxjs-interop';
-import * as i2 from '@angular/cdk/portal';
-import { BasePortalOutlet, CdkPortalOutlet, PortalModule, TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
-import * as i1 from '@angular/cdk/drag-drop';
-import { CdkDragHandle, CdkDrag, DragDropModule } from '@angular/cdk/drag-drop';
-
-/**
- * Dialog
- * @selector x-dialog
- * @decorator component
- */
-const XDialogPrefix = 'x-dialog';
-const X_DIALOG_CONFIG_NAME = 'dialog';
-const XDialogContainer = 'x-dialog-overlay';
-const X_DIALOG_DATA = new InjectionToken('XDialogData');
-/**
- * Dialog Property
- */
-class XDialogProperty extends XPropertyFunction(X_DIALOG_CONFIG_NAME) {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 标题
-         * @en_US Title
-         */
-        this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
-        /**
-         * @zh_CN 显示/隐藏
-         * @en_US Show/hide
-         */
-        this.visible = model(false, ...(ngDevMode ? [{ debugName: "visible" }] : []));
-        /**
-         * @zh_CN 方位，九宫格
-         * @en_US Direction, nine grid
-         */
-        this.placement = input(this.config?.placement ?? 'center', ...(ngDevMode ? [{ debugName: "placement" }] : []));
-        /**
-         * @zh_CN 偏移距离
-         * @en_US Offset distance
-         */
-        this.offset = input(this.config?.offset ?? '1rem', ...(ngDevMode ? [{ debugName: "offset", transform: XToCssPixelValue }] : [{ transform: XToCssPixelValue }]));
-        /**
-         * @zh_CN 类型
-         * @en_US Types of
-         */
-        this.type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
-        /**
-         * @zh_CN 隐藏关闭按钮
-         * @en_US Hide close button
-         */
-        this.hideClose = input(false, ...(ngDevMode ? [{ debugName: "hideClose", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 使用文本关闭按钮
-         * @en_US Use the text to close button
-         */
-        this.closeText = input(...(ngDevMode ? [undefined, { debugName: "closeText" }] : []));
-        /**
-         * @zh_CN 调整弹框的大小(弃用)
-         * @en_US Adjust the size of the box, Abandoned
-         * @deprecated abandoned
-         */
-        this.resizable = input(this.config?.resizable ?? false, ...(ngDevMode ? [{ debugName: "resizable", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 开启 resizable 调整大小，偏移屏幕左边(弃用)
-         * @en_US Open the resizable resize, offset screen left, Abandoned
-         * @deprecated abandoned
-         */
-        this.offsetLeft = input(0, ...(ngDevMode ? [{ debugName: "offsetLeft", transform: XToNumber }] : [{ transform: XToNumber }]));
-        /**
-         * @zh_CN 开启 resizable 调整大小，偏移屏幕顶部(弃用)
-         * @en_US Open the resizable resize, offset screen top, Abandoned
-         * @deprecated abandoned
-         */
-        this.offsetTop = input(0, ...(ngDevMode ? [{ debugName: "offsetTop", transform: XToNumber }] : [{ transform: XToNumber }]));
-        /**
-         * @zh_CN 宽度
-         * @en_US Width
-         */
-        this.width = input(this.config?.width ?? '32rem', ...(ngDevMode ? [{ debugName: "width", transform: XToCssPixelValue }] : [{ transform: XToCssPixelValue }]));
-        /**
-         * @zh_CN 高度
-         * @en_US Height
-         */
-        this.height = input('', ...(ngDevMode ? [{ debugName: "height", transform: XToCssPixelValue }] : [{ transform: XToCssPixelValue }]));
-        /**
-         * @zh_CN 最小宽度
-         * @en_US Min width
-         */
-        this.minWidth = input(this.config?.minWidth ?? '18rem', ...(ngDevMode ? [{ debugName: "minWidth", transform: XToCssPixelValue }] : [{ transform: XToCssPixelValue }]));
-        /**
-         * @zh_CN 最小高度
-         * @en_US Min height
-         */
-        this.minHeight = input(this.config?.minHeight ?? '8rem', ...(ngDevMode ? [{ debugName: "minHeight", transform: XToCssPixelValue }] : [{ transform: XToCssPixelValue }]));
-        /**
-         * @zh_CN 样式主题
-         * @en_US Style theme
-         */
-        this.effect = input(this.config?.effect ?? 'white', ...(ngDevMode ? [{ debugName: "effect" }] : []));
-        /**
-         * @zh_CN 底部自定义模板
-         * @en_US Custom template at the bottom
-         */
-        this.footer = input(...(ngDevMode ? [undefined, { debugName: "footer" }] : []));
-        /**
-         * @zh_CN 显示取消按钮
-         * @en_US Show cancel button
-         */
-        this.showCancel = input(this.config?.showCancel ?? true, ...(ngDevMode ? [{ debugName: "showCancel", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 取消按钮文字
-         * @en_US Cancel button text
-         * @default '取消'
-         */
-        this.cancelText = input(this.config?.cancelText ?? '', ...(ngDevMode ? [{ debugName: "cancelText" }] : []));
-        /**
-         * @zh_CN 显示确认按钮
-         * @en_US Show confirmation button
-         */
-        this.showConfirm = input(this.config?.showConfirm ?? true, ...(ngDevMode ? [{ debugName: "showConfirm", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 确认按钮文字
-         * @en_US Confirm button text
-         * @default '确认'
-         */
-        this.confirmText = input(this.config?.confirmText ?? '', ...(ngDevMode ? [{ debugName: "confirmText" }] : []));
-        /**
-         * @zh_CN 点击遮罩关闭
-         * @en_US Click the mask to close
-         */
-        this.backdropClose = input(this.config?.backdropClose ?? true, ...(ngDevMode ? [{ debugName: "backdropClose", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 是否显示背景遮罩
-         * @en_US Whether to display the background mask
-         */
-        this.hasBackdrop = input(this.config?.hasBackdrop ?? true, ...(ngDevMode ? [{ debugName: "hasBackdrop", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 是否支持键盘 esc 关闭
-         * @en_US Whether to support keyboard esc to close
-         */
-        this.keyboard = input(this.config?.keyboard ?? true, ...(ngDevMode ? [{ debugName: "keyboard", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 自定义样式名
-         * @en_US Custom style name
-         */
-        this.className = input(this.config?.className ?? '', ...(ngDevMode ? [{ debugName: "className" }] : []));
-        /**
-         * @zh_CN 按钮居中
-         * @en_US Button center
-         */
-        this.buttonsCenter = input(this.config?.buttonsCenter ?? false, ...(ngDevMode ? [{ debugName: "buttonsCenter", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 拖动对话框
-         * @en_US Drag dialog
-         */
-        this.draggable = input(this.config?.draggable ?? false, ...(ngDevMode ? [{ debugName: "draggable", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 最大化弹出框按钮，当启用 resizable 时也会显示
-         * @en_US Maximize the bullet box button, Will also display when resizable is enabled
-         */
-        this.maximize = input(this.config?.maximize ?? false, ...(ngDevMode ? [{ debugName: "maximize", transform: XToBoolean }] : [{ transform: XToBoolean }]));
-        /**
-         * @zh_CN 关闭前处理函数
-         * @en_US Processing function before closing
-         */
-        this.beforeClose = input(...(ngDevMode ? [undefined, { debugName: "beforeClose" }] : []));
-        /**
-         * @zh_CN 取消按钮的事件
-         * @en_US Cancel button event
-         */
-        this.cancel = output();
-        /**
-         * @zh_CN 确认按钮的事件
-         * @en_US Confirm button event
-         */
-        this.confirm = output();
-        /**
-         * @zh_CN 确认按钮的事件
-         * @en_US Confirm button event
-         */
-        this.close = output();
-        /**
-         * @zh_CN 弹出完成动画加载
-         * @en_US Pop up complete animation loading
-         */
-        this.showDone = output();
-        /**
-         * @zh_CN 关闭完成动画
-         * @en_US Close complete animation
-         */
-        this.closeDone = output();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XDialogProperty, isStandalone: true, selector: "x-dialog-property", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, offsetLeft: { classPropertyName: "offsetLeft", publicName: "offsetLeft", isSignal: true, isRequired: false, transformFunction: null }, offsetTop: { classPropertyName: "offsetTop", publicName: "offsetTop", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, effect: { classPropertyName: "effect", publicName: "effect", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, showCancel: { classPropertyName: "showCancel", publicName: "showCancel", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, showConfirm: { classPropertyName: "showConfirm", publicName: "showConfirm", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, backdropClose: { classPropertyName: "backdropClose", publicName: "backdropClose", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, keyboard: { classPropertyName: "keyboard", publicName: "keyboard", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, buttonsCenter: { classPropertyName: "buttonsCenter", publicName: "buttonsCenter", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, maximize: { classPropertyName: "maximize", publicName: "maximize", isSignal: true, isRequired: false, transformFunction: null }, beforeClose: { classPropertyName: "beforeClose", publicName: "beforeClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", cancel: "cancel", confirm: "confirm", close: "close", showDone: "showDone", closeDone: "closeDone" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogProperty, decorators: [{
-            type: Component,
-            args: [{ selector: `${XDialogPrefix}-property`, template: '' }]
-        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], hideClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideClose", required: false }] }], closeText: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeText", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], offsetLeft: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetLeft", required: false }] }], offsetTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetTop", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], effect: [{ type: i0.Input, args: [{ isSignal: true, alias: "effect", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], showCancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCancel", required: false }] }], cancelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelText", required: false }] }], showConfirm: [{ type: i0.Input, args: [{ isSignal: true, alias: "showConfirm", required: false }] }], confirmText: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmText", required: false }] }], backdropClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropClose", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], keyboard: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboard", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], buttonsCenter: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonsCenter", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], maximize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximize", required: false }] }], beforeClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeClose", required: false }] }], cancel: [{ type: i0.Output, args: ["cancel"] }], confirm: [{ type: i0.Output, args: ["confirm"] }], close: [{ type: i0.Output, args: ["close"] }], showDone: [{ type: i0.Output, args: ["showDone"] }], closeDone: [{ type: i0.Output, args: ["closeDone"] }] } });
-/**
- * Dialog Container
- * @selector x-dialog-container
- * @decorator component
- */
-const XDialogContainerPrefix = 'x-dialog-container';
-const X_DIALOG_CONTAINER = new InjectionToken('X_DIALOG_CONTAINER');
-/**
- * Dialog Container Property
- */
-class XDialogContainerProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: XDialogContainerProperty, isStandalone: true, selector: "x-dialog-container-property", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogContainerProperty, decorators: [{
-            type: Component,
-            args: [{ selector: `${XDialogContainerPrefix}-property`, template: '' }]
-        }] });
-
-class XDialogComponent extends XDialogProperty {
-    static { this.dialogOverlayRefs = []; }
-    get getVisible() {
-        return this.visible();
-    }
-    constructor() {
-        super();
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.protalService = inject(XPortalService);
-        this.overlay = inject(Overlay);
-        this.i18n = inject(XI18nService);
-        this.unSubject = new Subject();
-        this.document = inject(DOCUMENT);
-        this.clsName = `${XDialogPrefix}-${this.placement()}`;
-        this.dialogTpl = viewChild.required('dialogTpl');
-        this.locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.dialog)), { initialValue: zh_CN.dialog });
-        this.overlayElement = signal(null, ...(ngDevMode ? [{ debugName: "overlayElement" }] : []));
-        this.initHeight = 0;
-        this.initContentHeight = 0;
-        this.isMaximize = signal(false, ...(ngDevMode ? [{ debugName: "isMaximize" }] : []));
-        this.isDefaultMaximize = signal(false, ...(ngDevMode ? [{ debugName: "isDefaultMaximize" }] : []));
-        this.dialogBox = {};
-        this.distance = { x: 0, y: 0 };
-        this.viewInit = signal(false, ...(ngDevMode ? [{ debugName: "viewInit" }] : []));
-        this.action = null;
-        this.containerInit = false;
-        this.draggableSignal = signal(false, ...(ngDevMode ? [{ debugName: "draggableSignal" }] : []));
-        this.maximizeSignal = signal(false, ...(ngDevMode ? [{ debugName: "maximizeSignal" }] : []));
-        this.getCancelText = computed(() => {
-            return this.cancelText() || this.locale().cancelText;
-        }, ...(ngDevMode ? [{ debugName: "getCancelText" }] : []));
-        this.getConfirmText = computed(() => {
-            return this.confirmText() || this.locale().confirmText;
-        }, ...(ngDevMode ? [{ debugName: "getConfirmText" }] : []));
-        this.getStyle = computed(() => {
-            return this.container
-                ? {
-                    ...this.protalService.setContainerStyle(this.placement(), this.offset()),
-                    width: this.width(),
-                    height: this.height(),
-                    minWidth: this.minWidth(),
-                    minHeight: this.minHeight()
-                }
-                : {};
-        }, ...(ngDevMode ? [{ debugName: "getStyle" }] : []));
-        this.container = inject(X_DIALOG_CONTAINER, { optional: true });
-        this.configService = inject(XConfigService);
-        this.styleOffsetLeft = signal(0, ...(ngDevMode ? [{ debugName: "styleOffsetLeft" }] : []));
-        this.styleOffsetTop = signal(0, ...(ngDevMode ? [{ debugName: "styleOffsetTop" }] : []));
-        this.visibleChanged = toObservable(this.visible);
-        this.draggableChanged = toObservable(this.draggable);
-        this.destroy = signal(false, ...(ngDevMode ? [{ debugName: "destroy" }] : []));
-        this.destroyRef = inject(DestroyRef);
-        this.visibleChanged.pipe(takeUntil(this.unSubject)).subscribe(() => {
-            this.setVisible();
-        });
-        effect(() => {
-            this.draggableSignal.set(this.draggable());
-            this.maximizeSignal.set(this.maximize());
-            this.dialogBox['draggable'] = this.draggableSignal();
-        });
-    }
-    ngOnInit() {
-        this.scrollStrategy = this.protalService.overlay.scrollStrategies.block();
-        this.destroyRef.onDestroy(() => {
-            this.destroy.set(true);
-            this.backdropClick$?.unsubscribe();
-            this.keyboard$?.unsubscribe();
-            this.unSubject.next();
-            this.unSubject.complete();
-        });
-    }
-    ngAfterViewInit() {
-        this.viewInit.set(true);
-    }
-    setVisible() {
-        if (!this.viewInit())
-            return;
-        if (this.visible()) {
-            this.create();
-        }
-        else {
-            this.onClose('close', false);
-        }
-    }
-    create() {
-        if (this.container) {
-            this.containerInit = true;
-            return;
-        }
-        this.dialogRef = this.protalService.attach({
-            content: this.dialogTpl(),
-            viewContainerRef: this.viewContainerRef,
-            overlayConfig: {
-                panelClass: [XDialogContainer, this.className()],
-                hasBackdrop: this.hasBackdrop(),
-                scrollStrategy: this.overlay.scrollStrategies.block(),
-                width: this.width(),
-                height: this.height(),
-                minWidth: this.minWidth(),
-                minHeight: this.minHeight(),
-                positionStrategy: this.protalService.setPlace(this.placement(), this.offset())
-            }
-        });
-        const { overlayElement } = this.dialogRef.overlayRef;
-        this.overlayElement.set(overlayElement);
-        this.setWidthHeight();
-        Object.assign(this.dialogBox, {
-            width: this.width(),
-            height: this.height(),
-            minWidth: this.minWidth(),
-            minHeight: this.minHeight()
-        });
-        XDialogComponent.dialogOverlayRefs.push(this.dialogRef);
-        if (this.hasBackdrop() && this.backdropClose() && this.dialogRef?.overlayRef) {
-            this.backdropClick$ = this.dialogRef.overlayRef.backdropClick().subscribe(() => {
-                this.onClose('close');
-                this.keyboard$?.unsubscribe();
-            });
-        }
-        if (this.keyboard()) {
-            this.keyboard$ = fromEvent(this.document, 'keydown').subscribe((event) => {
-                if (event.key === 'Escape' || event.keyCode === 27) {
-                    if (XDialogComponent.dialogOverlayRefs[XDialogComponent.dialogOverlayRefs.length - 1] === this.dialogRef) {
-                        this.onClose('close');
-                        this.keyboard$?.unsubscribe();
-                    }
-                }
-            });
-        }
-    }
-    setWidthHeight() {
-        const ws = ['100%', '100vw'];
-        const hs = ['100%', '100vh'];
-        if (ws.includes(this.width()) && hs.includes(this.height())) {
-            this.isDefaultMaximize.set(true);
-            this.draggableSignal.set(false);
-            this.maximizeSignal.set(false);
-        }
-    }
-    portalAttached() {
-        return !!this.dialogRef?.overlayRef?.hasAttached();
-    }
-    onClose(action, execFunction = true) {
-        if (!this.portalAttached() && !this.container)
-            return;
-        if (this.container && !this.containerInit)
-            return;
-        if (XIsFunction(this.beforeClose()) && execFunction) {
-            this.beforeClose()?.(action);
-            this.action = action;
-        }
-        else {
-            this.visible.set(false);
-            if (this.portalAttached()) {
-                this.dialogRef?.overlayRef?.detach();
-                this.backdropClick$?.unsubscribe();
-            }
-            if ([action, this.action].includes('confirm')) {
-                this.confirm.emit();
-            }
-            if ([action, this.action].includes('cancel')) {
-                this.cancel.emit();
-            }
-            this.containerInit = false;
-            this.action = null;
-            this.close.emit();
-        }
-    }
-    onDragEnded($event) {
-        this.distance = { x: this.distance.x + $event.distance.x, y: this.distance.y + $event.distance.y };
-    }
-    onSize() {
-        if (!this.dialogRef)
-            return;
-        this.isMaximize.update((x) => !x);
-        if (this.isMaximize()) {
-            this.onMaximize();
-        }
-        else {
-            this.onMinimize();
-        }
-    }
-    onMaximize() {
-        this.dialogRef.overlayRef?.updateSize({
-            width: '100%',
-            height: '100%',
-            minWidth: '100%',
-            minHeight: '100%'
-        });
-        this.dialogBox['minWidth'] = '100%';
-        this.dialogBox['minHeight'] = '100%';
-        this.dialogBox['draggable'] = false;
-        this.dialogBox['resizable'] = false;
-        if (this.draggableSignal()) {
-            this.dialogBox['distance'] = { x: 0, y: 0 };
-        }
-    }
-    onMinimize() {
-        this.dialogBox['minWidth'] = this.minWidth();
-        this.dialogBox['minHeight'] = this.minHeight();
-        this.dialogBox['draggable'] = this.draggableSignal();
-        this.dialogRef.overlayRef?.updateSize({
-            width: this.dialogBox['width'],
-            height: this.dialogBox['height'],
-            minWidth: this.dialogBox['minWidth'],
-            minHeight: this.dialogBox['minHeight']
-        });
-        if (this.draggableSignal()) {
-            this.dialogBox['distance'] = { ...this.distance };
-        }
-    }
-    moveDone($event) {
-        if ($event.animationName.endsWith('-leave')) {
-            !this.destroy() && this.closeDone.emit($event);
-            this.isMaximize.set(false);
-            this.dialogBox = {
-                draggable: this.draggableSignal()
-            };
-            this.distance = { x: 0, y: 0 };
-            this.dialogRef?.overlayRef?.dispose();
-        }
-        else {
-            !this.destroy() && this.showDone.emit($event);
-        }
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XDialogComponent, isStandalone: true, selector: "x-dialog", host: { properties: { "class.x-dialog-visible": "this.getVisible", "class": "this.clsName" } }, viewQueries: [{ propertyName: "dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dialogTpl>\r\n  @if (visible()) {\r\n    @if (container && hasBackdrop()) {\r\n      <div\r\n        class=\"x-dialog-backdrop\"\r\n        animate.enter=\"x-opacity-enter\"\r\n        animate.leave=\"x-opacity-leave\"\r\n        (click)=\"onClose('close')\"\r\n      ></div>\r\n    }\r\n    <div\r\n      class=\"x-dialog\"\r\n      [animate.enter]=\"`x-move-${placement()}-enter`\"\r\n      [animate.leave]=\"`x-move-${placement()}-leave`\"\r\n      (animationend)=\"moveDone($event)\"\r\n      [class.x-dialog-maximize]=\"isMaximize()\"\r\n      [class.x-dialog-default-maximize]=\"isDefaultMaximize()\"\r\n      [ngStyle]=\"getStyle()\"\r\n    >\r\n      <x-alert\r\n        [draggable]=\"draggableSignal() && dialogBox['draggable']\"\r\n        [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n        [minWidth]=\"dialogBox['minWidth']\"\r\n        [minHeight]=\"dialogBox['minHeight']\"\r\n        [dragBoundary]=\"'.cdk-overlay-container'\"\r\n        [title]=\"title()\"\r\n        [content]=\"contentTpl\"\r\n        [type]=\"type()\"\r\n        [effect]=\"effect()\"\r\n        [hideClose]=\"hideClose()\"\r\n        [closeText]=\"closeText()\"\r\n        [operationTpl]=\"operationTpl\"\r\n        (close)=\"onClose('close')\"\r\n        (dragEnded)=\"onDragEnded($event)\"\r\n        [showIcon]=\"false\"\r\n        [duration]=\"0\"\r\n        manual\r\n        disabledAnimation\r\n      ></x-alert>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n  <div class=\"x-dialog-inner\">\r\n    <div class=\"x-dialog-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter()\">\r\n      <ng-container *xOutlet=\"footer()\">\r\n        @if (showCancel() || showConfirm()) {\r\n          <x-buttons space=\"0.5rem\">\r\n            @if (showCancel()) {\r\n              <x-button class=\"x-dialog-cancel\" (click)=\"onClose('cancel')\" flat plain>{{ getCancelText() }}</x-button>\r\n            }\r\n            @if (showConfirm()) {\r\n              <x-button class=\"x-dialog-confirm\" type=\"primary\" flat (click)=\"onClose('confirm')\">{{\r\n                getConfirmText()\r\n              }}</x-button>\r\n            }\r\n          </x-buttons>\r\n        }\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n  @if (maximizeSignal()) {\r\n    <x-button\r\n      size=\"small\"\r\n      flat\r\n      [icon]=\"isMaximize() ? 'fto-minimize' : 'fto-maximize'\"\r\n      [onlyIcon]=\"true\"\r\n      (click)=\"onSize()\"\r\n      class=\"x-dialog-maximize\"\r\n    ></x-button>\r\n  }\r\n</ng-template>\r\n\r\n@if (container) {\r\n  <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n}\r\n", styles: [".x-dialog{margin:0;padding:0}.x-dialog{width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important;flex:initial}.x-dialog-default-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XAlertComponent, selector: "x-alert" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: `${XDialogPrefix}`, imports: [NgStyle, NgTemplateOutlet, XAlertComponent, XButtonComponent, XButtonsComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #dialogTpl>\r\n  @if (visible()) {\r\n    @if (container && hasBackdrop()) {\r\n      <div\r\n        class=\"x-dialog-backdrop\"\r\n        animate.enter=\"x-opacity-enter\"\r\n        animate.leave=\"x-opacity-leave\"\r\n        (click)=\"onClose('close')\"\r\n      ></div>\r\n    }\r\n    <div\r\n      class=\"x-dialog\"\r\n      [animate.enter]=\"`x-move-${placement()}-enter`\"\r\n      [animate.leave]=\"`x-move-${placement()}-leave`\"\r\n      (animationend)=\"moveDone($event)\"\r\n      [class.x-dialog-maximize]=\"isMaximize()\"\r\n      [class.x-dialog-default-maximize]=\"isDefaultMaximize()\"\r\n      [ngStyle]=\"getStyle()\"\r\n    >\r\n      <x-alert\r\n        [draggable]=\"draggableSignal() && dialogBox['draggable']\"\r\n        [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n        [minWidth]=\"dialogBox['minWidth']\"\r\n        [minHeight]=\"dialogBox['minHeight']\"\r\n        [dragBoundary]=\"'.cdk-overlay-container'\"\r\n        [title]=\"title()\"\r\n        [content]=\"contentTpl\"\r\n        [type]=\"type()\"\r\n        [effect]=\"effect()\"\r\n        [hideClose]=\"hideClose()\"\r\n        [closeText]=\"closeText()\"\r\n        [operationTpl]=\"operationTpl\"\r\n        (close)=\"onClose('close')\"\r\n        (dragEnded)=\"onDragEnded($event)\"\r\n        [showIcon]=\"false\"\r\n        [duration]=\"0\"\r\n        manual\r\n        disabledAnimation\r\n      ></x-alert>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n  <div class=\"x-dialog-inner\">\r\n    <div class=\"x-dialog-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter()\">\r\n      <ng-container *xOutlet=\"footer()\">\r\n        @if (showCancel() || showConfirm()) {\r\n          <x-buttons space=\"0.5rem\">\r\n            @if (showCancel()) {\r\n              <x-button class=\"x-dialog-cancel\" (click)=\"onClose('cancel')\" flat plain>{{ getCancelText() }}</x-button>\r\n            }\r\n            @if (showConfirm()) {\r\n              <x-button class=\"x-dialog-confirm\" type=\"primary\" flat (click)=\"onClose('confirm')\">{{\r\n                getConfirmText()\r\n              }}</x-button>\r\n            }\r\n          </x-buttons>\r\n        }\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n  @if (maximizeSignal()) {\r\n    <x-button\r\n      size=\"small\"\r\n      flat\r\n      [icon]=\"isMaximize() ? 'fto-minimize' : 'fto-maximize'\"\r\n      [onlyIcon]=\"true\"\r\n      (click)=\"onSize()\"\r\n      class=\"x-dialog-maximize\"\r\n    ></x-button>\r\n  }\r\n</ng-template>\r\n\r\n@if (container) {\r\n  <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n}\r\n", styles: [".x-dialog{margin:0;padding:0}.x-dialog{width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important;flex:initial}.x-dialog-default-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { getVisible: [{
-                type: HostBinding,
-                args: ['class.x-dialog-visible']
-            }], clsName: [{
-                type: HostBinding,
-                args: ['class']
-            }], dialogTpl: [{ type: i0.ViewChild, args: ['dialogTpl', { isSignal: true }] }] } });
-
-class XDialogContainerComponent extends XDialogContainerProperty {
-    constructor() {
-        super(...arguments);
-        this._has = true;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: XDialogContainerComponent, isStandalone: true, selector: "x-dialog-container", host: { properties: { "class.x-dialog-container": "this._has" } }, providers: [
-            {
-                provide: X_DIALOG_CONTAINER,
-                useExisting: XDialogContainerComponent
-            }
-        ], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-dialog-container{margin:0;padding:0}.x-dialog-container{position:relative;z-index:1;box-sizing:border-box;display:block;overflow:hidden}.x-dialog-container x-dialog{display:flex;position:absolute;width:100%;height:100%;z-index:-1;transition:z-index .4s;top:0;left:0}.x-dialog-container .x-dialog{position:absolute;display:block;outline:0;z-index:1001;width:initial;height:initial}.x-dialog-container .x-dialog-top,.x-dialog-container .x-dialog-bottom{justify-content:center}.x-dialog-container .x-dialog-center{justify-content:center;align-items:center}.x-dialog-container .x-dialog-left,.x-dialog-container .x-dialog-right{align-items:center}.x-dialog-container .x-dialog-visible{display:flex;z-index:1000}.x-dialog-container .x-dialog-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;background:#00000052}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'x-dialog-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: X_DIALOG_CONTAINER,
-                            useExisting: XDialogContainerComponent
-                        }
-                    ], template: "<ng-content></ng-content>\r\n", styles: [".x-dialog-container{margin:0;padding:0}.x-dialog-container{position:relative;z-index:1;box-sizing:border-box;display:block;overflow:hidden}.x-dialog-container x-dialog{display:flex;position:absolute;width:100%;height:100%;z-index:-1;transition:z-index .4s;top:0;left:0}.x-dialog-container .x-dialog{position:absolute;display:block;outline:0;z-index:1001;width:initial;height:initial}.x-dialog-container .x-dialog-top,.x-dialog-container .x-dialog-bottom{justify-content:center}.x-dialog-container .x-dialog-center{justify-content:center;align-items:center}.x-dialog-container .x-dialog-left,.x-dialog-container .x-dialog-right{align-items:center}.x-dialog-container .x-dialog-visible{display:flex;z-index:1000}.x-dialog-container .x-dialog-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;background:#00000052}\n"] }]
-        }], propDecorators: { _has: [{
-                type: HostBinding,
-                args: ['class.x-dialog-container']
-            }] } });
-
-// TODO: add more function
-class XDialogRef {
-    constructor(params) {
-        this.fullscreen = false;
-        this.afterClose = new Subject();
-        this.unsubject = new Subject();
-        this._isFristFullscreen = true;
-        this.overlayRef = params.overlayRef;
-        this.containerInstance = params.containerInstance;
-        this.renderer = params.renderer;
-        this.option = params.option;
-        this.fullscreen = params.fullscreen;
-        this.portalService = params.portalService;
-    }
-    close(result) {
-        this.containerInstance.animationChanged
-            .pipe(filter((event) => event.animationName.endsWith('-leave') && event.action === 'end'), take(1))
-            .subscribe(() => {
-            this.overlayRef.dispose();
-            this.afterClose.next(result);
-        });
-        setTimeout(() => {
-            this.overlayRef.detach();
-            this.unsubject.next();
-            this.unsubject.complete();
-        });
-    }
-    onFullscreen() {
-        let { dialogBox, overlayElement, distance, hostElement, defaultMaximize } = this.containerInstance;
-        if (!this.fullscreen) {
-            this.overlayRef.updateSize({
-                width: '100%',
-                height: '100%',
-                minWidth: '100%',
-                minHeight: '100%'
-            });
-            this.fullscreen = true;
-            dialogBox.minWidth = '100%';
-            dialogBox.minHeight = '100%';
-            dialogBox.draggable = false;
-            dialogBox.resizable = false;
-            if (this.option.resizable) {
-                this.renderer.setStyle(overlayElement, 'margin', '0 0 0 0');
-            }
-            if (this.option.draggable) {
-                dialogBox.distance = { x: 0, y: 0 };
-            }
-            this.renderer.addClass(overlayElement, 'x-dialog-portal-fullscreen');
-        }
-        else {
-            dialogBox.minWidth = this.option.minWidth;
-            dialogBox.minHeight = this.option.minHeight;
-            if (this._isFristFullscreen && defaultMaximize) {
-                this.option.draggable = dialogBox.draggable;
-                this.option.resizable = dialogBox.resizable;
-            }
-            else {
-                dialogBox.draggable = this.option.draggable;
-                dialogBox.resizable = this.option.resizable;
-            }
-            this.overlayRef.updateSize({
-                width: dialogBox['width'],
-                height: dialogBox['height'],
-                minWidth: dialogBox['minWidth'],
-                minHeight: dialogBox['minHeight']
-            });
-            this.fullscreen = false;
-            if (this.option.draggable) {
-                dialogBox.distance = { ...distance };
-            }
-            if (this.option.resizable) {
-                if (dialogBox.marginTop) {
-                    this.renderer.setStyle(overlayElement, 'margin-top', `${dialogBox.marginTop}`);
-                }
-                if (dialogBox.marginLeft) {
-                    this.renderer.setStyle(overlayElement, 'margin-left', `${dialogBox.marginLeft}`);
-                }
-                if (dialogBox.marginRight) {
-                    this.renderer.setStyle(overlayElement, 'margin-right', `${dialogBox.marginRight}`);
-                }
-                if (dialogBox.marginBottom) {
-                    this.renderer.setStyle(overlayElement, 'margin-bottom', `${dialogBox.marginBottom}`);
-                }
-            }
-            this.renderer.removeClass(overlayElement, 'x-dialog-portal-fullscreen');
-            if (this._isFristFullscreen && defaultMaximize) {
-                this.overlayRef.updatePositionStrategy(this.portalService.setPlace(this.option.placement, this.option.offset));
-                this.renderer.addClass(hostElement, XPortalResizablePrefix);
-                setTimeout(() => {
-                    Object.assign(dialogBox, this.portalService.setResizable(overlayElement, this.option.placement));
-                    this.containerInstance.offsetLeft = overlayElement.offsetLeft;
-                    this.containerInstance.offsetTop = overlayElement.offsetTop;
-                    const dialogDraggable = overlayElement?.querySelector('.x-dialog-portal');
-                    this.containerInstance.initHeight = dialogDraggable.clientHeight;
-                    this.containerInstance.dialogContent = overlayElement?.querySelector('.x-dialog-portal-content');
-                    this.containerInstance.initContentHeight = this.containerInstance.dialogContent?.clientHeight;
-                    this.containerInstance.dialogBox = dialogBox;
-                });
-            }
-        }
-        this._isFristFullscreen = false;
-    }
-}
-
-class XDialogCloseDirective {
-    constructor() {
-        this.dialogRef = inject(XDialogRef, { optional: true });
-    }
-    onCloseClick() {
-        this.dialogRef?.close();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.5", type: XDialogCloseDirective, isStandalone: true, selector: "[x-dialog-close]", host: { listeners: { "click": "onCloseClick()" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogCloseDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-close]`
-                }]
-        }], propDecorators: { onCloseClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-class XDialogTitleDirective {
-    constructor() {
-        this._has = true;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.5", type: XDialogTitleDirective, isStandalone: true, selector: "[x-dialog-title], x-dialog-title", host: { properties: { "class.x-dialog-portal-title": "this._has" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogTitleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-title], x-dialog-title`
-                }]
-        }], propDecorators: { _has: [{
-                type: HostBinding,
-                args: ['class.x-dialog-portal-title']
-            }] } });
-class XDialogContentDirective {
-    constructor() {
-        this._has = true;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.5", type: XDialogContentDirective, isStandalone: true, selector: "[x-dialog-content], x-dialog-content", host: { properties: { "class.x-dialog-portal-content": "this._has" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-content], x-dialog-content`
-                }]
-        }], propDecorators: { _has: [{
-                type: HostBinding,
-                args: ['class.x-dialog-portal-content']
-            }] } });
-class XDialogActionsDirective {
-    constructor() {
-        this._has = true;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.5", type: XDialogActionsDirective, isStandalone: true, selector: "[x-dialog-actions], x-dialog-actions", host: { properties: { "class.x-dialog-portal-actions": "this._has" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogActionsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-actions], x-dialog-actions`
-                }]
-        }], propDecorators: { _has: [{
-                type: HostBinding,
-                args: ['class.x-dialog-portal-actions']
-            }] } });
-class XDialogDragHandleDirective {
-    constructor() {
-        this.dialogRef = inject(XDialogRef, { optional: true });
-    }
-    get getDraggable() {
-        return !this.dialogRef?.fullscreen && this.dialogRef?.option.draggable;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.5", type: XDialogDragHandleDirective, isStandalone: true, selector: "[x-dialog-drag-handle], x-dialog-drag-handle", host: { properties: { "class.x-dialog-portal-drag-handle": "this.getDraggable" } }, hostDirectives: [{ directive: i1.CdkDragHandle, inputs: ["cdkDragHandleDisabled", "xDialogDragHandleDisabled"] }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogDragHandleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-drag-handle], x-dialog-drag-handle`,
-                    hostDirectives: [
-                        {
-                            directive: CdkDragHandle,
-                            inputs: ['cdkDragHandleDisabled: xDialogDragHandleDisabled']
-                        }
-                    ]
-                }]
-        }], propDecorators: { getDraggable: [{
-                type: HostBinding,
-                args: ['class.x-dialog-portal-drag-handle']
-            }] } });
-class XDialogFullscreenDirective {
-    constructor() {
-        this.dialogRef = inject(XDialogRef, { optional: true });
-    }
-    onFullscreenClick() {
-        this.dialogRef?.onFullscreen();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogFullscreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.5", type: XDialogFullscreenDirective, isStandalone: true, selector: "[x-dialog-fullscreen], x-dialog-fullscreen", host: { listeners: { "click": "onFullscreenClick()" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogFullscreenDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-fullscreen], x-dialog-fullscreen`
-                }]
-        }], propDecorators: { onFullscreenClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
-class XDialogPortalComponent extends BasePortalOutlet {
-    constructor() {
-        super(...arguments);
-        this.placement = model.required(...(ngDevMode ? [{ debugName: "placement" }] : []));
-        this.renderer = inject(Renderer2);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.portalOutlet = viewChild.required(CdkPortalOutlet);
-        this.dragRef = viewChild.required(CdkDrag);
-        this.handles = contentChildren(XDialogDragHandleDirective, ...(ngDevMode ? [{ debugName: "handles", descendants: true }] : [{ descendants: true }]));
-        this.animationChanged = new EventEmitter();
-        this.offsetLeft = 0;
-        this.offsetTop = 0;
-        this.minWidth = '0rem';
-        this.minHeight = '0rem';
-        this.initHeight = 0;
-        this.initContentHeight = 0;
-        this.defaultMaximize = false;
-        this.distance = { x: 0, y: 0 };
-        this.dialogBox = {};
-    }
-    get enimateEnter() {
-        return `x-move-${this.placement()}-enter`;
-    }
-    get enimateLeave() {
-        return `x-move-${this.placement()}-leave`;
-    }
-    done(event) {
-        this.animationChanged.next({ action: 'end', animationName: event.animationName });
-    }
-    start(event) {
-        this.animationChanged.next({ action: 'start', animationName: event.animationName });
-    }
-    ngOnInit() {
-        this.dialogBox['draggable'] = this.defaultMaximize ? this.dialogBox['draggable'] : this.option.draggable;
-    }
-    ngAfterViewInit() {
-        this.portalOutlet().setDisposeFn(() => { });
-    }
-    attachComponentPortal(portal) {
-        if (this.portalOutlet().hasAttached()) {
-            throw Error('dialog portal has attached');
-        }
-        return this.portalOutlet().attachComponentPortal(portal);
-    }
-    attachTemplatePortal(portal) {
-        if (this.portalOutlet().hasAttached()) {
-            throw Error('dialog portal has attached');
-        }
-        return this.portalOutlet().attachTemplatePortal(portal);
-    }
-    onDragEnded(event) {
-        this.distance = {
-            x: this.distance.x + event.distance.x,
-            y: this.distance.y + event.distance.y
-        };
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogPortalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.5", type: XDialogPortalComponent, isStandalone: true, selector: "x-dialog-portal", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { placement: "placementChange" }, host: { listeners: { "animationend": "done($event)", "animationstart": "start($event)" }, properties: { "animate.enter": "this.enimateEnter", "animate.leave": "this.enimateLeave" } }, queries: [{ propertyName: "handles", predicate: XDialogDragHandleDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }, { propertyName: "dragRef", first: true, predicate: CdkDrag, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-dialog-portal\"\r\n  #dragRef\r\n  cdkDrag\r\n  [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n  [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n  [cdkDragRootElement]=\"'.cdk-overlay-pane'\"\r\n  [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n  (cdkDragEnded)=\"onDragEnded($event)\"\r\n  [style.minWidth]=\"dialogBox['minWidth']\"\r\n  [style.minHeight]=\"dialogBox['minHeight']\"\r\n  [style.maxWidth]=\"dialogBox['maxWidth']\"\r\n  [style.maxHeight]=\"dialogBox['maxHeight']\"\r\n>\r\n  <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0}.x-dialog-portal{width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background-100);box-shadow:var(--x-box-shadow);border-radius:var(--x-border-small-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important;border-radius:0}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogPortalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'x-dialog-portal', imports: [DragDropModule, PortalModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"x-dialog-portal\"\r\n  #dragRef\r\n  cdkDrag\r\n  [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n  [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n  [cdkDragRootElement]=\"'.cdk-overlay-pane'\"\r\n  [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n  (cdkDragEnded)=\"onDragEnded($event)\"\r\n  [style.minWidth]=\"dialogBox['minWidth']\"\r\n  [style.minHeight]=\"dialogBox['minHeight']\"\r\n  [style.maxWidth]=\"dialogBox['maxWidth']\"\r\n  [style.maxHeight]=\"dialogBox['maxHeight']\"\r\n>\r\n  <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0}.x-dialog-portal{width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background-100);box-shadow:var(--x-box-shadow);border-radius:var(--x-border-small-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important;border-radius:0}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"] }]
-        }], propDecorators: { placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: true }] }, { type: i0.Output, args: ["placementChange"] }], enimateEnter: [{
-                type: HostBinding,
-                args: ['animate.enter']
-            }], enimateLeave: [{
-                type: HostBinding,
-                args: ['animate.leave']
-            }], done: [{
-                type: HostListener,
-                args: ['animationend', ['$event']]
-            }], start: [{
-                type: HostListener,
-                args: ['animationstart', ['$event']]
-            }], portalOutlet: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkPortalOutlet), { isSignal: true }] }], dragRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkDrag), { isSignal: true }] }], handles: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => XDialogDragHandleDirective), { ...{ descendants: true }, isSignal: true }] }] } });
-
-class XDialogModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.5", ngImport: i0, type: XDialogModule, imports: [XDialogComponent,
-            XDialogContainerComponent,
-            XDialogCloseDirective,
-            XDialogTitleDirective,
-            XDialogContentDirective,
-            XDialogActionsDirective,
-            XDialogDragHandleDirective,
-            XDialogFullscreenDirective], exports: [XDialogComponent,
-            XDialogContainerComponent,
-            XDialogCloseDirective,
-            XDialogTitleDirective,
-            XDialogContentDirective,
-            XDialogActionsDirective,
-            XDialogDragHandleDirective,
-            XDialogFullscreenDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogModule, imports: [XDialogComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [
-                        XDialogComponent,
-                        XDialogContainerComponent,
-                        XDialogCloseDirective,
-                        XDialogTitleDirective,
-                        XDialogContentDirective,
-                        XDialogActionsDirective,
-                        XDialogDragHandleDirective,
-                        XDialogFullscreenDirective
-                    ],
-                    imports: [
-                        XDialogComponent,
-                        XDialogContainerComponent,
-                        XDialogCloseDirective,
-                        XDialogTitleDirective,
-                        XDialogContentDirective,
-                        XDialogActionsDirective,
-                        XDialogDragHandleDirective,
-                        XDialogFullscreenDirective
-                    ]
-                }]
-        }] });
-
-class XDialogService {
-    constructor() {
-        this.default = {
-            placement: 'center',
-            offset: '1rem',
-            width: '32rem',
-            minWidth: '18rem',
-            minHeight: '8rem',
-            backdropClose: true,
-            hasBackdrop: true,
-            keyboard: true,
-            draggable: false
-        };
-        this.portalService = inject(XPortalService);
-        this.configService = inject(XConfigService);
-        this.overlay = inject(Overlay);
-        this.rendererFactory = inject(RendererFactory2);
-        this.document = inject(DOCUMENT);
-        this.renderer = this.rendererFactory.createRenderer(null, null);
-        this.dialogRefs = [];
-        this.configDefault = this.configService.getConfigForComponent(X_DIALOG_CONFIG_NAME);
-        Object.assign(this.default, this.configDefault);
-    }
-    create(content, option = {}) {
-        XFillDefault(option, this.default);
-        const portal = this.portalService.attach({
-            content: XDialogPortalComponent,
-            viewContainerRef: option.viewContainerRef,
-            overlayConfig: {
-                hasBackdrop: option.hasBackdrop,
-                panelClass: option.className,
-                scrollStrategy: this.overlay.scrollStrategies.block(),
-                width: option.width,
-                height: option.height,
-                minWidth: option.minWidth,
-                minHeight: option.minHeight,
-                maxWidth: option.maxWidth,
-                maxHeight: option.maxHeight,
-                positionStrategy: this.portalService.setPlace(option.placement, option.offset)
-            }
-        });
-        const { overlayRef, componentRef } = portal || {};
-        const { instance } = componentRef || {};
-        const { hostElement, overlayElement } = overlayRef || {};
-        let defaultMaximize = this.setMaximize(option);
-        let dialogBox = {
-            draggable: option.draggable
-        };
-        Object.assign(dialogBox, {
-            width: defaultMaximize ? this.default.width : option.width,
-            height: defaultMaximize ? null : option.height,
-            minWidth: option.minWidth,
-            minHeight: option.minHeight
-        });
-        const dialogRef = new XDialogRef({
-            overlayRef: overlayRef,
-            containerInstance: instance,
-            renderer: this.renderer,
-            option,
-            fullscreen: defaultMaximize,
-            portalService: this.portalService
-        });
-        componentRef?.setInput('placement', option.placement);
-        instance.option = option;
-        instance.defaultMaximize = defaultMaximize;
-        instance.dialogBox = dialogBox;
-        instance.hostElement = hostElement;
-        instance.overlayElement = overlayElement;
-        if (defaultMaximize) {
-            this.renderer.addClass(overlayElement, 'x-dialog-portal-fullscreen');
-        }
-        if (content instanceof TemplateRef) {
-            instance.attachTemplatePortal(new TemplatePortal(content, option.viewContainerRef, { $implicit: option.data, dialogRef: dialogRef }));
-        }
-        else {
-            const injector = this.portalService.createInjector([
-                { provide: X_DIALOG_DATA, useValue: option.data },
-                { provide: XDialogRef, useValue: dialogRef }
-            ]);
-            const comRef = instance.attachComponentPortal(new ComponentPortal(content, option.viewContainerRef, injector));
-            dialogRef.componentInstance = comRef.instance;
-        }
-        this.dialogRefs.push(dialogRef);
-        const close = () => {
-            dialogRef.close();
-            this.dialogRefs.splice(this.dialogRefs.indexOf(dialogRef), 1);
-        };
-        if (option.hasBackdrop && option.backdropClose && overlayRef) {
-            overlayRef
-                .backdropClick()
-                .pipe(takeUntil$1(dialogRef.unsubject))
-                .subscribe(() => {
-                close();
-            });
-        }
-        if (option.keyboard) {
-            fromEvent(this.document, 'keydown')
-                .pipe(takeUntil$1(dialogRef.unsubject))
-                .subscribe((event) => {
-                if (event.key === 'Escape' || event.keyCode === 27) {
-                    if (this.dialogRefs[this.dialogRefs.length - 1] === dialogRef) {
-                        close();
-                    }
-                }
-            });
-        }
-        return dialogRef;
-    }
-    setMaximize(option = {}) {
-        const ws = ['100%', '100vw'];
-        const hs = ['100%', '100vh'];
-        if (ws.includes(option.width) && hs.includes(option.height)) {
-            option.resizable = false;
-            option.draggable = false;
-            return true;
-        }
-        return false;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDialogService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XDialogActionsDirective, XDialogCloseDirective, XDialogComponent, XDialogContainer, XDialogContainerComponent, XDialogContainerPrefix, XDialogContainerProperty, XDialogContentDirective, XDialogDragHandleDirective, XDialogFullscreenDirective, XDialogModule, XDialogPortalComponent, XDialogPrefix, XDialogProperty, XDialogRef, XDialogService, XDialogTitleDirective, X_DIALOG_CONFIG_NAME, X_DIALOG_CONTAINER, X_DIALOG_DATA };
-//# sourceMappingURL=ng-nest-ui-dialog.mjs.map