@ng-nest/ui 13.0.4 → 13.0.8

package/message/message.property.d.ts

@@ -15,6 +15,11 @@ export declare const X_MESSAGE_CONFIG_NAME = "message";
  * Message Option
  */
 export interface XMessageOption extends XAlertOption {
+    /**
+     * @zh_CN 消息框的 id
+     * @en_US Message id
+     */
+    id?: string;
     /**
      * @zh_CN 方位，九宫格
      * @en_US Direction, nine grid
@@ -98,12 +103,27 @@ export interface XMessageOverlayRef extends XPortalOverlayRef<XMessageComponent>
  * @en_US Message object in Jiugongge
  */
 export interface XMessagePlacement {
-    [property: string]: XMessageRef;
+    [property: string]: XMessagePlacementRef;
 }
-export interface XMessageRef {
+/**
+ * @zh_CN 九宫格中的消息对象
+ * @en_US Message object in Jiugongge
+ */
+export interface XMessagePlacementRef {
+    /**
+     * @zh_CN 方位对应的 overlayRef
+     * @en_US Placement overlayRef
+     */
     ref: XMessageOverlayRef;
+    /**
+     * @zh_CN 对应的消息 list 数据
+     * @en_US Corresponding message list data
+     */
     list: XMessageOption[];
-    currentClose: () => void;
+    /**
+     * @zh_CN 关闭所有数据
+     * @en_US Close all data
+     */
     closeAll: () => void;
 }
 /**

package/message/message.service.d.ts

@@ -1,6 +1,7 @@
 import { XTemplate, XConfigService, XMessageConfig } from '@ng-nest/ui/core';
-import { XMessageOverlayRef, XMessagePlacement, XMessageRef, XMessageOption } from './message.property';
+import { XMessageOverlayRef, XMessagePlacement, XMessageOption } from './message.property';
 import { XPortalService } from '@ng-nest/ui/portal';
+import { XMessageRef } from './message-ref';
 import * as i0 from "@angular/core";
 export declare class XMessageService {
     portal: XPortalService;
@@ -13,6 +14,7 @@ export declare class XMessageService {
     success(option: XTemplate | XMessageOption): XMessageRef;
     warning(option: XTemplate | XMessageOption): XMessageRef;
     error(option: XTemplate | XMessageOption): XMessageRef;
+    loading(option: XTemplate | XMessageOption): XMessageRef;
     create(option: XMessageOption): XMessageOverlayRef;
     private createMessage;
     private closeAll;
@@ -20,6 +22,7 @@ export declare class XMessageService {
     private messageChange;
     private setDuration;
     private removeMessage;
+    private updateMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<XMessageService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<XMessageService>;
 }

package/message/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './message.component';
+export * from './message-ref';
 export * from './message.service';
 export * from './message.module';
 export * from './message.property';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "13.0.4",
+  "version": "13.0.8",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {
@@ -13,14 +13,14 @@
     "url": "https://github.com/NG-NEST/ng-nest"
   },
   "dependencies": {
-    "tslib": "~2.3.0",
-    "@angular/cdk": "~13.0.0"
+    "tslib": "^2.3.0",
+    "@angular/cdk": "^13.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "~13.0.0",
-    "@angular/common": "~13.0.0",
-    "@angular/core": "~13.0.0",
-    "@angular/forms": "~13.0.0"
+    "@angular/animations": "^13.0.0",
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@angular/forms": "^13.0.0"
   },
   "module": "fesm2015/ng-nest-ui.mjs",
   "es2020": "fesm2020/ng-nest-ui.mjs",

package/popconfirm/examples/en_US/default/async-close/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: 'Async'
+---
+
+Use the `confirmAsync` property to use an asynchronous confirmation, pass a `Observable` object, trigger confirmation via `next()`.

package/popconfirm/examples/en_US/default/condition/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: 'Condition'
+---
+
+Trigger the bubble box using the `condition` property, whether it is `ture` or `false` will execute `confirm`.

package/popconfirm/examples/zh_CN/default/async-close/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: '异步确认'
+---
+
+使用 `confirmAsync` 属性来使用异步确认，传递一个 `Observable` 对象，通过 `next()` 来触发确认。

package/popconfirm/examples/zh_CN/default/condition/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: '条件触发'
+---
+
+使用 `condition` 属性来条件触发气泡框，不管是 `ture` 还是 `false` 都会执行 `confirm` 。

package/popconfirm/popconfirm.component.d.ts

@@ -1,9 +1,9 @@
-import { Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { XPopconfirmProperty } from './popconfirm.property';
 import { XBoolean, XConfigService } from '@ng-nest/ui/core';
 import { XI18nService, XI18nPopconfirm } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
-export declare class XPopconfirmComponent extends XPopconfirmProperty {
+export declare class XPopconfirmComponent extends XPopconfirmProperty implements OnDestroy {
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
@@ -11,13 +11,17 @@ export declare class XPopconfirmComponent extends XPopconfirmProperty {
     i18n: XI18nService;
     visible: XBoolean;
     locale: XI18nPopconfirm;
+    loading: boolean;
     private _unSubject;
+    private _asyncUnSub;
     get getCancelText(): string | undefined;
     get getConfirmText(): string | undefined;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     onCancel(): void;
     onConfirm(): void;
+    onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopconfirmComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirmComponent, "x-popconfirm", never, {}, {}, never, ["*"]>;
 }

package/popconfirm/popconfirm.property.d.ts

@@ -1,6 +1,7 @@
-import { XPlacement, XTemplate, XProperty } from '@ng-nest/ui/core';
+import { XPlacement, XTemplate, XProperty, XBoolean } from '@ng-nest/ui/core';
 import { XPopoverTrigger } from '@ng-nest/ui/popover';
 import { EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Popconfirm
@@ -57,6 +58,16 @@ export declare class XPopconfirmProperty extends XProperty {
      * @en_US Confirmed text
      */
     confirmText?: string;
+    /**
+     * @zh_CN 确认异步 Observable
+     * @en_US Confirm async
+     */
+    confirmAsync?: Observable<void>;
+    /**
+     * @zh_CN 条件触发
+     * @en_US condition trigger
+     */
+    condition?: XBoolean;
     /**
      * @zh_CN 取消的点击事件
      * @en_US Cancelled click event
@@ -68,5 +79,5 @@ export declare class XPopconfirmProperty extends XProperty {
      */
     confirm: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopconfirmProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirmProperty, "ng-component", never, { "title": "title"; "content": "content"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "icon": "icon"; "iconColor": "iconColor"; "cancelText": "cancelText"; "confirmText": "confirmText"; }, { "cancel": "cancel"; "confirm": "confirm"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirmProperty, "ng-component", never, { "title": "title"; "content": "content"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "icon": "icon"; "iconColor": "iconColor"; "cancelText": "cancelText"; "confirmText": "confirmText"; "confirmAsync": "confirmAsync"; "condition": "condition"; }, { "cancel": "cancel"; "confirm": "confirm"; }, never, never>;
 }

package/popover/popover.property.d.ts

@@ -46,13 +46,18 @@ export declare class XPopoverProperty extends XProperty {
      * @en_US Show/hide control
      */
     visible?: XBoolean;
+    /**
+     * @zh_CN 条件触发
+     * @en_US condition trigger
+     */
+    condition?: XBoolean;
     /**
      * @zh_CN 显示/隐藏改变的事件
      * @en_US Show/hide changed events
      */
     visibleChange: EventEmitter<XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopoverProperty, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<XPopoverProperty, "[x-popover], x-popover", never, { "title": "title"; "content": "content"; "footer": "footer"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XPopoverProperty, "[x-popover], x-popover", never, { "title": "title"; "content": "content"; "footer": "footer"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "visible": "visible"; "condition": "condition"; }, { "visibleChange": "visibleChange"; }, never>;
 }
 /**
  * @zh_CN 激活方式

package/steps/examples/zh_CN/default/node-status/README.md

@@ -1,6 +1,6 @@
 ---
 order: 9
-label: '节点状态'
+label: '节点状态优先'
 ---
 
 使用 `nodeStatus` 属性来启用单节点设置状态优先，`activatedIndex` 和 `status` 将失效，可以有多个相同状态的节点。

package/table/examples/en_US/default/rowclass/README.md

@@ -0,0 +1,6 @@
+---
+order: 10
+label: '行样式'
+---
+
+- 使用 `rowClass` 属性定义行样式，样式名需要写在 `::ng-deep` 中。

package/table/examples/zh_CN/default/rowclass/README.md

@@ -0,0 +1,6 @@
+---
+order: 10
+label: '行样式'
+---
+
+- 使用 `rowClass` 属性定义行样式，样式名需要写在 `::ng-deep` 中。

package/table/table.property.d.ts

@@ -62,6 +62,13 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      * @en_US Column content custom template
      */
     bodyColumnTpl: XTableTemplate;
+    /**
+     * @zh_CN 行条件样式
+     * @en_US Row condition class
+     */
+    rowClass?: (row: XTableRow, index: number) => {
+        [className: string]: boolean;
+    };
     /**
      * @zh_CN 排序点击的事件
      * @en_US Sort click events
@@ -143,7 +150,7 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      */
     rowSize?: XSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "rowClass": "rowClass"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never>;
 }
 /**
  * Table Option
@@ -185,6 +192,13 @@ export interface XTableOption extends XPaginationOption {
      * @en_US Column content custom template
      */
     bodyColumnTpl?: XTableTemplate;
+    /**
+     * @zh_CN 行条件样式
+     * @en_US Row condition class
+     */
+    rowClass?: (row: XTableRow, index: number) => {
+        [className: string]: boolean;
+    };
     /**
      * @zh_CN 开启虚拟滚动
      * @en_US Turn on virtual scrolling
@@ -524,8 +538,15 @@ export declare class XTableBodyProperty extends XProperty {
      * @en_US Cell config rules
      */
     cellConfig?: XTableCellConfigRule;
+    /**
+     * @zh_CN 行条件样式
+     * @en_US Row condition class
+     */
+    rowClass?: (row: XTableRow, index: number) => {
+        [className: string]: boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableBodyProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTableBodyProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "columnTpl": "columnTpl"; "activatedRow": "activatedRow"; "rowHeight": "rowHeight"; "bodyHeight": "bodyHeight"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "scroll": "scroll"; "cellConfig": "cellConfig"; }, { "activatedRowChange": "activatedRowChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableBodyProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "columnTpl": "columnTpl"; "activatedRow": "activatedRow"; "rowHeight": "rowHeight"; "bodyHeight": "bodyHeight"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "scroll": "scroll"; "cellConfig": "cellConfig"; "rowClass": "rowClass"; }, { "activatedRowChange": "activatedRowChange"; }, never, never>;
 }
 /**
  * Table Foot

package/tooltip/tooltip.directive.d.ts

@@ -15,6 +15,7 @@ export declare class XTooltipDirective extends XTooltipProperty implements OnCha
     contentChange: BehaviorSubject<any>;
     positionChange: Subject<any>;
     timeoutHide: any;
+    timeoutShow: any;
     private _unSubject;
     constructor(elementRef: ElementRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, overlay: Overlay);
     mouseenter(): void;

package/tooltip/tooltip.property.d.ts

@@ -40,8 +40,18 @@ export declare class XTooltipProperty {
      * @en_US Manually handle the shutdown event
      */
     manual?: XBoolean;
+    /**
+     * @zh_CN 鼠标移入后延时多少才显示
+     * @en_US How much is the mouse transfer after transfer
+     */
+    mouseEnterDelay: number;
+    /**
+     * @zh_CN 鼠标移出后延时多少才隐藏
+     * @en_US How much hidden is hidden after the mouse is removed
+     */
+    mouseLeaveDelay: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTooltipProperty, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<XTooltipProperty, "[x-tooltip], x-tooltip", never, { "content": "content"; "placement": "placement"; "visible": "visible"; "backgroundColor": "backgroundColor"; "color": "color"; "manual": "manual"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTooltipProperty, "[x-tooltip], x-tooltip", never, { "content": "content"; "placement": "placement"; "visible": "visible"; "backgroundColor": "backgroundColor"; "color": "color"; "manual": "manual"; "mouseEnterDelay": "mouseEnterDelay"; "mouseLeaveDelay": "mouseLeaveDelay"; }, {}, never>;
 }
 /**
  * Tooltip Portal

package/tree/tree.property.d.ts

@@ -111,13 +111,18 @@ export declare class XTreeProperty extends XProperty {
      * @en_US Tree node operation buttons
      */
     actions: XTreeAction[];
+    /**
+     * @zh_CN 开启虚拟滚动
+     * @en_US Turn on virtual scrolling
+     */
+    virtualScroll: XBoolean;
     /**
      * @zh_CN 参数控制请求改变事件
      * @en_US Parameter control request change event
      */
     manualChange: EventEmitter<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeProperty, "ng-component", never, { "data": "data"; "checkbox": "checkbox"; "lazy": "lazy"; "activatedId": "activatedId"; "expanded": "expanded"; "checked": "checked"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "nodeOpen": "nodeOpen"; "spacing": "spacing"; "labelTpl": "labelTpl"; "nodeHeight": "nodeHeight"; "allowManyActivated": "allowManyActivated"; "manual": "manual"; "levelCheck": "levelCheck"; "nodeNowrap": "nodeNowrap"; "nodeAlignItems": "nodeAlignItems"; "actions": "actions"; }, { "activatedChange": "activatedChange"; "checkboxChange": "checkboxChange"; "manualChange": "manualChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeProperty, "ng-component", never, { "data": "data"; "checkbox": "checkbox"; "lazy": "lazy"; "activatedId": "activatedId"; "expanded": "expanded"; "checked": "checked"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "nodeOpen": "nodeOpen"; "spacing": "spacing"; "labelTpl": "labelTpl"; "nodeHeight": "nodeHeight"; "allowManyActivated": "allowManyActivated"; "manual": "manual"; "levelCheck": "levelCheck"; "nodeNowrap": "nodeNowrap"; "nodeAlignItems": "nodeAlignItems"; "actions": "actions"; "virtualScroll": "virtualScroll"; }, { "activatedChange": "activatedChange"; "checkboxChange": "checkboxChange"; "manualChange": "manualChange"; }, never, never>;
 }
 /**
  * @zh_CN Tree 数据对象

package/esm2020/dialog/dialog-container.component.mjs

@@ -1,52 +0,0 @@
-import { BasePortalOutlet, CdkPortalOutlet } from '@angular/cdk/portal';
-import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, ViewChild, ViewEncapsulation } from '@angular/core';
-import { XMoveBoxAnimation } from '@ng-nest/ui/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/portal";
-export class XDialogContainerComponent extends BasePortalOutlet {
-    constructor() {
-        super();
-        this._has = true;
-        this.animationChanged = new EventEmitter();
-    }
-    done({ toState, totalTime }) {
-        this.animationChanged.next({ action: 'done', state: toState, totalTime });
-    }
-    start({ toState, totalTime }) {
-        this.animationChanged.next({ action: 'start', state: toState, totalTime });
-    }
-    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);
-    }
-}
-/** @nocollapse */ /** @nocollapse */ XDialogContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XDialogContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XDialogContainerComponent, selector: "x-dialog-container", host: { listeners: { "@x-move-box-animation.done": "done($event)", "@x-move-box-animation.start": "start($event)" }, properties: { "class.x-dialog-container": "this._has", "@x-move-box-animation": "this.placement" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\r\n", styles: [".x-dialog-container{margin:0;padding:0;width:100%;height:100%;overflow:auto;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-container-title{display:block;margin:0 0 .5rem;font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-dialog-container-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-container-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin-bottom:-1rem;min-height:4rem}.x-dialog-container-actions[align=center]{justify-content:center}.x-dialog-container-actions[align=start]{justify-content:flex-start}.x-dialog-container-actions x-button:not(:first-child){margin-left:1rem}\n"], directives: [{ type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'x-dialog-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation], template: "<ng-template cdkPortalOutlet></ng-template>\r\n", styles: [".x-dialog-container{margin:0;padding:0;width:100%;height:100%;overflow:auto;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-container-title{display:block;margin:0 0 .5rem;font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-dialog-container-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-container-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin-bottom:-1rem;min-height:4rem}.x-dialog-container-actions[align=center]{justify-content:center}.x-dialog-container-actions[align=start]{justify-content:flex-start}.x-dialog-container-actions x-button:not(:first-child){margin-left:1rem}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { _has: [{
-                type: HostBinding,
-                args: ['class.x-dialog-container']
-            }], placement: [{
-                type: HostBinding,
-                args: ['@x-move-box-animation']
-            }], done: [{
-                type: HostListener,
-                args: ['@x-move-box-animation.done', ['$event']]
-            }], start: [{
-                type: HostListener,
-                args: ['@x-move-box-animation.start', ['$event']]
-            }], portalOutlet: [{
-                type: ViewChild,
-                args: [CdkPortalOutlet, { static: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kaWFsb2cvZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kaWFsb2cvZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxFQUFtQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3pHLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUdULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLFNBQVMsRUFDVCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQVlyRCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsZ0JBQWdCO0lBYTdEO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFiK0IsU0FBSSxHQUFHLElBQUksQ0FBQztRQVVyRCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBeUIsQ0FBQztJQUk3RCxDQUFDO0lBWnVELElBQUksQ0FBQyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQWtCO1FBQ2pHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFnQyxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7SUFDckcsQ0FBQztJQUN3RCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFrQjtRQUNuRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBZ0MsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQ3RHLENBQUM7SUFTRCxxQkFBcUIsQ0FBSSxNQUEwQjtRQUNqRCxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLEVBQUU7WUFDbkMsTUFBTSxLQUFLLENBQUMsNEJBQTRCLENBQUMsQ0FBQztTQUMzQztRQUNELE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBQ0Qsb0JBQW9CLENBQUksTUFBeUI7UUFDL0MsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQ25DLE1BQU0sS0FBSyxDQUFDLDRCQUE0QixDQUFDLENBQUM7U0FDM0M7UUFDRCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7NEpBNUJVLHlCQUF5QjtnSkFBekIseUJBQXlCLG1VQVN6QixlQUFlLHFGQ2pDNUIsaURBQ0Esa3RDRHFCYyxDQUFDLGlCQUFpQixDQUFDOzJGQUVwQix5QkFBeUI7a0JBUnJDLFNBQVM7K0JBQ0Usb0JBQW9CLGlCQUdmLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxpQkFBaUIsQ0FBQzswRUFHVSxJQUFJO3NCQUE1QyxXQUFXO3VCQUFDLDBCQUEwQjtnQkFDTSxTQUFTO3NCQUFyRCxXQUFXO3VCQUFDLHVCQUF1QjtnQkFDb0IsSUFBSTtzQkFBM0QsWUFBWTt1QkFBQyw0QkFBNEIsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFHRyxLQUFLO3NCQUE3RCxZQUFZO3VCQUFDLDZCQUE2QixFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUdULFlBQVk7c0JBQXpELFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJhc2VQb3J0YWxPdXRsZXQsIENka1BvcnRhbE91dGxldCwgQ29tcG9uZW50UG9ydGFsLCBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBDb21wb25lbnRSZWYsXHJcbiAgRW1iZWRkZWRWaWV3UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0QmluZGluZyxcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhNb3ZlQm94QW5pbWF0aW9uIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFhEaWFsb2dBbmltYXRpb25FdmVudCwgWERpYWxvZ0FuaW1hdGlvblN0YXRlIH0gZnJvbSAnLi9kaWFsb2cucHJvcGVydHknO1xyXG5pbXBvcnQgeyBBbmltYXRpb25FdmVudCB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd4LWRpYWxvZy1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kaWFsb2ctY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBhbmltYXRpb25zOiBbWE1vdmVCb3hBbmltYXRpb25dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRGlhbG9nQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgQmFzZVBvcnRhbE91dGxldCB7XHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy54LWRpYWxvZy1jb250YWluZXInKSBfaGFzID0gdHJ1ZTtcclxuICBASG9zdEJpbmRpbmcoJ0B4LW1vdmUtYm94LWFuaW1hdGlvbicpIHB1YmxpYyBwbGFjZW1lbnQ/OiBYRGlhbG9nQW5pbWF0aW9uU3RhdGU7XHJcbiAgQEhvc3RMaXN0ZW5lcignQHgtbW92ZS1ib3gtYW5pbWF0aW9uLmRvbmUnLCBbJyRldmVudCddKSBkb25lKHsgdG9TdGF0ZSwgdG90YWxUaW1lIH06IEFuaW1hdGlvbkV2ZW50KSB7XHJcbiAgICB0aGlzLmFuaW1hdGlvbkNoYW5nZWQubmV4dCh7IGFjdGlvbjogJ2RvbmUnLCBzdGF0ZTogdG9TdGF0ZSBhcyBYRGlhbG9nQW5pbWF0aW9uU3RhdGUsIHRvdGFsVGltZSB9KTtcclxuICB9XHJcbiAgQEhvc3RMaXN0ZW5lcignQHgtbW92ZS1ib3gtYW5pbWF0aW9uLnN0YXJ0JywgWyckZXZlbnQnXSkgc3RhcnQoeyB0b1N0YXRlLCB0b3RhbFRpbWUgfTogQW5pbWF0aW9uRXZlbnQpIHtcclxuICAgIHRoaXMuYW5pbWF0aW9uQ2hhbmdlZC5uZXh0KHsgYWN0aW9uOiAnc3RhcnQnLCBzdGF0ZTogdG9TdGF0ZSBhcyBYRGlhbG9nQW5pbWF0aW9uU3RhdGUsIHRvdGFsVGltZSB9KTtcclxuICB9XHJcbiAgQFZpZXdDaGlsZChDZGtQb3J0YWxPdXRsZXQsIHsgc3RhdGljOiB0cnVlIH0pIHBvcnRhbE91dGxldCE6IENka1BvcnRhbE91dGxldDtcclxuXHJcbiAgYW5pbWF0aW9uQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8WERpYWxvZ0FuaW1hdGlvbkV2ZW50PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBhdHRhY2hDb21wb25lbnRQb3J0YWw8VD4ocG9ydGFsOiBDb21wb25lbnRQb3J0YWw8VD4pOiBDb21wb25lbnRSZWY8VD4ge1xyXG4gICAgaWYgKHRoaXMucG9ydGFsT3V0bGV0Lmhhc0F0dGFjaGVkKCkpIHtcclxuICAgICAgdGhyb3cgRXJyb3IoJ2RpYWxvZyBwb3J0YWwgaGFzIGF0dGFjaGVkJyk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdGhpcy5wb3J0YWxPdXRsZXQuYXR0YWNoQ29tcG9uZW50UG9ydGFsKHBvcnRhbCk7XHJcbiAgfVxyXG4gIGF0dGFjaFRlbXBsYXRlUG9ydGFsPEM+KHBvcnRhbDogVGVtcGxhdGVQb3J0YWw8Qz4pOiBFbWJlZGRlZFZpZXdSZWY8Qz4ge1xyXG4gICAgaWYgKHRoaXMucG9ydGFsT3V0bGV0Lmhhc0F0dGFjaGVkKCkpIHtcclxuICAgICAgdGhyb3cgRXJyb3IoJ2RpYWxvZyBwb3J0YWwgaGFzIGF0dGFjaGVkJyk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdGhpcy5wb3J0YWxPdXRsZXQuYXR0YWNoVGVtcGxhdGVQb3J0YWwocG9ydGFsKTtcclxuICB9XHJcbn1cclxuIiwiPG5nLXRlbXBsYXRlIGNka1BvcnRhbE91dGxldD48L25nLXRlbXBsYXRlPlxyXG4iXX0=