@ng-nest/ui 12.0.5 → 12.0.10

package/fesm2015/ng-nest-ui-description.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-description.js","sources":["../../../../lib/ng-nest/ui/description/description.property.ts","../../../../lib/ng-nest/ui/description/description-item.component.ts","../../../../lib/ng-nest/ui/description/description.component.ts","../../../../lib/ng-nest/ui/description/description.component.html","../../../../lib/ng-nest/ui/description/description.module.ts","../../../../lib/ng-nest/ui/description/ng-nest-ui-description.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\nimport { XAlign, XBoolean, XDirection, XInputBoolean, XJustify, XProperty, XSize, XTemplate, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Description\r\n * @selector x-description\r\n * @decorator component\r\n */\r\nexport const XDescriptionPrefix = 'x-description';\r\nconst X_CONFIG_NAME = 'description';\r\n\r\n/**\r\n * Description Property\r\n */\r\n@Component({ template: '' })\r\nexport class XDescriptionProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 描述列表的标题，支持自定义模板\r\n   * @en_US Describe the title of the list, support custom template\r\n   */\r\n  @Input() title?: XTemplate;\r\n  /**\r\n   * @zh_CN 是否展示边框\r\n   * @en_US Whether to show column borders\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() bordered!: XBoolean;\r\n  /**\r\n   * @zh_CN grid 布局下定义列宽度\r\n   * @en_US Define column width under grid layout\r\n   */\r\n  @Input() gridTemplateColumns?: string;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size!: XSize;\r\n}\r\n\r\n/**\r\n * Description Item\r\n * @selector x-description-item\r\n * @decorator component\r\n */\r\nexport const XDescriptionItemPrefix = 'x-description-item';\r\n\r\n/**\r\n * Description Item Property\r\n */\r\n@Component({ template: '' })\r\nexport class XDescriptionItemProperty {\r\n  /**\r\n   * @zh_CN 使用 grid 布局\r\n   * @en_US Use grid layout to merge cells\r\n   */\r\n  @Input() gridArea?: string;\r\n  /**\r\n   * @zh_CN 内容的描述，支持自定义模板\r\n   * @en_US Description of content, support custom templates\r\n   */\r\n  @Input() label?: XTemplate;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US Child element under the horizontal arrangement of the layout flex\r\n   */\r\n  @Input() justify?: XJustify = 'start';\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US Child element under the vertical layout flex arrangement\r\n   */\r\n  @Input() align?: XAlign = 'start';\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US Child element under the direction of arrangement of the layout flex\r\n   */\r\n  @Input() direction?: XDirection = 'row';\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   */\r\n  @Input() width?: string;\r\n  /**\r\n   * @zh_CN flex 比重\r\n   * @en_US Flex proportion\r\n   */\r\n  @Input() flex?: number;\r\n  /**\r\n   * @zh_CN 是否是标题\r\n   * @en_US Whether it is heading\r\n   */\r\n  @Input() @XInputBoolean() heading: XBoolean = false;\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, TemplateRef } from '@angular/core';\r\nimport { XDescriptionItemPrefix, XDescriptionItemProperty } from './description.property';\r\n\r\n@Component({\r\n  selector: `${XDescriptionItemPrefix}`,\r\n  template: `\r\n    <ng-template>\r\n      <ng-content></ng-content>\r\n    </ng-template>\r\n  `,\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XDescriptionItemComponent extends XDescriptionItemProperty {\r\n  @ViewChild(TemplateRef, { static: true }) content!: TemplateRef<void>;\r\n  constructor() {\r\n    super();\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  ContentChildren,\r\n  QueryList,\r\n  ChangeDetectorRef,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { XDescriptionPrefix, XDescriptionProperty } from './description.property';\r\nimport { XClearClass, XConfigService, XIsChange, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XDescriptionItemComponent } from './description-item.component';\r\n\r\n@Component({\r\n  selector: `${XDescriptionPrefix}`,\r\n  templateUrl: './description.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XDescriptionComponent extends XDescriptionProperty {\r\n  @ContentChildren(XDescriptionItemComponent) items!: QueryList<XDescriptionItemComponent>;\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    XIsChange(changes.size) && this.setClassMap();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setMerge();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.classMap);\r\n    this.classMap = {\r\n      [`${XDescriptionPrefix}-${this.size}`]: !XIsEmpty(this.size)\r\n    };\r\n  }\r\n\r\n  setFlex(item: XDescriptionItemComponent) {\r\n    let classes: { [property: string]: boolean } = {};\r\n    if (!XIsEmpty(item.justify)) classes[`x-justify-${item.justify}`] = true;\r\n    if (!XIsEmpty(item.align)) classes[`x-align-${item.align}`] = true;\r\n    if (!XIsEmpty(item.direction)) classes[`x-direction-${item.direction}`] = true;\r\n    return classes;\r\n  }\r\n\r\n  setMerge() {\r\n    if (this.gridTemplateColumns) return;\r\n    let gridTemplateColumns: string[] = [];\r\n    this.items.forEach((x) => {\r\n      if (x.width) {\r\n        gridTemplateColumns.push(x.width);\r\n      } else if (x.flex) {\r\n        gridTemplateColumns.push(`${x.flex}fr`);\r\n      }\r\n    });\r\n    this.gridTemplateColumns = gridTemplateColumns.join(' ');\r\n  }\r\n}\r\n","<div class=\"x-description\" [class.x-description-bordered]=\"bordered\" [ngClass]=\"classMap\">\r\n  <div class=\"x-description-header\">\r\n    <div class=\"x-description-title\" *xOutlet=\"title\">\r\n      {{ title }}\r\n    </div>\r\n  </div>\r\n  <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumns\">\r\n    <div\r\n      *ngFor=\"let item of items; index as i\"\r\n      class=\"x-description-item\"\r\n      [style.grid-area]=\"item.gridArea ? item.gridArea : '1 / ' + (i + 1)\"\r\n      [class.x-description-item-heading]=\"item.heading\"\r\n      [ngClass]=\"setFlex(item)\"\r\n    >\r\n      <div class=\"x-description-item-label\">\r\n        <ng-container *xOutlet=\"item.label\">{{ item.label }}</ng-container>\r\n      </div>\r\n      <div class=\"x-description-item-content\">\r\n        <ng-template [ngTemplateOutlet]=\"item.content\"></ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XDescriptionItemComponent } from './description-item.component';\r\nimport { XDescriptionComponent } from './description.component';\r\nimport { XDescriptionItemProperty, XDescriptionProperty } from './description.property';\r\n\r\n@NgModule({\r\n  declarations: [XDescriptionComponent, XDescriptionProperty, XDescriptionItemComponent, XDescriptionItemProperty],\r\n  exports: [XDescriptionComponent, XDescriptionItemComponent],\r\n  imports: [CommonModule, XOutletModule]\r\n})\r\nexport class XDescriptionModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-description.js","sources":["../../../../lib/ng-nest/ui/description/description.property.ts","../../../../lib/ng-nest/ui/description/description-item.component.ts","../../../../lib/ng-nest/ui/description/description.component.ts","../../../../lib/ng-nest/ui/description/description.component.html","../../../../lib/ng-nest/ui/description/description.module.ts","../../../../lib/ng-nest/ui/description/ng-nest-ui-description.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\nimport { XAlign, XBoolean, XDirection, XInputBoolean, XJustify, XProperty, XSize, XTemplate, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Description\r\n * @selector x-description\r\n * @decorator component\r\n */\r\nexport const XDescriptionPrefix = 'x-description';\r\nconst X_CONFIG_NAME = 'description';\r\n\r\n/**\r\n * Description Property\r\n */\r\n@Component({ template: '' })\r\nexport class XDescriptionProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 描述列表的标题，支持自定义模板\r\n   * @en_US Describe the title of the list, support custom template\r\n   */\r\n  @Input() title?: XTemplate;\r\n  /**\r\n   * @zh_CN 是否展示边框\r\n   * @en_US Whether to show column borders\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() bordered!: XBoolean;\r\n  /**\r\n   * @zh_CN grid 布局下定义列宽度\r\n   * @en_US Define column width under grid layout\r\n   */\r\n  @Input() gridTemplateColumns?: string;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size!: XSize;\r\n}\r\n\r\n/**\r\n * Description Item\r\n * @selector x-description-item\r\n * @decorator component\r\n */\r\nexport const XDescriptionItemPrefix = 'x-description-item';\r\n\r\n/**\r\n * Description Item Property\r\n */\r\n@Component({ template: '' })\r\nexport class XDescriptionItemProperty {\r\n  /**\r\n   * @zh_CN 使用 grid 布局\r\n   * @en_US Use grid layout to merge cells\r\n   */\r\n  @Input() gridArea?: string;\r\n  /**\r\n   * @zh_CN 内容的描述，支持自定义模板\r\n   * @en_US Description of content, support custom templates\r\n   */\r\n  @Input() label?: XTemplate;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US Child element under the horizontal arrangement of the layout flex\r\n   */\r\n  @Input() justify?: XJustify = 'start';\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US Child element under the vertical layout flex arrangement\r\n   */\r\n  @Input() align?: XAlign = 'start';\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US Child element under the direction of arrangement of the layout flex\r\n   */\r\n  @Input() direction?: XDirection = 'row';\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   */\r\n  @Input() width?: string;\r\n  /**\r\n   * @zh_CN flex 比重\r\n   * @en_US Flex proportion\r\n   */\r\n  @Input() flex?: number;\r\n  /**\r\n   * @zh_CN 是否是标题\r\n   * @en_US Whether it is heading\r\n   */\r\n  @Input() @XInputBoolean() heading: XBoolean = false;\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, TemplateRef } from '@angular/core';\r\nimport { XDescriptionItemPrefix, XDescriptionItemProperty } from './description.property';\r\n\r\n@Component({\r\n  selector: `${XDescriptionItemPrefix}`,\r\n  template: `\r\n    <ng-template>\r\n      <ng-content></ng-content>\r\n    </ng-template>\r\n  `,\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XDescriptionItemComponent extends XDescriptionItemProperty {\r\n  @ViewChild(TemplateRef, { static: true }) content!: TemplateRef<void>;\r\n  constructor() {\r\n    super();\r\n  }\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, QueryList, SimpleChanges } from '@angular/core';\r\nimport { XDescriptionPrefix, XDescriptionProperty } from './description.property';\r\nimport { XClearClass, XConfigService, XIsChange, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XDescriptionItemComponent } from './description-item.component';\r\n\r\n@Component({\r\n  selector: `${XDescriptionPrefix}`,\r\n  templateUrl: './description.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XDescriptionComponent extends XDescriptionProperty {\r\n  @ContentChildren(XDescriptionItemComponent) items!: QueryList<XDescriptionItemComponent>;\r\n  constructor(public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { size } = changes;\r\n    XIsChange(size) && this.setClassMap();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setMerge();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.classMap);\r\n    this.classMap = {\r\n      [`${XDescriptionPrefix}-${this.size}`]: !XIsEmpty(this.size)\r\n    };\r\n  }\r\n\r\n  setFlex(item: XDescriptionItemComponent) {\r\n    let classes: { [property: string]: boolean } = {};\r\n    if (!XIsEmpty(item.justify)) classes[`x-justify-${item.justify}`] = true;\r\n    if (!XIsEmpty(item.align)) classes[`x-align-${item.align}`] = true;\r\n    if (!XIsEmpty(item.direction)) classes[`x-direction-${item.direction}`] = true;\r\n    return classes;\r\n  }\r\n\r\n  setMerge() {\r\n    if (this.gridTemplateColumns) return;\r\n    let gridTemplateColumns: string[] = [];\r\n    this.items.forEach((x) => {\r\n      if (x.width) {\r\n        gridTemplateColumns.push(x.width);\r\n      } else if (x.flex) {\r\n        gridTemplateColumns.push(`${x.flex}fr`);\r\n      }\r\n    });\r\n    this.gridTemplateColumns = gridTemplateColumns.join(' ');\r\n  }\r\n}\r\n","<div class=\"x-description\" [class.x-description-bordered]=\"bordered\" [ngClass]=\"classMap\">\r\n  <div class=\"x-description-header\">\r\n    <div class=\"x-description-title\" *xOutlet=\"title\">\r\n      {{ title }}\r\n    </div>\r\n  </div>\r\n  <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumns\">\r\n    <div\r\n      *ngFor=\"let item of items; index as i\"\r\n      class=\"x-description-item\"\r\n      [style.grid-area]=\"item.gridArea ? item.gridArea : '1 / ' + (i + 1)\"\r\n      [class.x-description-item-heading]=\"item.heading\"\r\n      [ngClass]=\"setFlex(item)\"\r\n    >\r\n      <div class=\"x-description-item-label\">\r\n        <ng-container *xOutlet=\"item.label\">{{ item.label }}</ng-container>\r\n      </div>\r\n      <div class=\"x-description-item-content\">\r\n        <ng-template [ngTemplateOutlet]=\"item.content\"></ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XDescriptionItemComponent } from './description-item.component';\r\nimport { XDescriptionComponent } from './description.component';\r\nimport { XDescriptionItemProperty, XDescriptionProperty } from './description.property';\r\n\r\n@NgModule({\r\n  declarations: [XDescriptionComponent, XDescriptionProperty, XDescriptionItemComponent, XDescriptionItemProperty],\r\n  exports: [XDescriptionComponent, XDescriptionItemComponent],\r\n  imports: [CommonModule, XOutletModule]\r\n})\r\nexport class XDescriptionModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-dialog.js

@@ -67,8 +67,8 @@ class XDialogProperty extends XAlertProperty {
         this.closeDone = new EventEmitter();
     }
 }
-/** @nocollapse */ XDialogProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDialogProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDialogProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XDialogProperty, selector: "ng-component", inputs: { visible: "visible", placement: "placement", offset: "offset", type: "type", width: "width", height: "height", effect: "effect", footer: "footer", showCancel: "showCancel", cancelText: "cancelText", showConfirm: "showConfirm", confirmText: "confirmText", backdropClose: "backdropClose", hasBackdrop: "hasBackdrop", className: "className", buttonsCenter: "buttonsCenter", draggable: "draggable", beforeClose: "beforeClose" }, outputs: { cancel: "cancel", confirm: "confirm", visibleChange: "visibleChange", showDone: "showDone", closeDone: "closeDone" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XDialogProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDialogProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDialogProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDialogProperty, selector: "ng-component", inputs: { visible: "visible", placement: "placement", offset: "offset", type: "type", width: "width", height: "height", effect: "effect", footer: "footer", showCancel: "showCancel", cancelText: "cancelText", showConfirm: "showConfirm", confirmText: "confirmText", backdropClose: "backdropClose", hasBackdrop: "hasBackdrop", className: "className", buttonsCenter: "buttonsCenter", draggable: "draggable", beforeClose: "beforeClose" }, outputs: { cancel: "cancel", confirm: "confirm", visibleChange: "visibleChange", showDone: "showDone", closeDone: "closeDone" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XDialogProperty.prototype, "visible", void 0);
@@ -113,7 +113,7 @@ __decorate([
     XWithConfig(X_CONFIG_NAME, false),
     XInputBoolean()
 ], XDialogProperty.prototype, "draggable", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDialogProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDialogProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { visible: [{
@@ -192,7 +192,8 @@ class XDialogComponent extends XDialogProperty {
         });
     }
     ngOnChanges(changes) {
-        XIsChange(changes.visible) && this.setVisible();
+        const { visible } = changes;
+        XIsChange(visible) && this.setVisible();
     }
     ngOnDestroy() {
         this.unsubscribe();
@@ -270,9 +271,9 @@ class XDialogComponent extends XDialogProperty {
         }
     }
 }
-/** @nocollapse */ XDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDialogComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.XPortalService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XDialogComponent, selector: "x-dialog", viewQueries: [{ propertyName: "dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #dialogTpl>\r\n  <div class=\"x-dialog\" [@x-move-box-animation]=\"placement\" (@x-move-box-animation.done)=\"moveDone($event)\">\r\n    <x-alert\r\n      [draggable]=\"draggable\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      (close)=\"onClose()\"\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      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\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        <x-buttons space=\"1\" *ngIf=\"showCancel || showConfirm\">\r\n          <x-button *ngIf=\"showCancel\" (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n          <x-button *ngIf=\"showConfirm\" type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n        </x-buttons>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-dialog{margin:0;padding:0;width:100%}.x-dialog,.x-dialog x-alert{height:100%}.x-dialog x-alert .x-alert{min-height:100%;height:-webkit-fit-content;height:-moz-fit-content;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:.5rem 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:1}.x-dialog-portal x-dialog{width:100%}"], components: [{ type: i3.XAlertComponent, selector: "x-alert" }, { type: i4.XButtonsComponent, selector: "x-buttons" }, { type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDialogComponent, decorators: [{
+/** @nocollapse */ XDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDialogComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.XPortalService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDialogComponent, selector: "x-dialog", viewQueries: [{ propertyName: "dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #dialogTpl>\r\n  <div class=\"x-dialog\" [@x-move-box-animation]=\"placement\" (@x-move-box-animation.done)=\"moveDone($event)\">\r\n    <x-alert\r\n      [draggable]=\"draggable\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      (close)=\"onClose()\"\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      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\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        <x-buttons space=\"1\" *ngIf=\"showCancel || showConfirm\">\r\n          <x-button *ngIf=\"showCancel\" (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n          <x-button *ngIf=\"showConfirm\" type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n        </x-buttons>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-dialog{margin:0;padding:0;width:100%;height:100%}.x-dialog x-alert{height:100%}.x-dialog x-alert .x-alert{min-height:100%;height:-moz-fit-content;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:.5rem 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:1}.x-dialog-portal x-dialog{width:100%}\n"], components: [{ type: i3.XAlertComponent, selector: "x-alert" }, { type: i4.XButtonsComponent, selector: "x-buttons" }, { type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XDialogPrefix}`,
@@ -289,8 +290,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XDialogModule {
 }
-/** @nocollapse */ XDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDialogModule, declarations: [XDialogComponent, XDialogProperty], imports: [CommonModule,
+/** @nocollapse */ XDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDialogModule, declarations: [XDialogComponent, XDialogProperty], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         DragDropModule,
@@ -300,7 +301,7 @@ class XDialogModule {
         XPortalModule,
         XAlertModule,
         XOutletModule], exports: [XDialogComponent] });
-/** @nocollapse */ XDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDialogModule, imports: [[
+/** @nocollapse */ XDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDialogModule, imports: [[
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -312,7 +313,7 @@ class XDialogModule {
             XAlertModule,
             XOutletModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XDialogComponent, XDialogProperty],

package/fesm2015/ng-nest-ui-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-dialog.js","sources":["../../../../lib/ng-nest/ui/dialog/dialog.property.ts","../../../../lib/ng-nest/ui/dialog/dialog.component.ts","../../../../lib/ng-nest/ui/dialog/dialog.component.html","../../../../lib/ng-nest/ui/dialog/dialog.module.ts","../../../../lib/ng-nest/ui/dialog/ng-nest-ui-dialog.ts"],"sourcesContent":["import { Input, Output, EventEmitter, Component } from '@angular/core';\r\nimport { XStatus, XPlace, XInputBoolean, XTemplate, XEffect, XBoolean, XIsBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { XAlertProperty, XAlertOption } from '@ng-nest/ui/alert';\r\nimport { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { XDialogComponent } from './dialog.component';\r\n\r\n/**\r\n * Dialog\r\n * @selector x-dialog\r\n * @decorator component\r\n */\r\nexport const XDialogPrefix = 'x-dialog';\r\n\r\nconst X_CONFIG_NAME = 'dialog';\r\n\r\nexport const XDialogPortal = 'x-dialog-portal';\r\n\r\n/**\r\n * Dialog Property\r\n */\r\n@Component({ template: '' })\r\nexport class XDialogProperty extends XAlertProperty {\r\n  @Input() @XInputBoolean() visible: boolean = false;\r\n  /**\r\n   * @zh_CN 方位，九宫格\r\n   * @en_US Direction, nine grid\r\n   */\r\n  @Input() @XWithConfig<XPlace>(X_CONFIG_NAME, 'center') placement!: XPlace;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '1rem') offset!: string;\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  @Input() type: XDialogType = 'info';\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '32rem') width?: string;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  @Input() height?: string;\r\n  /**\r\n   * @zh_CN 样式主题\r\n   * @en_US Style theme\r\n   */\r\n  @Input() @XWithConfig<XEffect>(X_CONFIG_NAME, 'white') effect!: XEffect;\r\n  /**\r\n   * @zh_CN 底部自定义模板\r\n   * @en_US Custom template at the bottom\r\n   */\r\n  @Input() footer?: XTemplate;\r\n  /**\r\n   * @zh_CN 显示取消按钮\r\n   * @en_US Show cancel button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) showCancel!: XBoolean;\r\n  /**\r\n   * @zh_CN 取消按钮文字\r\n   * @en_US Cancel button text\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) cancelText?: string;\r\n  /**\r\n   * @zh_CN 显示确认按钮\r\n   * @en_US Show confirmation button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) showConfirm!: XBoolean;\r\n  /**\r\n   * @zh_CN 确认按钮文字\r\n   * @en_US Confirm button text\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) confirmText?: string;\r\n  /**\r\n   * @zh_CN 点击遮罩关闭\r\n   * @en_US Click the mask to close\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) backdropClose!: XBoolean;\r\n  /**\r\n   * @zh_CN 是否显示背景遮罩\r\n   * @en_US Whether to display the background mask\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) hasBackdrop!: XBoolean;\r\n  /**\r\n   * @zh_CN 自定义样式名\r\n   * @en_US Custom style name\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '') className!: string;\r\n  /**\r\n   * @zh_CN 按钮居中\r\n   * @en_US Button center\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() buttonsCenter?: XBoolean;\r\n  /**\r\n   * @zh_CN 拖动对话框\r\n   * @en_US Drag dialog\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() draggable?: XBoolean;\r\n  /**\r\n   * @zh_CN 关闭前处理函数\r\n   * @en_US Processing function before closing\r\n   */\r\n  @Input() beforeClose!: Function;\r\n  /**\r\n   * @zh_CN 取消按钮的事件\r\n   * @en_US Cancel button event\r\n   */\r\n  @Output() cancel = new EventEmitter();\r\n  /**\r\n   * @zh_CN 确认按钮的事件\r\n   * @en_US Confirm button event\r\n   */\r\n  @Output() confirm = new EventEmitter();\r\n  /**\r\n   * @zh_CN 显示/隐藏改变事件\r\n   * @en_US Show/hide change events\r\n   */\r\n  @Output() visibleChange = new EventEmitter<boolean>();\r\n  /**\r\n   * @zh_CN 弹出完成动画加载\r\n   * @en_US Pop up complete animation loading\r\n   */\r\n  @Output() showDone = new EventEmitter<any>();\r\n  /**\r\n   * @zh_CN 关闭完成动画\r\n   * @en_US Close complete animation\r\n   */\r\n  @Output() closeDone = new EventEmitter<any>();\r\n}\r\n\r\nexport interface XDialogOption extends XAlertOption {\r\n  visible?: boolean;\r\n  /**\r\n   * @zh_CN 方位，九宫格\r\n   * @en_US Direction, nine grid\r\n   */\r\n  placement?: XPlace;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   */\r\n  offset?: string;\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  type?: XDialogType;\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   */\r\n  width?: string;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  height?: string;\r\n  /**\r\n   * @zh_CN 样式主题\r\n   * @en_US Style theme\r\n   */\r\n  effect?: XEffect;\r\n  /**\r\n   * @zh_CN 底部自定义模板\r\n   * @en_US Custom template at the bottom\r\n   */\r\n  footer?: XTemplate;\r\n  /**\r\n   * @zh_CN 显示取消按钮\r\n   * @en_US Show cancel button\r\n   */\r\n  showCancel?: XBoolean;\r\n  /**\r\n   * @zh_CN 取消按钮文字\r\n   * @en_US Cancel button text\r\n   */\r\n  cancelText?: string;\r\n  /**\r\n   * @zh_CN 显示确认按钮\r\n   * @en_US Show confirmation button\r\n   */\r\n  showConfirm?: XBoolean;\r\n  /**\r\n   * @zh_CN 确认按钮文字\r\n   * @en_US Confirm button text\r\n   */\r\n  confirmText?: string;\r\n  /**\r\n   * @zh_CN 点击遮罩关闭\r\n   * @en_US Click the mask to close\r\n   */\r\n  backdropClose?: XBoolean;\r\n  /**\r\n   * @zh_CN 是否显示背景遮罩\r\n   * @en_US Whether to display the background mask\r\n   */\r\n  hasBackdrop?: XBoolean;\r\n  /**\r\n   * @zh_CN 自定义样式名\r\n   * @en_US Custom style name\r\n   */\r\n  className?: string;\r\n  /**\r\n   * @zh_CN 按钮居中\r\n   * @en_US Button center\r\n   */\r\n  buttonsCenter?: XBoolean;\r\n  /**\r\n   * @zh_CN 拖动对话框\r\n   * @en_US Drag dialog\r\n   */\r\n  draggable?: XBoolean;\r\n  /**\r\n   * @zh_CN 关闭前处理函数\r\n   * @en_US Processing function before closing\r\n   */\r\n  beforeClose?: Function;\r\n}\r\n\r\nexport interface XDialogCallback {\r\n  (action: XDialogAction, message?: string): void;\r\n}\r\n\r\nexport type XDialogAction = 'confirm' | 'cancel';\r\n\r\n/**\r\n * @zh_CN 创建的消息对象\r\n * @en_US Message object created\r\n */\r\nexport interface XDialogOverlayRef extends XPortalOverlayRef<XDialogComponent> {}\r\n\r\nexport interface XDialogRef {\r\n  ref?: XDialogOverlayRef;\r\n  input?: XDialogProperty;\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\nexport type XDialogType = XStatus;\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ViewChild,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n  OnDestroy\r\n} from '@angular/core';\r\nimport { XMoveBoxAnimation, XIsChange, XIsFunction } from '@ng-nest/ui/core';\r\nimport { XDialogPrefix, XDialogOverlayRef, XDialogPortal, XDialogProperty } from './dialog.property';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\nimport { Subscription, Subject } from 'rxjs';\r\nimport { BlockScrollStrategy } from '@angular/cdk/overlay';\r\nimport { XI18nDialog, XI18nService } from '@ng-nest/ui/i18n';\r\nimport { map, takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XDialogPrefix}`,\r\n  templateUrl: './dialog.component.html',\r\n  styleUrls: ['./dialog.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XMoveBoxAnimation]\r\n})\r\nexport class XDialogComponent extends XDialogProperty implements OnChanges, OnDestroy {\r\n  @ViewChild('dialogTpl', { static: false }) dialogTpl!: TemplateRef<void>;\r\n  dialogRef!: XDialogOverlayRef;\r\n  backdropClick$!: Subscription;\r\n  scrollStrategy: BlockScrollStrategy;\r\n  locale: XI18nDialog = {};\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  get getCancelText() {\r\n    return this.cancelText || this.locale.cancelText;\r\n  }\r\n\r\n  get getConfirmText() {\r\n    return this.confirmText || this.locale.confirmText;\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public protalService: XPortalService,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n    this.scrollStrategy = this.protalService.overlay.scrollStrategies.block();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange\r\n      .pipe(\r\n        map((x) => x.dialog as XI18nDialog),\r\n        takeUntil(this._unSubject)\r\n      )\r\n      .subscribe((x) => {\r\n        this.locale = x;\r\n        this.cdr.markForCheck();\r\n      });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    XIsChange(changes.visible) && this.setVisible();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unsubscribe();\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  unsubscribe() {\r\n    this.backdropClick$?.unsubscribe();\r\n  }\r\n\r\n  setVisible() {\r\n    if (this.visible) {\r\n      this.create();\r\n    } else {\r\n      this.detach();\r\n      // this.visibleChange.emit(false);\r\n    }\r\n  }\r\n\r\n  create() {\r\n    this.dialogRef = this.protalService.attach({\r\n      content: this.dialogTpl,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        panelClass: [XDialogPortal, this.className],\r\n        hasBackdrop: Boolean(this.hasBackdrop),\r\n        positionStrategy: this.protalService.setPlace(this.placement, this.width, this.height, this.offset)\r\n      }\r\n    });\r\n    // this.scrollStrategy.enable();\r\n    if (this.hasBackdrop && this.backdropClose && this.dialogRef?.overlayRef) {\r\n      this.backdropClick$ = this.dialogRef.overlayRef.backdropClick().subscribe(() => this.onClose());\r\n    }\r\n  }\r\n\r\n  detach() {\r\n    if (this.portalAttached()) {\r\n      this.visible = false;\r\n      this.visibleChange.emit(this.visible);\r\n      this.dialogRef?.overlayRef?.detach();\r\n      // this.scrollStrategy.disable();\r\n      this.unsubscribe();\r\n      this.close.emit();\r\n    }\r\n  }\r\n\r\n  portalAttached() {\r\n    return this.dialogRef?.overlayRef?.hasAttached();\r\n  }\r\n\r\n  onClose() {\r\n    if (XIsFunction(this.beforeClose)) {\r\n      this.beforeClose();\r\n    } else {\r\n      this.detach();\r\n    }\r\n  }\r\n\r\n  onCancel() {\r\n    this.onClose();\r\n    this.cancel.emit();\r\n  }\r\n\r\n  onConfirm() {\r\n    this.onClose();\r\n    this.confirm.emit();\r\n  }\r\n\r\n  moveDone($event: { toState: string }) {\r\n    if ($event.toState === 'void') {\r\n      this.closeDone.emit($event);\r\n      this.dialogRef?.overlayRef?.dispose();\r\n    } else {\r\n      this.showDone.emit($event);\r\n    }\r\n  }\r\n}\r\n","<ng-template #dialogTpl>\r\n  <div class=\"x-dialog\" [@x-move-box-animation]=\"placement\" (@x-move-box-animation.done)=\"moveDone($event)\">\r\n    <x-alert\r\n      [draggable]=\"draggable\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      (close)=\"onClose()\"\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      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\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        <x-buttons space=\"1\" *ngIf=\"showCancel || showConfirm\">\r\n          <x-button *ngIf=\"showCancel\" (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n          <x-button *ngIf=\"showConfirm\" type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n        </x-buttons>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XDialogComponent } from './dialog.component';\r\nimport { XAlertModule } from '@ng-nest/ui/alert';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XDialogProperty } from './dialog.property';\r\n\r\n@NgModule({\r\n  declarations: [XDialogComponent, XDialogProperty],\r\n  exports: [XDialogComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    DragDropModule,\r\n    XInputModule,\r\n    XButtonModule,\r\n    XIconModule,\r\n    XPortalModule,\r\n    XAlertModule,\r\n    XOutletModule\r\n  ]\r\n})\r\nexport class XDialogModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-dialog.js","sources":["../../../../lib/ng-nest/ui/dialog/dialog.property.ts","../../../../lib/ng-nest/ui/dialog/dialog.component.ts","../../../../lib/ng-nest/ui/dialog/dialog.component.html","../../../../lib/ng-nest/ui/dialog/dialog.module.ts","../../../../lib/ng-nest/ui/dialog/ng-nest-ui-dialog.ts"],"sourcesContent":["import { Input, Output, EventEmitter, Component } from '@angular/core';\r\nimport { XStatus, XPlace, XInputBoolean, XTemplate, XEffect, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { XAlertProperty, XAlertOption } from '@ng-nest/ui/alert';\r\nimport { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { XDialogComponent } from './dialog.component';\r\n\r\n/**\r\n * Dialog\r\n * @selector x-dialog\r\n * @decorator component\r\n */\r\nexport const XDialogPrefix = 'x-dialog';\r\n\r\nconst X_CONFIG_NAME = 'dialog';\r\n\r\nexport const XDialogPortal = 'x-dialog-portal';\r\n\r\n/**\r\n * Dialog Property\r\n */\r\n@Component({ template: '' })\r\nexport class XDialogProperty extends XAlertProperty {\r\n  @Input() @XInputBoolean() visible: boolean = false;\r\n  /**\r\n   * @zh_CN 方位，九宫格\r\n   * @en_US Direction, nine grid\r\n   */\r\n  @Input() @XWithConfig<XPlace>(X_CONFIG_NAME, 'center') placement!: XPlace;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '1rem') offset!: string;\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  @Input() type: XDialogType = 'info';\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '32rem') width?: string;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  @Input() height?: string;\r\n  /**\r\n   * @zh_CN 样式主题\r\n   * @en_US Style theme\r\n   */\r\n  @Input() @XWithConfig<XEffect>(X_CONFIG_NAME, 'white') effect!: XEffect;\r\n  /**\r\n   * @zh_CN 底部自定义模板\r\n   * @en_US Custom template at the bottom\r\n   */\r\n  @Input() footer?: XTemplate;\r\n  /**\r\n   * @zh_CN 显示取消按钮\r\n   * @en_US Show cancel button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) showCancel!: XBoolean;\r\n  /**\r\n   * @zh_CN 取消按钮文字\r\n   * @en_US Cancel button text\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) cancelText?: string;\r\n  /**\r\n   * @zh_CN 显示确认按钮\r\n   * @en_US Show confirmation button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) showConfirm!: XBoolean;\r\n  /**\r\n   * @zh_CN 确认按钮文字\r\n   * @en_US Confirm button text\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) confirmText?: string;\r\n  /**\r\n   * @zh_CN 点击遮罩关闭\r\n   * @en_US Click the mask to close\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) backdropClose!: XBoolean;\r\n  /**\r\n   * @zh_CN 是否显示背景遮罩\r\n   * @en_US Whether to display the background mask\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) hasBackdrop!: XBoolean;\r\n  /**\r\n   * @zh_CN 自定义样式名\r\n   * @en_US Custom style name\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '') className!: string;\r\n  /**\r\n   * @zh_CN 按钮居中\r\n   * @en_US Button center\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() buttonsCenter?: XBoolean;\r\n  /**\r\n   * @zh_CN 拖动对话框\r\n   * @en_US Drag dialog\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() draggable?: XBoolean;\r\n  /**\r\n   * @zh_CN 关闭前处理函数\r\n   * @en_US Processing function before closing\r\n   */\r\n  @Input() beforeClose!: Function;\r\n  /**\r\n   * @zh_CN 取消按钮的事件\r\n   * @en_US Cancel button event\r\n   */\r\n  @Output() cancel = new EventEmitter();\r\n  /**\r\n   * @zh_CN 确认按钮的事件\r\n   * @en_US Confirm button event\r\n   */\r\n  @Output() confirm = new EventEmitter();\r\n  /**\r\n   * @zh_CN 显示/隐藏改变事件\r\n   * @en_US Show/hide change events\r\n   */\r\n  @Output() visibleChange = new EventEmitter<boolean>();\r\n  /**\r\n   * @zh_CN 弹出完成动画加载\r\n   * @en_US Pop up complete animation loading\r\n   */\r\n  @Output() showDone = new EventEmitter<any>();\r\n  /**\r\n   * @zh_CN 关闭完成动画\r\n   * @en_US Close complete animation\r\n   */\r\n  @Output() closeDone = new EventEmitter<any>();\r\n}\r\n\r\nexport interface XDialogOption extends XAlertOption {\r\n  visible?: boolean;\r\n  /**\r\n   * @zh_CN 方位，九宫格\r\n   * @en_US Direction, nine grid\r\n   */\r\n  placement?: XPlace;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   */\r\n  offset?: string;\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  type?: XDialogType;\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   */\r\n  width?: string;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  height?: string;\r\n  /**\r\n   * @zh_CN 样式主题\r\n   * @en_US Style theme\r\n   */\r\n  effect?: XEffect;\r\n  /**\r\n   * @zh_CN 底部自定义模板\r\n   * @en_US Custom template at the bottom\r\n   */\r\n  footer?: XTemplate;\r\n  /**\r\n   * @zh_CN 显示取消按钮\r\n   * @en_US Show cancel button\r\n   */\r\n  showCancel?: XBoolean;\r\n  /**\r\n   * @zh_CN 取消按钮文字\r\n   * @en_US Cancel button text\r\n   */\r\n  cancelText?: string;\r\n  /**\r\n   * @zh_CN 显示确认按钮\r\n   * @en_US Show confirmation button\r\n   */\r\n  showConfirm?: XBoolean;\r\n  /**\r\n   * @zh_CN 确认按钮文字\r\n   * @en_US Confirm button text\r\n   */\r\n  confirmText?: string;\r\n  /**\r\n   * @zh_CN 点击遮罩关闭\r\n   * @en_US Click the mask to close\r\n   */\r\n  backdropClose?: XBoolean;\r\n  /**\r\n   * @zh_CN 是否显示背景遮罩\r\n   * @en_US Whether to display the background mask\r\n   */\r\n  hasBackdrop?: XBoolean;\r\n  /**\r\n   * @zh_CN 自定义样式名\r\n   * @en_US Custom style name\r\n   */\r\n  className?: string;\r\n  /**\r\n   * @zh_CN 按钮居中\r\n   * @en_US Button center\r\n   */\r\n  buttonsCenter?: XBoolean;\r\n  /**\r\n   * @zh_CN 拖动对话框\r\n   * @en_US Drag dialog\r\n   */\r\n  draggable?: XBoolean;\r\n  /**\r\n   * @zh_CN 关闭前处理函数\r\n   * @en_US Processing function before closing\r\n   */\r\n  beforeClose?: Function;\r\n}\r\n\r\nexport interface XDialogCallback {\r\n  (action: XDialogAction, message?: string): void;\r\n}\r\n\r\nexport type XDialogAction = 'confirm' | 'cancel';\r\n\r\n/**\r\n * @zh_CN 创建的消息对象\r\n * @en_US Message object created\r\n */\r\nexport interface XDialogOverlayRef extends XPortalOverlayRef<XDialogComponent> {}\r\n\r\nexport interface XDialogRef {\r\n  ref?: XDialogOverlayRef;\r\n  input?: XDialogProperty;\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\nexport type XDialogType = XStatus;\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ViewChild,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n  OnDestroy\r\n} from '@angular/core';\r\nimport { XMoveBoxAnimation, XIsChange, XIsFunction } from '@ng-nest/ui/core';\r\nimport { XDialogPrefix, XDialogOverlayRef, XDialogPortal, XDialogProperty } from './dialog.property';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\nimport { Subscription, Subject } from 'rxjs';\r\nimport { BlockScrollStrategy } from '@angular/cdk/overlay';\r\nimport { XI18nDialog, XI18nService } from '@ng-nest/ui/i18n';\r\nimport { map, takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XDialogPrefix}`,\r\n  templateUrl: './dialog.component.html',\r\n  styleUrls: ['./dialog.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XMoveBoxAnimation]\r\n})\r\nexport class XDialogComponent extends XDialogProperty implements OnChanges, OnDestroy {\r\n  @ViewChild('dialogTpl', { static: false }) dialogTpl!: TemplateRef<void>;\r\n  dialogRef!: XDialogOverlayRef;\r\n  backdropClick$!: Subscription;\r\n  scrollStrategy: BlockScrollStrategy;\r\n  locale: XI18nDialog = {};\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  get getCancelText() {\r\n    return this.cancelText || this.locale.cancelText;\r\n  }\r\n\r\n  get getConfirmText() {\r\n    return this.confirmText || this.locale.confirmText;\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public protalService: XPortalService,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n    this.scrollStrategy = this.protalService.overlay.scrollStrategies.block();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange\r\n      .pipe(\r\n        map((x) => x.dialog as XI18nDialog),\r\n        takeUntil(this._unSubject)\r\n      )\r\n      .subscribe((x) => {\r\n        this.locale = x;\r\n        this.cdr.markForCheck();\r\n      });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { visible } = changes;\r\n    XIsChange(visible) && this.setVisible();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unsubscribe();\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  unsubscribe() {\r\n    this.backdropClick$?.unsubscribe();\r\n  }\r\n\r\n  setVisible() {\r\n    if (this.visible) {\r\n      this.create();\r\n    } else {\r\n      this.detach();\r\n      // this.visibleChange.emit(false);\r\n    }\r\n  }\r\n\r\n  create() {\r\n    this.dialogRef = this.protalService.attach({\r\n      content: this.dialogTpl,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        panelClass: [XDialogPortal, this.className],\r\n        hasBackdrop: Boolean(this.hasBackdrop),\r\n        positionStrategy: this.protalService.setPlace(this.placement, this.width, this.height, this.offset)\r\n      }\r\n    });\r\n    // this.scrollStrategy.enable();\r\n    if (this.hasBackdrop && this.backdropClose && this.dialogRef?.overlayRef) {\r\n      this.backdropClick$ = this.dialogRef.overlayRef.backdropClick().subscribe(() => this.onClose());\r\n    }\r\n  }\r\n\r\n  detach() {\r\n    if (this.portalAttached()) {\r\n      this.visible = false;\r\n      this.visibleChange.emit(this.visible);\r\n      this.dialogRef?.overlayRef?.detach();\r\n      // this.scrollStrategy.disable();\r\n      this.unsubscribe();\r\n      this.close.emit();\r\n    }\r\n  }\r\n\r\n  portalAttached() {\r\n    return this.dialogRef?.overlayRef?.hasAttached();\r\n  }\r\n\r\n  onClose() {\r\n    if (XIsFunction(this.beforeClose)) {\r\n      this.beforeClose();\r\n    } else {\r\n      this.detach();\r\n    }\r\n  }\r\n\r\n  onCancel() {\r\n    this.onClose();\r\n    this.cancel.emit();\r\n  }\r\n\r\n  onConfirm() {\r\n    this.onClose();\r\n    this.confirm.emit();\r\n  }\r\n\r\n  moveDone($event: { toState: string }) {\r\n    if ($event.toState === 'void') {\r\n      this.closeDone.emit($event);\r\n      this.dialogRef?.overlayRef?.dispose();\r\n    } else {\r\n      this.showDone.emit($event);\r\n    }\r\n  }\r\n}\r\n","<ng-template #dialogTpl>\r\n  <div class=\"x-dialog\" [@x-move-box-animation]=\"placement\" (@x-move-box-animation.done)=\"moveDone($event)\">\r\n    <x-alert\r\n      [draggable]=\"draggable\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      (close)=\"onClose()\"\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      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\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        <x-buttons space=\"1\" *ngIf=\"showCancel || showConfirm\">\r\n          <x-button *ngIf=\"showCancel\" (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n          <x-button *ngIf=\"showConfirm\" type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n        </x-buttons>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XDialogComponent } from './dialog.component';\r\nimport { XAlertModule } from '@ng-nest/ui/alert';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XDialogProperty } from './dialog.property';\r\n\r\n@NgModule({\r\n  declarations: [XDialogComponent, XDialogProperty],\r\n  exports: [XDialogComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    DragDropModule,\r\n    XInputModule,\r\n    XButtonModule,\r\n    XIconModule,\r\n    XPortalModule,\r\n    XAlertModule,\r\n    XOutletModule\r\n  ]\r\n})\r\nexport class XDialogModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-doc.js

@@ -16,9 +16,9 @@ class XDocComponent {
         this.renderer.addClass(this.elementRef.nativeElement, XDocPrefix);
     }
 }
-/** @nocollapse */ XDocComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDocComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDocComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XDocComponent, selector: "x-doc", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-doc{margin:0;padding:0 1.5rem;display:block;font-size:.875rem}.x-doc>x-anchor>.x-anchor{justify-content:center}.x-doc>x-anchor>.x-anchor>.x-anchor-content{width:calc(100% - 15rem);max-width:55rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h1{font-size:1.5rem;font-weight:500;margin:2.25rem 0 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h2{font-size:1.375rem;font-weight:500;margin:2rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h3{font-size:1.125rem;font-weight:500;margin:1.5rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h4{font-size:1rem;font-weight:500;margin:1.125rem 0 .875rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h5{font-size:.875rem;font-weight:500;margin:1rem 0 .625rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p{font-weight:400;margin:.875rem 0 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul{margin:.875rem 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li{list-style-type:circle;margin-left:1.25rem;line-height:1.75rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote{margin:0;position:relative;padding:.5rem .5rem .5rem .875rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote>p{margin:0}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>blockquote{margin-top:.875rem;background-color:var(--x-background);border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border-200);color:var(--x-text-400)}.x-doc>x-anchor>.x-anchor>.x-anchor-content li>code,.x-doc>x-anchor>.x-anchor>.x-anchor-content p>code{background-color:var(--x-primary-900);border:var(--x-border-width) solid var(--x-primary-800);padding:0 .25rem;border-radius:var(--x-border-radius)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p>x-tree-file{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre{display:flex;overflow:auto;width:100%}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-text-300);color:var(--x-background-100);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-text-300);text-shadow:none}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-text-300)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-primary-900);color:var(--x-primary);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-primary-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-primary)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-success-900);color:var(--x-success);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-success-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-success)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-danger-900);color:var(--x-danger);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-danger-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-danger)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-warning-900);color:var(--x-warning);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-warning-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-warning)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-info-900);color:var(--x-info);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-info-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-info)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>td,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>th{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>td,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>th{border-width:0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr th{white-space:nowrap;color:var(--x-text)}.x-doc>x-anchor>.x-anchor>.x-anchor-affix{padding-left:1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-affix .x-link>span{width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDocComponent, decorators: [{
+/** @nocollapse */ XDocComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDocComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDocComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDocComponent, selector: "x-doc", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-doc{margin:0;padding:0 1.5rem;display:block;font-size:.875rem}.x-doc>x-anchor>.x-anchor{justify-content:center}.x-doc>x-anchor>.x-anchor>.x-anchor-content{width:calc(100% - 15rem);max-width:55rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h1{font-size:1.5rem;font-weight:500;margin:2.25rem 0 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h2{font-size:1.375rem;font-weight:500;margin:2rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h3{font-size:1.125rem;font-weight:500;margin:1.5rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h4{font-size:1rem;font-weight:500;margin:1.125rem 0 .875rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h5{font-size:.875rem;font-weight:500;margin:1rem 0 .625rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p{font-weight:400;margin:.875rem 0 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul{margin:.875rem 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li{list-style-type:circle;margin-left:1.25rem;line-height:1.75rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote{margin:0;position:relative;padding:.5rem .5rem .5rem .875rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote>p{margin:0}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>blockquote{margin-top:.875rem;background-color:var(--x-background);border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border-200);color:var(--x-text-400)}.x-doc>x-anchor>.x-anchor>.x-anchor-content li>code,.x-doc>x-anchor>.x-anchor>.x-anchor-content p>code{background-color:var(--x-primary-900);border:var(--x-border-width) solid var(--x-primary-800);padding:0 .25rem;border-radius:var(--x-border-radius)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p>x-tree-file{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre{display:flex;overflow:auto;width:100%}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-text-300);color:var(--x-background-100);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-text-300);text-shadow:none}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-text-300)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-primary-900);color:var(--x-primary);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-primary-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-primary)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-success-900);color:var(--x-success);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-success-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-success)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-danger-900);color:var(--x-danger);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-danger-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-danger)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-warning-900);color:var(--x-warning);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-warning-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-warning)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info{flex:1;position:relative;border-radius:var(--x-border-radius);background-color:var(--x-info-900);color:var(--x-info);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-info-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + calc(var(--x-border-width) * 2));width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-info)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>td{border-width:0px}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr th{white-space:nowrap;color:var(--x-text)}.x-doc>x-anchor>.x-anchor>.x-anchor-affix{padding-left:1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-affix .x-link>span{width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDocComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'x-doc',
@@ -31,10 +31,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XDocModule {
 }
-/** @nocollapse */ XDocModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDocModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XDocModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDocModule, declarations: [XDocComponent], imports: [CommonModule], exports: [XDocComponent] });
-/** @nocollapse */ XDocModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDocModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDocModule, decorators: [{
+/** @nocollapse */ XDocModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDocModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XDocModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDocModule, declarations: [XDocComponent], imports: [CommonModule], exports: [XDocComponent] });
+/** @nocollapse */ XDocModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDocModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDocModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XDocComponent],

package/fesm2015/ng-nest-ui-drawer.js

@@ -38,8 +38,8 @@ class XDrawerProperty extends XProperty {
         this.visibleChange = new EventEmitter();
     }
 }
-/** @nocollapse */ XDrawerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDrawerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDrawerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XDrawerProperty, selector: "ng-component", inputs: { title: "title", visible: "visible", placement: "placement", size: "size" }, outputs: { close: "close", visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XDrawerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDrawerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerProperty, selector: "ng-component", inputs: { title: "title", visible: "visible", placement: "placement", size: "size" }, outputs: { close: "close", visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XDrawerProperty.prototype, "visible", void 0);
@@ -49,7 +49,7 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME, '30%')
 ], XDrawerProperty.prototype, "size", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDrawerProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { title: [{
@@ -82,7 +82,8 @@ class XDrawerComponent extends XDrawerProperty {
         this.setClassMap();
     }
     ngOnChanges(simples) {
-        XIsChange(simples.visible) && this.setVisible();
+        const { visible } = simples;
+        XIsChange(visible) && this.setVisible();
     }
     ngOnDestroy() {
         this.unsubscribe();
@@ -136,9 +137,9 @@ class XDrawerComponent extends XDrawerProperty {
         return false;
     }
 }
-/** @nocollapse */ XDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDrawerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XDrawerComponent, selector: "x-drawer", viewQueries: [{ propertyName: "drawerTpl", first: true, predicate: ["drawerTpl"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTpl>\r\n  <div class=\"x-drawer\" [ngClass]=\"classMap\" [@x-slide-animation]=\"placement\">\r\n    <div class=\"x-drawer-header\" *ngIf=\"title\">\r\n      <div class=\"x-drawer-title\">\r\n        <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n      </div>\r\n      <x-button class=\"x-drawer-close\" icon=\"fto-x\" (click)=\"closePortal()\" onlyIcon closable></x-button>\r\n    </div>\r\n    <div class=\"x-drawer-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-drawer{margin:0;padding:0;height:100%;width:100%;background-color:var(--x-background);position:relative;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-drawer-header{padding:.5rem 1rem}.x-drawer-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-drawer-close{position:absolute;top:.425rem;right:.25rem}.x-drawer-title{padding:0}.x-drawer-content{padding:0 1rem .5rem;height:calc(100% - 2.5rem);overflow:auto}.x-drawer-no-title .x-drawer-content{padding:.5rem 1rem}"], components: [{ type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XSlideAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDrawerComponent, decorators: [{
+/** @nocollapse */ XDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerComponent, selector: "x-drawer", viewQueries: [{ propertyName: "drawerTpl", first: true, predicate: ["drawerTpl"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTpl>\r\n  <div class=\"x-drawer\" [ngClass]=\"classMap\" [@x-slide-animation]=\"placement\">\r\n    <div class=\"x-drawer-header\" *ngIf=\"title\">\r\n      <div class=\"x-drawer-title\">\r\n        <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n      </div>\r\n      <x-button class=\"x-drawer-close\" icon=\"fto-x\" (click)=\"closePortal()\" onlyIcon closable></x-button>\r\n    </div>\r\n    <div class=\"x-drawer-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-drawer{margin:0;padding:0;height:100%;width:100%;background-color:var(--x-background);position:relative;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-drawer-header{padding:.5rem 1rem}.x-drawer-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-drawer-close{position:absolute;top:.425rem;right:.25rem}.x-drawer-title{padding:0}.x-drawer-content{padding:0 1rem .5rem;height:calc(100% - 2.5rem);overflow:auto}.x-drawer-no-title .x-drawer-content{padding:.5rem 1rem}\n"], components: [{ type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XSlideAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XDrawerPrefix}`,
@@ -155,10 +156,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XDrawerModule {
 }
-/** @nocollapse */ XDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDrawerModule, declarations: [XDrawerComponent, XDrawerProperty], imports: [CommonModule, XOutletModule, XButtonModule, XPortalModule], exports: [XDrawerComponent] });
-/** @nocollapse */ XDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDrawerModule, imports: [[CommonModule, XOutletModule, XButtonModule, XPortalModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDrawerModule, decorators: [{
+/** @nocollapse */ XDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerModule, declarations: [XDrawerComponent, XDrawerProperty], imports: [CommonModule, XOutletModule, XButtonModule, XPortalModule], exports: [XDrawerComponent] });
+/** @nocollapse */ XDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerModule, imports: [[CommonModule, XOutletModule, XButtonModule, XPortalModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XDrawerComponent, XDrawerProperty],

package/fesm2015/ng-nest-ui-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-drawer.js","sources":["../../../../lib/ng-nest/ui/drawer/drawer.property.ts","../../../../lib/ng-nest/ui/drawer/drawer.component.ts","../../../../lib/ng-nest/ui/drawer/drawer.component.html","../../../../lib/ng-nest/ui/drawer/drawer.module.ts","../../../../lib/ng-nest/ui/drawer/ng-nest-ui-drawer.ts"],"sourcesContent":["import { XTemplate, XPosition, XProperty, XInputBoolean, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Drawer\r\n * @selector x-drawer\r\n * @decorator component\r\n */\r\nexport const XDrawerPrefix = 'x-drawer';\r\nconst X_CONFIG_NAME = 'drawer';\r\n\r\n/**\r\n * Drawer Property\r\n */\r\n@Component({ template: '' })\r\nexport class XDrawerProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 标题\r\n   * @en_US Title\r\n   */\r\n  @Input() title?: XTemplate;\r\n  /**\r\n   * @zh_CN 显示/隐藏\r\n   * @en_US Show/hide\r\n   */\r\n  @Input() @XInputBoolean() visible?: XBoolean;\r\n  /**\r\n   * @zh_CN 展示方向\r\n   * @en_US Display direction\r\n   */\r\n  @Input() @XWithConfig<XPosition>(X_CONFIG_NAME, 'right') placement?: XPosition;\r\n  /**\r\n   * @zh_CN 尺寸，支持固定值\r\n   * @en_US Size, supports fixed value\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '30%') size?: string;\r\n  /**\r\n   * @zh_CN 关闭的事件\r\n   * @en_US Closed event\r\n   */\r\n  @Output() close = new EventEmitter();\r\n  /**\r\n   * @zh_CN 显示/隐藏的事件\r\n   * @en_US Show/hide event\r\n   */\r\n  @Output() visibleChange = new EventEmitter<boolean>();\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  ViewChild,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  TemplateRef,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { XDrawerPrefix, XDrawerProperty } from './drawer.property';\r\nimport { XIsChange, XIsEmpty, XSlideAnimation, XConfigService } from '@ng-nest/ui/core';\r\nimport { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { Subscription } from 'rxjs';\r\nimport { Overlay } from '@angular/cdk/overlay';\r\n\r\n@Component({\r\n  selector: `${XDrawerPrefix}`,\r\n  templateUrl: './drawer.component.html',\r\n  styleUrls: ['./drawer.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XSlideAnimation]\r\n})\r\nexport class XDrawerComponent extends XDrawerProperty implements OnInit, OnChanges {\r\n  @ViewChild('drawerTpl', { static: true }) drawerTpl!: TemplateRef<void>;\r\n  portal!: XPortalOverlayRef<any>;\r\n  back$: Subscription | null = null;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public overlay: Overlay,\r\n    public portalService: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    XIsChange(simples.visible) && this.setVisible();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unsubscribe();\r\n  }\r\n\r\n  unsubscribe() {\r\n    this.back$?.unsubscribe();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap = {\r\n      [`${XDrawerPrefix}-${this.placement}`]: !XIsEmpty(this.placement),\r\n      [`${XDrawerPrefix}-no-title`]: XIsEmpty(this.title)\r\n    };\r\n  }\r\n\r\n  setVisible() {\r\n    if (this.visible) {\r\n      this.createPortal();\r\n    } else {\r\n      this.closePortal();\r\n    }\r\n  }\r\n\r\n  createPortal() {\r\n    const width = this.placement === 'left' || this.placement === 'right' ? this.size : '100%';\r\n    const height = this.placement === 'top' || this.placement === 'bottom' ? this.size : '100%';\r\n    this.portal = this.portalService.attach({\r\n      content: this.drawerTpl,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        hasBackdrop: true,\r\n        scrollStrategy: this.overlay.scrollStrategies.reposition(),\r\n        positionStrategy: this.portalService.setPosition(this.placement, width, height)\r\n      }\r\n    });\r\n    if (this.portal.overlayRef) this.back$ = this.portal.overlayRef.backdropClick().subscribe(() => this.closePortal());\r\n  }\r\n\r\n  portalAttached() {\r\n    return this.portal?.overlayRef?.hasAttached();\r\n  }\r\n\r\n  closePortal() {\r\n    if (this.portalAttached()) {\r\n      this.portal?.overlayRef?.detach();\r\n      this.unsubscribe();\r\n      this.visibleChange.emit(this.visible as boolean);\r\n      this.close.emit();\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n}\r\n","<ng-template #drawerTpl>\r\n  <div class=\"x-drawer\" [ngClass]=\"classMap\" [@x-slide-animation]=\"placement\">\r\n    <div class=\"x-drawer-header\" *ngIf=\"title\">\r\n      <div class=\"x-drawer-title\">\r\n        <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n      </div>\r\n      <x-button class=\"x-drawer-close\" icon=\"fto-x\" (click)=\"closePortal()\" onlyIcon closable></x-button>\r\n    </div>\r\n    <div class=\"x-drawer-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XDrawerComponent } from './drawer.component';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XDrawerProperty } from './drawer.property';\r\n\r\n@NgModule({\r\n  declarations: [XDrawerComponent, XDrawerProperty],\r\n  exports: [XDrawerComponent],\r\n  imports: [CommonModule, XOutletModule, XButtonModule, XPortalModule]\r\n})\r\nexport class XDrawerModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-drawer.js","sources":["../../../../lib/ng-nest/ui/drawer/drawer.property.ts","../../../../lib/ng-nest/ui/drawer/drawer.component.ts","../../../../lib/ng-nest/ui/drawer/drawer.component.html","../../../../lib/ng-nest/ui/drawer/drawer.module.ts","../../../../lib/ng-nest/ui/drawer/ng-nest-ui-drawer.ts"],"sourcesContent":["import { XTemplate, XPosition, XProperty, XInputBoolean, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Drawer\r\n * @selector x-drawer\r\n * @decorator component\r\n */\r\nexport const XDrawerPrefix = 'x-drawer';\r\nconst X_CONFIG_NAME = 'drawer';\r\n\r\n/**\r\n * Drawer Property\r\n */\r\n@Component({ template: '' })\r\nexport class XDrawerProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 标题\r\n   * @en_US Title\r\n   */\r\n  @Input() title?: XTemplate;\r\n  /**\r\n   * @zh_CN 显示/隐藏\r\n   * @en_US Show/hide\r\n   */\r\n  @Input() @XInputBoolean() visible?: XBoolean;\r\n  /**\r\n   * @zh_CN 展示方向\r\n   * @en_US Display direction\r\n   */\r\n  @Input() @XWithConfig<XPosition>(X_CONFIG_NAME, 'right') placement?: XPosition;\r\n  /**\r\n   * @zh_CN 尺寸，支持固定值\r\n   * @en_US Size, supports fixed value\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '30%') size?: string;\r\n  /**\r\n   * @zh_CN 关闭的事件\r\n   * @en_US Closed event\r\n   */\r\n  @Output() close = new EventEmitter();\r\n  /**\r\n   * @zh_CN 显示/隐藏的事件\r\n   * @en_US Show/hide event\r\n   */\r\n  @Output() visibleChange = new EventEmitter<boolean>();\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  ViewChild,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  TemplateRef,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { XDrawerPrefix, XDrawerProperty } from './drawer.property';\r\nimport { XIsChange, XIsEmpty, XSlideAnimation, XConfigService } from '@ng-nest/ui/core';\r\nimport { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { Subscription } from 'rxjs';\r\nimport { Overlay } from '@angular/cdk/overlay';\r\n\r\n@Component({\r\n  selector: `${XDrawerPrefix}`,\r\n  templateUrl: './drawer.component.html',\r\n  styleUrls: ['./drawer.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XSlideAnimation]\r\n})\r\nexport class XDrawerComponent extends XDrawerProperty implements OnInit, OnChanges {\r\n  @ViewChild('drawerTpl', { static: true }) drawerTpl!: TemplateRef<void>;\r\n  portal!: XPortalOverlayRef<any>;\r\n  back$: Subscription | null = null;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public overlay: Overlay,\r\n    public portalService: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    const { visible } = simples;\r\n    XIsChange(visible) && this.setVisible();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unsubscribe();\r\n  }\r\n\r\n  unsubscribe() {\r\n    this.back$?.unsubscribe();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap = {\r\n      [`${XDrawerPrefix}-${this.placement}`]: !XIsEmpty(this.placement),\r\n      [`${XDrawerPrefix}-no-title`]: XIsEmpty(this.title)\r\n    };\r\n  }\r\n\r\n  setVisible() {\r\n    if (this.visible) {\r\n      this.createPortal();\r\n    } else {\r\n      this.closePortal();\r\n    }\r\n  }\r\n\r\n  createPortal() {\r\n    const width = this.placement === 'left' || this.placement === 'right' ? this.size : '100%';\r\n    const height = this.placement === 'top' || this.placement === 'bottom' ? this.size : '100%';\r\n    this.portal = this.portalService.attach({\r\n      content: this.drawerTpl,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        hasBackdrop: true,\r\n        scrollStrategy: this.overlay.scrollStrategies.reposition(),\r\n        positionStrategy: this.portalService.setPosition(this.placement, width, height)\r\n      }\r\n    });\r\n    if (this.portal.overlayRef) this.back$ = this.portal.overlayRef.backdropClick().subscribe(() => this.closePortal());\r\n  }\r\n\r\n  portalAttached() {\r\n    return this.portal?.overlayRef?.hasAttached();\r\n  }\r\n\r\n  closePortal() {\r\n    if (this.portalAttached()) {\r\n      this.portal?.overlayRef?.detach();\r\n      this.unsubscribe();\r\n      this.visibleChange.emit(this.visible as boolean);\r\n      this.close.emit();\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n}\r\n","<ng-template #drawerTpl>\r\n  <div class=\"x-drawer\" [ngClass]=\"classMap\" [@x-slide-animation]=\"placement\">\r\n    <div class=\"x-drawer-header\" *ngIf=\"title\">\r\n      <div class=\"x-drawer-title\">\r\n        <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n      </div>\r\n      <x-button class=\"x-drawer-close\" icon=\"fto-x\" (click)=\"closePortal()\" onlyIcon closable></x-button>\r\n    </div>\r\n    <div class=\"x-drawer-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XDrawerComponent } from './drawer.component';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XDrawerProperty } from './drawer.property';\r\n\r\n@NgModule({\r\n  declarations: [XDrawerComponent, XDrawerProperty],\r\n  exports: [XDrawerComponent],\r\n  imports: [CommonModule, XOutletModule, XButtonModule, XPortalModule]\r\n})\r\nexport class XDrawerModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-dropdown.js

@@ -43,8 +43,8 @@ class XDropdownProperty extends XProperty {
         this.nodeClick = new EventEmitter();
     }
 }
-/** @nocollapse */ XDropdownProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDropdownProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XDropdownProperty, selector: "ng-component", inputs: { data: "data", trigger: "trigger", placement: "placement", disabled: "disabled", children: "children", portalMinWidth: "portalMinWidth", hoverDelay: "hoverDelay" }, outputs: { nodeClick: "nodeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XDropdownProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDropdownProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDropdownProperty, selector: "ng-component", inputs: { data: "data", trigger: "trigger", placement: "placement", disabled: "disabled", children: "children", portalMinWidth: "portalMinWidth", hoverDelay: "hoverDelay" }, outputs: { nodeClick: "nodeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XDataConvert()
 ], XDropdownProperty.prototype, "data", void 0);
@@ -60,7 +60,7 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XDropdownProperty.prototype, "children", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { data: [{
@@ -104,7 +104,7 @@ class XDropdownPortalComponent {
         this.animating(false);
         event.toState === 'void' && this.destroyPortal();
     }
-    start(event) {
+    start() {
         this.animating(true);
     }
     mouseenter() {
@@ -222,9 +222,9 @@ class XDropdownPortalComponent {
         }
     }
 }
-/** @nocollapse */ XDropdownPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDropdownPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XDropdownPortalComponent, selector: "x-dropdown-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)", "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "@x-connect-base-animation": "this.placement" } }, ngImport: i0, template: "<div #dropdownPortal class=\"x-dropdown-portal\">\r\n  <x-list [data]=\"data\" (nodeClick)=\"nodeClick($event)\" (nodeMouseenter)=\"onEnter($event)\" (nodeMouseleave)=\"onLeave()\"></x-list>\r\n</div>\r\n", styles: ["x-dropdown-portal{width:100%}.x-dropdown-portal{margin:.0625rem 0;padding:.325rem 0;background-color:var(--x-background);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-dropdown-portal-child{margin-top:-.3875rem}"], components: [{ type: i3.XListComponent, selector: "x-list" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownPortalComponent, decorators: [{
+/** @nocollapse */ XDropdownPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDropdownPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDropdownPortalComponent, selector: "x-dropdown-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)", "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "@x-connect-base-animation": "this.placement" } }, ngImport: i0, template: "<div #dropdownPortal class=\"x-dropdown-portal\">\r\n  <x-list [data]=\"data\" (nodeClick)=\"nodeClick($event)\" (nodeMouseenter)=\"onEnter($event)\" (nodeMouseleave)=\"onLeave()\"></x-list>\r\n</div>\r\n", styles: ["x-dropdown-portal{width:100%}.x-dropdown-portal{margin:.0625rem 0;padding:.325rem 0;background-color:var(--x-background);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-dropdown-portal-child{margin-top:-.3875rem}\n"], components: [{ type: i3.XListComponent, selector: "x-list" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownPortalComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XDropdownPortalPrefix}`,
@@ -275,7 +275,8 @@ class XDropdownComponent extends XDropdownProperty {
         this.setSubject();
     }
     ngOnChanges(changes) {
-        XIsChange(changes.data) && this.setData();
+        const { data } = changes;
+        XIsChange(data) && this.setData();
     }
     ngOnDestroy() {
         this._unSubject.next();
@@ -284,7 +285,7 @@ class XDropdownComponent extends XDropdownProperty {
         this.hoverDelayUnsub.complete();
     }
     setSubject() {
-        this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe((x) => {
+        this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe(() => {
             this.closePortal();
         });
     }
@@ -419,9 +420,9 @@ class XDropdownComponent extends XDropdownProperty {
         });
     }
 }
-/** @nocollapse */ XDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3$1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XDropdownComponent, selector: "x-dropdown", viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #dropdown\r\n  class=\"x-dropdown\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-visible]=\"visible\"\r\n  (mouseenter)=\"onEnter()\"\r\n  (mouseleave)=\"onLeave()\"\r\n  (click)=\"showPortal()\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-dropdown{margin:0;padding:0;display:inline-block}.x-dropdown.x-visible{color:var(--x-primary)}"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownComponent, decorators: [{
+/** @nocollapse */ XDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3$1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDropdownComponent, selector: "x-dropdown", viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #dropdown\r\n  class=\"x-dropdown\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-visible]=\"visible\"\r\n  (mouseenter)=\"onEnter()\"\r\n  (mouseleave)=\"onLeave()\"\r\n  (click)=\"showPortal()\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-dropdown{margin:0;padding:0;display:inline-block}.x-dropdown.x-visible{color:var(--x-primary)}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XDropdownPrefix}`,
@@ -437,10 +438,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XDropdownModule {
 }
-/** @nocollapse */ XDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownModule, declarations: [XDropdownComponent, XDropdownPortalComponent, XDropdownProperty], imports: [CommonModule, XPortalModule, XListModule], exports: [XDropdownComponent, XDropdownPortalComponent] });
-/** @nocollapse */ XDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownModule, imports: [[CommonModule, XPortalModule, XListModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XDropdownModule, decorators: [{
+/** @nocollapse */ XDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownModule, declarations: [XDropdownComponent, XDropdownPortalComponent, XDropdownProperty], imports: [CommonModule, XPortalModule, XListModule], exports: [XDropdownComponent, XDropdownPortalComponent] });
+/** @nocollapse */ XDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownModule, imports: [[CommonModule, XPortalModule, XListModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XDropdownComponent, XDropdownPortalComponent, XDropdownProperty],