@ng-nest/ui 12.0.6 → 12.0.11

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-color.js","sources":["../../../../lib/ng-nest/ui/color/color.property.ts","../../../../lib/ng-nest/ui/color/color.component.ts","../../../../lib/ng-nest/ui/color/color.component.html","../../../../lib/ng-nest/ui/color/color.module.ts","../../../../lib/ng-nest/ui/color/ng-nest-ui-color.ts"],"sourcesContent":["import { XProperty, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Color\r\n * @selector x-color\r\n * @decorator component\r\n */\r\nexport const XColorPrefix = 'x-color';\r\n\r\nconst X_CONFIG_NAME = 'color';\r\n\r\nexport const XAmounts = [-0.1, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9];\r\n\r\n/**\r\n * Color Property\r\n */\r\n@Component({ template: '' })\r\nexport class XColorProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 颜色名称\r\n   * @en_US Color name\r\n   */\r\n  @Input() label: string = 'color';\r\n  /**\r\n   * @zh_CN 十六进制颜色码，此处默认读取 css 变量中的主色\r\n   * @en_US Hexadecimal color code, here the main color in the css variable is read by default\r\n   */\r\n  @Input() hex: string = 'var(--x-primary)';\r\n  /**\r\n   * @zh_CN 混合的颜色\r\n   * @en_US Mixed colors\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '#ffffff') merge?: string;\r\n  /**\r\n   * @zh_CN 混合的颜色占比\r\n   * @en_US Proportion of mixed colors\r\n   */\r\n  @Input() @XWithConfig<XNumber[]>(X_CONFIG_NAME, XAmounts) amounts?: XNumber[];\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, Inject } from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { XColorPrefix, XColorProperty } from './color.property';\r\nimport { XNumber, toHex, mixColors, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: 'x-color',\r\n  templateUrl: './color.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XColorComponent extends XColorProperty implements OnInit {\r\n  colors: string[] = [];\r\n\r\n  constructor(\r\n    @Inject(DOCUMENT) private doc: any,\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    private configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XColorPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    if (!this.hex || this.hex === 'var(--x-primary)') this.hex = getComputedStyle(this.doc.documentElement).getPropertyValue('--x-primary');\r\n    if (this.hex) this.setColors();\r\n  }\r\n\r\n  setColors() {\r\n    let colors = [];\r\n    for (let amount of this.amounts as Array<number>) {\r\n      colors.push(toHex(mixColors(this.merge as string, this.hex.trim(), amount as number)));\r\n    }\r\n    this.colors = colors;\r\n  }\r\n\r\n  trackByColor(index: number, item: string) {\r\n    return item;\r\n  }\r\n}\r\n","<div class=\"x-color-box\">\r\n  <div class=\"x-color-primary\" [style.background-color]=\"hex\" [class.x-color-only]=\"colors.length === 0\">\r\n    <span>{{ label }}</span>\r\n    <span class=\"x-color-hex\">{{ hex }}</span>\r\n  </div>\r\n  <div class=\"x-color-gradual\">\r\n    <div class=\"x-color-item\" *ngFor=\"let color of colors; index as i; trackBy: trackByColor\" [style.background-color]=\"color\"></div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XColorComponent } from './color.component';\r\nimport { XColorProperty } from './color.property';\r\n\r\n@NgModule({\r\n  declarations: [XColorComponent, XColorProperty],\r\n  exports: [XColorComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XColorModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAGA;;;;;MAKa,YAAY,GAAG,UAAU;AAEtC,MAAM,aAAa,GAAG,OAAO,CAAC;MAEjB,QAAQ,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAE5E;;;MAIa,cAAe,SAAQ,SAAS;IAD7C;;;;;;QAMW,UAAK,GAAW,OAAO,CAAC;;;;;QAKxB,QAAG,GAAW,kBAAkB,CAAC;KAW3C;;8HArBY,cAAc;kHAAd,cAAc,uJADJ,EAAE;AAgBiC;IAA9C,WAAW,CAAS,aAAa,EAAE,SAAS,CAAC;6CAAgB;AAKb;IAAhD,WAAW,CAAY,aAAa,EAAE,QAAQ,CAAC;+CAAqB;2FApBnE,cAAc;kBAD1B,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;8BAMhB,KAAK;sBAAb,KAAK;gBAKG,GAAG;sBAAX,KAAK;gBAKkD,KAAK;sBAA5D,KAAK;gBAKoD,OAAO;sBAAhE,KAAK;;;MC1BK,eAAgB,SAAQ,cAAc;IAGjD,YAC4B,GAAQ,EAC1B,QAAmB,EACnB,UAAsB,EACtB,aAA6B;QAErC,KAAK,EAAE,CAAC;QALkB,QAAG,GAAH,GAAG,CAAK;QAC1B,aAAQ,GAAR,QAAQ,CAAW;QACnB,eAAU,GAAV,UAAU,CAAY;QACtB,kBAAa,GAAb,aAAa,CAAgB;QANvC,WAAM,GAAa,EAAE,CAAC;QASpB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;KACrE;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,KAAK,kBAAkB;YAAE,IAAI,CAAC,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACxI,IAAI,IAAI,CAAC,GAAG;YAAE,IAAI,CAAC,SAAS,EAAE,CAAC;KAChC;IAED,SAAS;QACP,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,OAAwB,EAAE;YAChD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAe,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,MAAgB,CAAC,CAAC,CAAC,CAAC;SACxF;QACD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;KACtB;IAED,YAAY,CAAC,KAAa,EAAE,IAAY;QACtC,OAAO,IAAI,CAAC;KACb;;+HA5BU,eAAe,kBAIhB,QAAQ;mHAJP,eAAe,sECZ5B,8bASA;2FDGa,eAAe;kBAP3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,WAAW,EAAE,wBAAwB;oBACrC,SAAS,EAAE,CAAC,oBAAoB,CAAC;oBACjC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;0BAKI,MAAM;2BAAC,QAAQ;;;MENP,YAAY;;4HAAZ,YAAY;6HAAZ,YAAY,iBAJR,eAAe,EAAE,cAAc,aAEpC,YAAY,aADZ,eAAe;6HAGd,YAAY,YAFd,CAAC,YAAY,CAAC;2FAEZ,YAAY;kBALxB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC;oBAC/C,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB;;;ACTD;;;;;;"}
+{"version":3,"file":"ng-nest-ui-color.js","sources":["../../../../lib/ng-nest/ui/color/color.property.ts","../../../../lib/ng-nest/ui/color/color.component.ts","../../../../lib/ng-nest/ui/color/color.component.html","../../../../lib/ng-nest/ui/color/color.module.ts","../../../../lib/ng-nest/ui/color/ng-nest-ui-color.ts"],"sourcesContent":["import { XProperty, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Color\r\n * @selector x-color\r\n * @decorator component\r\n */\r\nexport const XColorPrefix = 'x-color';\r\n\r\nconst X_CONFIG_NAME = 'color';\r\n\r\nexport const XAmounts = [-0.1, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9];\r\n\r\n/**\r\n * Color Property\r\n */\r\n@Component({ template: '' })\r\nexport class XColorProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 颜色名称\r\n   * @en_US Color name\r\n   */\r\n  @Input() label: string = 'color';\r\n  /**\r\n   * @zh_CN 十六进制颜色码，此处默认读取 css 变量中的主色\r\n   * @en_US Hexadecimal color code, here the main color in the css variable is read by default\r\n   */\r\n  @Input() hex: string = 'var(--x-primary)';\r\n  /**\r\n   * @zh_CN 混合的颜色\r\n   * @en_US Mixed colors\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '#ffffff') merge?: string;\r\n  /**\r\n   * @zh_CN 混合的颜色占比\r\n   * @en_US Proportion of mixed colors\r\n   */\r\n  @Input() @XWithConfig<XNumber[]>(X_CONFIG_NAME, XAmounts) amounts?: XNumber[];\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, Inject } from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { XColorPrefix, XColorProperty } from './color.property';\r\nimport { toHex, mixColors, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: 'x-color',\r\n  templateUrl: './color.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XColorComponent extends XColorProperty implements OnInit {\r\n  colors: string[] = [];\r\n\r\n  constructor(\r\n    @Inject(DOCUMENT) private doc: any,\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XColorPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    if (!this.hex || this.hex === 'var(--x-primary)') this.hex = getComputedStyle(this.doc.documentElement).getPropertyValue('--x-primary');\r\n    if (this.hex) this.setColors();\r\n  }\r\n\r\n  setColors() {\r\n    let colors = [];\r\n    for (let amount of this.amounts as Array<number>) {\r\n      colors.push(toHex(mixColors(this.merge as string, this.hex.trim(), amount as number)));\r\n    }\r\n    this.colors = colors;\r\n  }\r\n\r\n  trackByColor(_index: number, item: string) {\r\n    return item;\r\n  }\r\n}\r\n","<div class=\"x-color-box\">\r\n  <div class=\"x-color-primary\" [style.background-color]=\"hex\" [class.x-color-only]=\"colors.length === 0\">\r\n    <span>{{ label }}</span>\r\n    <span class=\"x-color-hex\">{{ hex }}</span>\r\n  </div>\r\n  <div class=\"x-color-gradual\">\r\n    <div class=\"x-color-item\" *ngFor=\"let color of colors; index as i; trackBy: trackByColor\" [style.background-color]=\"color\"></div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XColorComponent } from './color.component';\r\nimport { XColorProperty } from './color.property';\r\n\r\n@NgModule({\r\n  declarations: [XColorComponent, XColorProperty],\r\n  exports: [XColorComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XColorModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAGA;;;;;MAKa,YAAY,GAAG,UAAU;AAEtC,MAAM,aAAa,GAAG,OAAO,CAAC;MAEjB,QAAQ,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAE5E;;;MAIa,cAAe,SAAQ,SAAS;IAD7C;;;;;;QAMW,UAAK,GAAW,OAAO,CAAC;;;;;QAKxB,QAAG,GAAW,kBAAkB,CAAC;KAW3C;;8HArBY,cAAc;kHAAd,cAAc,uJADJ,EAAE;AAgBiC;IAA9C,WAAW,CAAS,aAAa,EAAE,SAAS,CAAC;6CAAgB;AAKb;IAAhD,WAAW,CAAY,aAAa,EAAE,QAAQ,CAAC;+CAAqB;2FApBnE,cAAc;kBAD1B,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;8BAMhB,KAAK;sBAAb,KAAK;gBAKG,GAAG;sBAAX,KAAK;gBAKkD,KAAK;sBAA5D,KAAK;gBAKoD,OAAO;sBAAhE,KAAK;;;MC1BK,eAAgB,SAAQ,cAAc;IAGjD,YAC4B,GAAQ,EAC1B,QAAmB,EACnB,UAAsB,EACvB,aAA6B;QAEpC,KAAK,EAAE,CAAC;QALkB,QAAG,GAAH,GAAG,CAAK;QAC1B,aAAQ,GAAR,QAAQ,CAAW;QACnB,eAAU,GAAV,UAAU,CAAY;QACvB,kBAAa,GAAb,aAAa,CAAgB;QANtC,WAAM,GAAa,EAAE,CAAC;QASpB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;KACrE;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,KAAK,kBAAkB;YAAE,IAAI,CAAC,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACxI,IAAI,IAAI,CAAC,GAAG;YAAE,IAAI,CAAC,SAAS,EAAE,CAAC;KAChC;IAED,SAAS;QACP,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,OAAwB,EAAE;YAChD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAe,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,MAAgB,CAAC,CAAC,CAAC,CAAC;SACxF;QACD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;KACtB;IAED,YAAY,CAAC,MAAc,EAAE,IAAY;QACvC,OAAO,IAAI,CAAC;KACb;;+HA5BU,eAAe,kBAIhB,QAAQ;mHAJP,eAAe,sECZ5B,8bASA;2FDGa,eAAe;kBAP3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,WAAW,EAAE,wBAAwB;oBACrC,SAAS,EAAE,CAAC,oBAAoB,CAAC;oBACjC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;0BAKI,MAAM;2BAAC,QAAQ;;;MENP,YAAY;;4HAAZ,YAAY;6HAAZ,YAAY,iBAJR,eAAe,EAAE,cAAc,aAEpC,YAAY,aADZ,eAAe;6HAGd,YAAY,YAFd,CAAC,YAAY,CAAC;2FAEZ,YAAY;kBALxB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC;oBAC/C,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB;;;ACTD;;;;;;"}

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

@@ -69,15 +69,15 @@ class XCommentProperty extends XProperty {
         this.moreClick = new EventEmitter();
     }
 }
-/** @nocollapse */ XCommentProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XCommentProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XCommentProperty, selector: "ng-component", inputs: { data: "data", contentMax: "contentMax" }, outputs: { likeClick: "likeClick", commentClick: "commentClick", replyClick: "replyClick", sureClick: "sureClick", moreClick: "moreClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XCommentProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XCommentProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XCommentProperty, selector: "ng-component", inputs: { data: "data", contentMax: "contentMax" }, outputs: { likeClick: "likeClick", commentClick: "commentClick", replyClick: "replyClick", sureClick: "sureClick", moreClick: "moreClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XDataConvert()
 ], XCommentProperty.prototype, "data", void 0);
 __decorate([
     XWithConfig(X_CONFIG_NAME, 512)
 ], XCommentProperty.prototype, "contentMax", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { data: [{
@@ -119,12 +119,12 @@ class XCommentReplyProperty extends XProperty {
         this.sureClick = new EventEmitter();
     }
 }
-/** @nocollapse */ XCommentReplyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentReplyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XCommentReplyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XCommentReplyProperty, selector: "ng-component", inputs: { maxlength: "maxlength" }, outputs: { sureClick: "sureClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XCommentReplyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentReplyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XCommentReplyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XCommentReplyProperty, selector: "ng-component", inputs: { maxlength: "maxlength" }, outputs: { sureClick: "sureClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputNumber()
 ], XCommentReplyProperty.prototype, "maxlength", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentReplyProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentReplyProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { maxlength: [{
@@ -156,9 +156,9 @@ class XCommentReplyComponent extends XCommentReplyProperty {
         this.sureClick.emit(this.inputValue);
     }
 }
-/** @nocollapse */ XCommentReplyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentReplyComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XI18nService }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XCommentReplyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XCommentReplyComponent, selector: "x-comment-reply", usesInheritance: true, ngImport: i0, template: "<div #commentReply class=\"x-comment-reply\">\r\n  <x-input [placeholder]=\"'comment.placeholder' | xI18n\" [maxlength]=\"maxlength\" [(ngModel)]=\"inputValue\"></x-input>\r\n  <div class=\"x-comment-reply-buttons\">\r\n    <x-buttons>\r\n      <!-- <x-button icon=\"fto-smile\" onlyIcon></x-button>\r\n      <x-button icon=\"fto-image\" onlyIcon></x-button> -->\r\n    </x-buttons>\r\n    <x-button type=\"primary\" (click)=\"sureOnClick()\">{{ 'comment.sure' | xI18n }}</x-button>\r\n  </div>\r\n</div>\r\n", styles: [".x-comment-reply{margin:0;padding:0}.x-comment-reply-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:.625rem}.x-comment-reply-buttons .x-button-icon{padding:0}.x-comment-reply-buttons .x-button-icon>.x-button-inner>.x-icon{font-size:1.25rem}.x-comment-reply-buttons .x-buttons:not(.x-buttons-space)>.x-button:not(:first-child){margin-left:.5rem}.x-comment-reply-sure{display:flex;align-items:center}"], components: [{ type: i3.XInputComponent, selector: "x-input" }, { type: i4.XButtonsComponent, selector: "x-buttons" }, { type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "xI18n": i1.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentReplyComponent, decorators: [{
+/** @nocollapse */ XCommentReplyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentReplyComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XI18nService }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XCommentReplyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XCommentReplyComponent, selector: "x-comment-reply", usesInheritance: true, ngImport: i0, template: "<div #commentReply class=\"x-comment-reply\">\r\n  <x-input [placeholder]=\"'comment.placeholder' | xI18n\" [maxlength]=\"maxlength\" [(ngModel)]=\"inputValue\"></x-input>\r\n  <div class=\"x-comment-reply-buttons\">\r\n    <x-buttons>\r\n      <!-- <x-button icon=\"fto-smile\" onlyIcon></x-button>\r\n      <x-button icon=\"fto-image\" onlyIcon></x-button> -->\r\n    </x-buttons>\r\n    <x-button type=\"primary\" (click)=\"sureOnClick()\">{{ 'comment.sure' | xI18n }}</x-button>\r\n  </div>\r\n</div>\r\n", styles: [".x-comment-reply{margin:0;padding:0}.x-comment-reply-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:.625rem}.x-comment-reply-buttons .x-button-icon{padding:0}.x-comment-reply-buttons .x-button-icon>.x-button-inner>.x-icon{font-size:1.25rem}.x-comment-reply-buttons .x-buttons:not(.x-buttons-space)>.x-button:not(:first-child){margin-left:.5rem}.x-comment-reply-sure{display:flex;align-items:center}\n"], components: [{ type: i3.XInputComponent, selector: "x-input" }, { type: i4.XButtonsComponent, selector: "x-buttons" }, { type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "xI18n": i1.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentReplyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XCommentReplyPrefix}`,
@@ -186,7 +186,8 @@ class XCommentComponent extends XCommentProperty {
         });
     }
     ngOnChanges(changes) {
-        XIsChange(changes.data) && this.setData();
+        const { data } = changes;
+        XIsChange(data) && this.setData();
     }
     ngOnDestroy() {
         this._unSubject.next();
@@ -216,7 +217,7 @@ class XCommentComponent extends XCommentProperty {
         var _a;
         return node.count > ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length);
     }
-    trackByNode(index, item) {
+    trackByNode(_index, item) {
         return item.id;
     }
     setData() {
@@ -226,9 +227,9 @@ class XCommentComponent extends XCommentProperty {
         });
     }
 }
-/** @nocollapse */ XCommentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XI18nService }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XCommentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XCommentComponent, selector: "x-comment", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #comment class=\"x-comment\">\r\n  <div class=\"x-comment-list\">\r\n    <div class=\"x-comment-item\" *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <div class=\"x-comment-avatar\">\r\n        <x-avatar [src]=\"node.src\"></x-avatar>\r\n      </div>\r\n      <div class=\"x-comment-content\">\r\n        <div class=\"x-comment-author\">\r\n          <x-link>{{ node.author }}</x-link>\r\n          <span class=\"x-comment-time\">{{ node.datetime | xTimeAgo }}</span>\r\n        </div>\r\n        <p>\r\n          <x-text-retract [content]=\"node.content\"></x-text-retract>\r\n        </p>\r\n        <div class=\"x-comment-action\">\r\n          <x-buttons>\r\n            <x-button icon=\"fto-message-square\" [activated]=\"node.commentShow\" (click)=\"commentOnClick(node)\" onlyIcon>\r\n              {{ 'comment.comments' | xI18n }} {{ node.count ? node.count : '' }}</x-button\r\n            >\r\n            <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(node)\" onlyIcon\r\n              >{{ 'comment.giveALike' | xI18n }} {{ node.likes ? node.likes : '' }}</x-button\r\n            >\r\n          </x-buttons>\r\n        </div>\r\n        <x-comment-reply *ngIf=\"node.commentShow\" [maxlength]=\"contentMax\" (sureClick)=\"sureOnClick($event, node)\"></x-comment-reply>\r\n        <ul>\r\n          <li *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n            <div>\r\n              <p>\r\n                <x-link>{{ child.author }}</x-link>\r\n                <ng-container *ngIf=\"child.replyAuthor\">\r\n                  <span class=\"x-comment-reply\">{{ 'comment.reply' | xI18n }}</span> <x-link>{{ child.replyAuthor }}</x-link></ng-container\r\n                >\uFF1A\r\n                <span>\r\n                  <x-text-retract [content]=\"child.content\"></x-text-retract>\r\n                </span>\r\n              </p>\r\n              <div class=\"x-comment-action\">\r\n                <span class=\"x-comment-time\">{{ child.datetime | xTimeAgo }}</span>\r\n                <x-buttons>\r\n                  <x-button icon=\"fto-message-square\" [activated]=\"child.commentShow\" (click)=\"replyOnClick(child)\" onlyIcon>{{\r\n                    'comment.reply' | xI18n\r\n                  }}</x-button>\r\n                  <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(child)\" onlyIcon>\r\n                    {{ 'comment.giveALike' | xI18n }} {{ child.likes ? child.likes : '' }}</x-button\r\n                  >\r\n                </x-buttons>\r\n              </div>\r\n              <x-comment-reply\r\n                *ngIf=\"child.commentShow\"\r\n                [maxlength]=\"contentMax\"\r\n                (sureClick)=\"sureOnClick($event, child)\"\r\n              ></x-comment-reply>\r\n            </div>\r\n          </li>\r\n          <li class=\"x-comment-more\" *ngIf=\"hasMore(node)\">\r\n            <x-link icon=\"fto-chevron-right\" type=\"primary\" (click)=\"moreOnClick(node)\" iconRight>{{ 'comment.more' | xI18n }} </x-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-comment{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box}.x-comment p{line-height:1.5;margin:.375rem 0}.x-comment-content{margin-left:1rem;flex:1}.x-comment-content>ul{margin-top:.375rem}.x-comment-content>ul>li{padding:0 .875rem;background-color:var(--x-background);transition:.3s}.x-comment-content>ul>li>div{padding:.5rem 0}.x-comment-content>ul>li>div>p>span{color:var(--x-text-300)}.x-comment-content>ul>li>div>.x-comment-action{display:flex;justify-content:space-between;align-items:center}.x-comment-content>ul>li>div>.x-comment-action>.x-comment-time{margin-left:0}.x-comment-content>ul>li:not(:last-child)>div{border-bottom:.0625rem solid var(--x-border-100)}.x-comment-content>ul>li.x-comment-more{padding:.875rem}.x-comment-content>ul>li:hover{background-color:var(--x-background-a100);border-color:#0000}.x-comment-content .x-comment-reply{margin:.875rem 0 1rem}.x-comment-author{margin:.25rem 0;display:inline-flex;align-items:center;color:var(--x-text-300)}.x-comment-author>.x-button{padding:0}.x-comment-time{margin-left:.5rem;color:var(--x-text-400);font-size:.75rem}.x-comment-action{text-align:right}.x-comment-action>.x-buttons>.x-button{padding:0}.x-comment-action>.x-buttons:not(.x-buttons-space)>.x-button:not(:first-child){margin-left:.65rem}.x-comment-item{display:flex;padding:1rem 0;border-bottom:.0625rem solid var(--x-border-100)}.x-comment-item:first-child{padding-top:0}.x-comment-reply{margin:0 .75rem}"], components: [{ type: i3$1.XAvatarComponent, selector: "x-avatar" }, { type: i4$1.XLinkComponent, selector: "x-link" }, { type: i5$1.XTextRetractComponent, selector: "x-text-retract" }, { type: i4.XButtonsComponent, selector: "x-buttons" }, { type: i4.XButtonComponent, selector: "x-button" }, { type: XCommentReplyComponent, selector: "x-comment-reply" }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "xTimeAgo": i9.XTimeAgoPipe, "xI18n": i1.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentComponent, decorators: [{
+/** @nocollapse */ XCommentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XI18nService }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XCommentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XCommentComponent, selector: "x-comment", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #comment class=\"x-comment\">\r\n  <div class=\"x-comment-list\">\r\n    <div class=\"x-comment-item\" *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <div class=\"x-comment-avatar\">\r\n        <x-avatar [src]=\"node.src\"></x-avatar>\r\n      </div>\r\n      <div class=\"x-comment-content\">\r\n        <div class=\"x-comment-author\">\r\n          <x-link>{{ node.author }}</x-link>\r\n          <span class=\"x-comment-time\">{{ node.datetime | xTimeAgo }}</span>\r\n        </div>\r\n        <p>\r\n          <x-text-retract [content]=\"node.content\"></x-text-retract>\r\n        </p>\r\n        <div class=\"x-comment-action\">\r\n          <x-buttons>\r\n            <x-button icon=\"fto-message-square\" [activated]=\"node.commentShow\" (click)=\"commentOnClick(node)\" onlyIcon>\r\n              {{ 'comment.comments' | xI18n }} {{ node.count ? node.count : '' }}</x-button\r\n            >\r\n            <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(node)\" onlyIcon\r\n              >{{ 'comment.giveALike' | xI18n }} {{ node.likes ? node.likes : '' }}</x-button\r\n            >\r\n          </x-buttons>\r\n        </div>\r\n        <x-comment-reply *ngIf=\"node.commentShow\" [maxlength]=\"contentMax\" (sureClick)=\"sureOnClick($event, node)\"></x-comment-reply>\r\n        <ul>\r\n          <li *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n            <div>\r\n              <p>\r\n                <x-link>{{ child.author }}</x-link>\r\n                <ng-container *ngIf=\"child.replyAuthor\">\r\n                  <span class=\"x-comment-reply\">{{ 'comment.reply' | xI18n }}</span> <x-link>{{ child.replyAuthor }}</x-link></ng-container\r\n                >\uFF1A\r\n                <span>\r\n                  <x-text-retract [content]=\"child.content\"></x-text-retract>\r\n                </span>\r\n              </p>\r\n              <div class=\"x-comment-action\">\r\n                <span class=\"x-comment-time\">{{ child.datetime | xTimeAgo }}</span>\r\n                <x-buttons>\r\n                  <x-button icon=\"fto-message-square\" [activated]=\"child.commentShow\" (click)=\"replyOnClick(child)\" onlyIcon>{{\r\n                    'comment.reply' | xI18n\r\n                  }}</x-button>\r\n                  <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(child)\" onlyIcon>\r\n                    {{ 'comment.giveALike' | xI18n }} {{ child.likes ? child.likes : '' }}</x-button\r\n                  >\r\n                </x-buttons>\r\n              </div>\r\n              <x-comment-reply\r\n                *ngIf=\"child.commentShow\"\r\n                [maxlength]=\"contentMax\"\r\n                (sureClick)=\"sureOnClick($event, child)\"\r\n              ></x-comment-reply>\r\n            </div>\r\n          </li>\r\n          <li class=\"x-comment-more\" *ngIf=\"hasMore(node)\">\r\n            <x-link icon=\"fto-chevron-right\" type=\"primary\" (click)=\"moreOnClick(node)\" iconRight>{{ 'comment.more' | xI18n }} </x-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-comment{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box}.x-comment p{line-height:1.5;margin:.375rem 0}.x-comment-content{margin-left:1rem;flex:1}.x-comment-content>ul{margin-top:.375rem}.x-comment-content>ul>li{padding:0 .875rem;background-color:var(--x-background);transition:.3s}.x-comment-content>ul>li>div{padding:.5rem 0}.x-comment-content>ul>li>div>p>span{color:var(--x-text-300)}.x-comment-content>ul>li>div>.x-comment-action{display:flex;justify-content:space-between;align-items:center}.x-comment-content>ul>li>div>.x-comment-action>.x-comment-time{margin-left:0}.x-comment-content>ul>li:not(:last-child)>div{border-bottom:.0625rem solid var(--x-border-100)}.x-comment-content>ul>li.x-comment-more{padding:.875rem}.x-comment-content>ul>li:hover{background-color:var(--x-background-a100);border-color:transparent}.x-comment-content .x-comment-reply{margin:.875rem 0 1rem}.x-comment-author{margin:.25rem 0;display:inline-flex;align-items:center;color:var(--x-text-300)}.x-comment-author>.x-button{padding:0}.x-comment-time{margin-left:.5rem;color:var(--x-text-400);font-size:.75rem}.x-comment-action{text-align:right}.x-comment-action>.x-buttons>.x-button{padding:0}.x-comment-action>.x-buttons:not(.x-buttons-space)>.x-button:not(:first-child){margin-left:.65rem}.x-comment-item{display:flex;padding:1rem 0;border-bottom:.0625rem solid var(--x-border-100)}.x-comment-item:first-child{padding-top:0}.x-comment-reply{margin:0 .75rem}\n"], components: [{ type: i3$1.XAvatarComponent, selector: "x-avatar" }, { type: i4$1.XLinkComponent, selector: "x-link" }, { type: i5$1.XTextRetractComponent, selector: "x-text-retract" }, { type: i4.XButtonsComponent, selector: "x-buttons" }, { type: i4.XButtonComponent, selector: "x-button" }, { type: XCommentReplyComponent, selector: "x-comment-reply" }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "xTimeAgo": i9.XTimeAgoPipe, "xI18n": i1.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XCommentPrefix}`,
@@ -241,8 +242,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XCommentModule {
 }
-/** @nocollapse */ XCommentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XCommentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentModule, declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty], imports: [CommonModule,
+/** @nocollapse */ XCommentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XCommentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentModule, declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty], imports: [CommonModule,
         FormsModule,
         XI18nModule,
         XInputModule,
@@ -251,7 +252,7 @@ class XCommentModule {
         XButtonModule,
         XTextRetractModule,
         XTimeAgoModule], exports: [XCommentComponent, XCommentReplyComponent] });
-/** @nocollapse */ XCommentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentModule, imports: [[
+/** @nocollapse */ XCommentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentModule, imports: [[
             CommonModule,
             FormsModule,
             XI18nModule,
@@ -262,7 +263,7 @@ class XCommentModule {
             XTextRetractModule,
             XTimeAgoModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XCommentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XCommentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty],

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-comment.js","sources":["../../../../lib/ng-nest/ui/comment/comment.property.ts","../../../../lib/ng-nest/ui/comment/comment-reply.component.ts","../../../../lib/ng-nest/ui/comment/comment-reply.component.html","../../../../lib/ng-nest/ui/comment/comment.component.ts","../../../../lib/ng-nest/ui/comment/comment.component.html","../../../../lib/ng-nest/ui/comment/comment.module.ts","../../../../lib/ng-nest/ui/comment/ng-nest-ui-comment.ts"],"sourcesContent":["import { XDate, XData, XProperty, XParentIdentityProperty, XDataConvert, XInputNumber, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component } from '@angular/core';\r\n\r\n/**\r\n * Comment\r\n * @selector x-comment\r\n * @decorator component\r\n */\r\nexport const XCommentPrefix = 'x-comment';\r\nconst X_CONFIG_NAME = 'comment';\r\n\r\n/**\r\n * Comment Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCommentProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 评论数据\r\n   * @en_US Comment data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XCommentNode> = [];\r\n  /**\r\n   * @zh_CN 评论最大字数\r\n   * @en_US Maximum number of comments\r\n   */\r\n  @Input() @XWithConfig(X_CONFIG_NAME, 512) contentMax!: XNumber;\r\n  /**\r\n   * @zh_CN 点赞的事件\r\n   * @en_US Like events\r\n   */\r\n  @Output() likeClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 评论的事件\r\n   * @en_US Commented event\r\n   */\r\n  @Output() commentClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 回复的事件\r\n   * @en_US Reply event\r\n   */\r\n  @Output() replyClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 确认提交的事件\r\n   * @en_US Confirm the submitted event\r\n   */\r\n  @Output() sureClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 更多的事件\r\n   * @en_US More events\r\n   */\r\n  @Output() moreClick = new EventEmitter<XCommentNode>();\r\n}\r\n\r\n/**\r\n * @zh_CN Comment 数据对象\r\n * @en_US Comment data object\r\n */\r\nexport interface XCommentNode extends XParentIdentityProperty<XCommentNode> {\r\n  /**\r\n   * @zh_CN 作者\r\n   * @en_US Author\r\n   */\r\n  author?: string;\r\n  /**\r\n   * @zh_CN 作者头像地址\r\n   * @en_US Author avatar address\r\n   */\r\n  src?: string;\r\n  /**\r\n   * @zh_CN 发布时间\r\n   * @en_US release time\r\n   */\r\n  datetime?: XDate;\r\n  /**\r\n   * @zh_CN 发布内容\r\n   * @en_US Publish content\r\n   */\r\n  content?: string;\r\n  /**\r\n   * @zh_CN 点赞数量\r\n   * @en_US Like number\r\n   */\r\n  likes?: number;\r\n  /**\r\n   * @zh_CN 评论数量\r\n   * @en_US Number of comments\r\n   */\r\n  count?: number;\r\n  /**\r\n   * @zh_CN 回复作者\r\n   * @en_US Reply to author\r\n   */\r\n  replyAuthor?: string;\r\n  /**\r\n   * @zh_CN 点击评论/回复提交的内容\r\n   * @en_US Click to comment/reply to submitted content\r\n   */\r\n  replyContent?: string;\r\n  /**\r\n   * @zh_CN 显示评论/回复框\r\n   * @en_US Show comment/reply box\r\n   */\r\n  commentShow?: boolean;\r\n}\r\n\r\n/**\r\n * Comment Reply\r\n * @selector x-comment-reply\r\n * @decorator component\r\n */\r\nexport const XCommentReplyPrefix = 'x-comment-reply';\r\n\r\n/**\r\n * Comment Reply Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCommentReplyProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 回复的最大字数\r\n   * @en_US Maximum number of words to reply\r\n   */\r\n  @Input() @XInputNumber() maxlength: XNumber = 512;\r\n  /**\r\n   * @zh_CN 回复确认的事件\r\n   * @en_US Reply to confirmed event\r\n   */\r\n  @Output() sureClick = new EventEmitter<string>();\r\n}\r\n","import { Component, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCommentReplyPrefix, XCommentReplyProperty } from './comment.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XCommentReplyPrefix}`,\r\n  templateUrl: './comment-reply.component.html',\r\n  styleUrls: ['./comment-reply.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCommentReplyComponent extends XCommentReplyProperty {\r\n  inputValue!: string;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public i18n: XI18nService,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  sureOnClick() {\r\n    this.sureClick.emit(this.inputValue);\r\n  }\r\n}\r\n","<div #commentReply class=\"x-comment-reply\">\r\n  <x-input [placeholder]=\"'comment.placeholder' | xI18n\" [maxlength]=\"maxlength\" [(ngModel)]=\"inputValue\"></x-input>\r\n  <div class=\"x-comment-reply-buttons\">\r\n    <x-buttons>\r\n      <!-- <x-button icon=\"fto-smile\" onlyIcon></x-button>\r\n      <x-button icon=\"fto-image\" onlyIcon></x-button> -->\r\n    </x-buttons>\r\n    <x-button type=\"primary\" (click)=\"sureOnClick()\">{{ 'comment.sure' | xI18n }}</x-button>\r\n  </div>\r\n</div>\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XCommentPrefix, XCommentNode, XCommentProperty } from './comment.property';\r\nimport { XIsEmpty, XIsChange, XSetData, XGetChildren, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XCommentPrefix}`,\r\n  templateUrl: './comment.component.html',\r\n  styleUrls: ['./comment.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCommentComponent extends XCommentProperty implements OnChanges {\r\n  nodes: XCommentNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public i18n: XI18nService,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    XIsChange(changes.data) && this.setData();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  likeOnClick(node: XCommentNode) {\r\n    this.likeClick.emit(node);\r\n  }\r\n\r\n  commentOnClick(node: XCommentNode) {\r\n    node.commentShow = !node.commentShow;\r\n    this.commentClick.emit(node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  replyOnClick(node: XCommentNode) {\r\n    node.commentShow = !node.commentShow;\r\n    this.replyClick.emit(node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  sureOnClick(content: string, node: XCommentNode) {\r\n    node.replyContent = content;\r\n    this.sureClick.emit(node);\r\n  }\r\n\r\n  moreOnClick(node: XCommentNode) {\r\n    this.moreClick.emit(node);\r\n  }\r\n\r\n  hasMore(node: XCommentNode) {\r\n    return (node.count as number) > (node.children?.length as number);\r\n  }\r\n\r\n  trackByNode(index: number, item: XCommentNode) {\r\n    return item.id;\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XCommentNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x.filter((y) => XIsEmpty(y.pid)).map((y) => XGetChildren<XCommentNode>(x, y, 0));\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n}\r\n","<div #comment class=\"x-comment\">\r\n  <div class=\"x-comment-list\">\r\n    <div class=\"x-comment-item\" *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <div class=\"x-comment-avatar\">\r\n        <x-avatar [src]=\"node.src\"></x-avatar>\r\n      </div>\r\n      <div class=\"x-comment-content\">\r\n        <div class=\"x-comment-author\">\r\n          <x-link>{{ node.author }}</x-link>\r\n          <span class=\"x-comment-time\">{{ node.datetime | xTimeAgo }}</span>\r\n        </div>\r\n        <p>\r\n          <x-text-retract [content]=\"node.content\"></x-text-retract>\r\n        </p>\r\n        <div class=\"x-comment-action\">\r\n          <x-buttons>\r\n            <x-button icon=\"fto-message-square\" [activated]=\"node.commentShow\" (click)=\"commentOnClick(node)\" onlyIcon>\r\n              {{ 'comment.comments' | xI18n }} {{ node.count ? node.count : '' }}</x-button\r\n            >\r\n            <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(node)\" onlyIcon\r\n              >{{ 'comment.giveALike' | xI18n }} {{ node.likes ? node.likes : '' }}</x-button\r\n            >\r\n          </x-buttons>\r\n        </div>\r\n        <x-comment-reply *ngIf=\"node.commentShow\" [maxlength]=\"contentMax\" (sureClick)=\"sureOnClick($event, node)\"></x-comment-reply>\r\n        <ul>\r\n          <li *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n            <div>\r\n              <p>\r\n                <x-link>{{ child.author }}</x-link>\r\n                <ng-container *ngIf=\"child.replyAuthor\">\r\n                  <span class=\"x-comment-reply\">{{ 'comment.reply' | xI18n }}</span> <x-link>{{ child.replyAuthor }}</x-link></ng-container\r\n                >：\r\n                <span>\r\n                  <x-text-retract [content]=\"child.content\"></x-text-retract>\r\n                </span>\r\n              </p>\r\n              <div class=\"x-comment-action\">\r\n                <span class=\"x-comment-time\">{{ child.datetime | xTimeAgo }}</span>\r\n                <x-buttons>\r\n                  <x-button icon=\"fto-message-square\" [activated]=\"child.commentShow\" (click)=\"replyOnClick(child)\" onlyIcon>{{\r\n                    'comment.reply' | xI18n\r\n                  }}</x-button>\r\n                  <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(child)\" onlyIcon>\r\n                    {{ 'comment.giveALike' | xI18n }} {{ child.likes ? child.likes : '' }}</x-button\r\n                  >\r\n                </x-buttons>\r\n              </div>\r\n              <x-comment-reply\r\n                *ngIf=\"child.commentShow\"\r\n                [maxlength]=\"contentMax\"\r\n                (sureClick)=\"sureOnClick($event, child)\"\r\n              ></x-comment-reply>\r\n            </div>\r\n          </li>\r\n          <li class=\"x-comment-more\" *ngIf=\"hasMore(node)\">\r\n            <x-link icon=\"fto-chevron-right\" type=\"primary\" (click)=\"moreOnClick(node)\" iconRight>{{ 'comment.more' | xI18n }} </x-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCommentComponent } from './comment.component';\r\nimport { XCommentReplyComponent } from './comment-reply.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XAvatarModule } from '@ng-nest/ui/avatar';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XTextRetractModule } from '@ng-nest/ui/text-retract';\r\nimport { XTimeAgoModule } from '@ng-nest/ui/time-ago';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\nimport { XCommentProperty, XCommentReplyProperty } from './comment.property';\r\n\r\n@NgModule({\r\n  declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty],\r\n  exports: [XCommentComponent, XCommentReplyComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    XI18nModule,\r\n    XInputModule,\r\n    XLinkModule,\r\n    XAvatarModule,\r\n    XButtonModule,\r\n    XTextRetractModule,\r\n    XTimeAgoModule\r\n  ]\r\n})\r\nexport class XCommentModule {}\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-comment.js","sources":["../../../../lib/ng-nest/ui/comment/comment.property.ts","../../../../lib/ng-nest/ui/comment/comment-reply.component.ts","../../../../lib/ng-nest/ui/comment/comment-reply.component.html","../../../../lib/ng-nest/ui/comment/comment.component.ts","../../../../lib/ng-nest/ui/comment/comment.component.html","../../../../lib/ng-nest/ui/comment/comment.module.ts","../../../../lib/ng-nest/ui/comment/ng-nest-ui-comment.ts"],"sourcesContent":["import { XDate, XData, XProperty, XParentIdentityProperty, XDataConvert, XInputNumber, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component } from '@angular/core';\r\n\r\n/**\r\n * Comment\r\n * @selector x-comment\r\n * @decorator component\r\n */\r\nexport const XCommentPrefix = 'x-comment';\r\nconst X_CONFIG_NAME = 'comment';\r\n\r\n/**\r\n * Comment Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCommentProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 评论数据\r\n   * @en_US Comment data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XCommentNode> = [];\r\n  /**\r\n   * @zh_CN 评论最大字数\r\n   * @en_US Maximum number of comments\r\n   */\r\n  @Input() @XWithConfig(X_CONFIG_NAME, 512) contentMax!: XNumber;\r\n  /**\r\n   * @zh_CN 点赞的事件\r\n   * @en_US Like events\r\n   */\r\n  @Output() likeClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 评论的事件\r\n   * @en_US Commented event\r\n   */\r\n  @Output() commentClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 回复的事件\r\n   * @en_US Reply event\r\n   */\r\n  @Output() replyClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 确认提交的事件\r\n   * @en_US Confirm the submitted event\r\n   */\r\n  @Output() sureClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 更多的事件\r\n   * @en_US More events\r\n   */\r\n  @Output() moreClick = new EventEmitter<XCommentNode>();\r\n}\r\n\r\n/**\r\n * @zh_CN Comment 数据对象\r\n * @en_US Comment data object\r\n */\r\nexport interface XCommentNode extends XParentIdentityProperty<XCommentNode> {\r\n  /**\r\n   * @zh_CN 作者\r\n   * @en_US Author\r\n   */\r\n  author?: string;\r\n  /**\r\n   * @zh_CN 作者头像地址\r\n   * @en_US Author avatar address\r\n   */\r\n  src?: string;\r\n  /**\r\n   * @zh_CN 发布时间\r\n   * @en_US release time\r\n   */\r\n  datetime?: XDate;\r\n  /**\r\n   * @zh_CN 发布内容\r\n   * @en_US Publish content\r\n   */\r\n  content?: string;\r\n  /**\r\n   * @zh_CN 点赞数量\r\n   * @en_US Like number\r\n   */\r\n  likes?: number;\r\n  /**\r\n   * @zh_CN 评论数量\r\n   * @en_US Number of comments\r\n   */\r\n  count?: number;\r\n  /**\r\n   * @zh_CN 回复作者\r\n   * @en_US Reply to author\r\n   */\r\n  replyAuthor?: string;\r\n  /**\r\n   * @zh_CN 点击评论/回复提交的内容\r\n   * @en_US Click to comment/reply to submitted content\r\n   */\r\n  replyContent?: string;\r\n  /**\r\n   * @zh_CN 显示评论/回复框\r\n   * @en_US Show comment/reply box\r\n   */\r\n  commentShow?: boolean;\r\n}\r\n\r\n/**\r\n * Comment Reply\r\n * @selector x-comment-reply\r\n * @decorator component\r\n */\r\nexport const XCommentReplyPrefix = 'x-comment-reply';\r\n\r\n/**\r\n * Comment Reply Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCommentReplyProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 回复的最大字数\r\n   * @en_US Maximum number of words to reply\r\n   */\r\n  @Input() @XInputNumber() maxlength: XNumber = 512;\r\n  /**\r\n   * @zh_CN 回复确认的事件\r\n   * @en_US Reply to confirmed event\r\n   */\r\n  @Output() sureClick = new EventEmitter<string>();\r\n}\r\n","import { Component, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCommentReplyPrefix, XCommentReplyProperty } from './comment.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XCommentReplyPrefix}`,\r\n  templateUrl: './comment-reply.component.html',\r\n  styleUrls: ['./comment-reply.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCommentReplyComponent extends XCommentReplyProperty {\r\n  inputValue!: string;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public i18n: XI18nService,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  sureOnClick() {\r\n    this.sureClick.emit(this.inputValue);\r\n  }\r\n}\r\n","<div #commentReply class=\"x-comment-reply\">\r\n  <x-input [placeholder]=\"'comment.placeholder' | xI18n\" [maxlength]=\"maxlength\" [(ngModel)]=\"inputValue\"></x-input>\r\n  <div class=\"x-comment-reply-buttons\">\r\n    <x-buttons>\r\n      <!-- <x-button icon=\"fto-smile\" onlyIcon></x-button>\r\n      <x-button icon=\"fto-image\" onlyIcon></x-button> -->\r\n    </x-buttons>\r\n    <x-button type=\"primary\" (click)=\"sureOnClick()\">{{ 'comment.sure' | xI18n }}</x-button>\r\n  </div>\r\n</div>\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XCommentPrefix, XCommentNode, XCommentProperty } from './comment.property';\r\nimport { XIsEmpty, XIsChange, XSetData, XGetChildren, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XCommentPrefix}`,\r\n  templateUrl: './comment.component.html',\r\n  styleUrls: ['./comment.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCommentComponent extends XCommentProperty implements OnChanges {\r\n  nodes: XCommentNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public i18n: XI18nService,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  likeOnClick(node: XCommentNode) {\r\n    this.likeClick.emit(node);\r\n  }\r\n\r\n  commentOnClick(node: XCommentNode) {\r\n    node.commentShow = !node.commentShow;\r\n    this.commentClick.emit(node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  replyOnClick(node: XCommentNode) {\r\n    node.commentShow = !node.commentShow;\r\n    this.replyClick.emit(node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  sureOnClick(content: string, node: XCommentNode) {\r\n    node.replyContent = content;\r\n    this.sureClick.emit(node);\r\n  }\r\n\r\n  moreOnClick(node: XCommentNode) {\r\n    this.moreClick.emit(node);\r\n  }\r\n\r\n  hasMore(node: XCommentNode) {\r\n    return (node.count as number) > (node.children?.length as number);\r\n  }\r\n\r\n  trackByNode(_index: number, item: XCommentNode) {\r\n    return item.id;\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XCommentNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x.filter((y) => XIsEmpty(y.pid)).map((y) => XGetChildren<XCommentNode>(x, y, 0));\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n}\r\n","<div #comment class=\"x-comment\">\r\n  <div class=\"x-comment-list\">\r\n    <div class=\"x-comment-item\" *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <div class=\"x-comment-avatar\">\r\n        <x-avatar [src]=\"node.src\"></x-avatar>\r\n      </div>\r\n      <div class=\"x-comment-content\">\r\n        <div class=\"x-comment-author\">\r\n          <x-link>{{ node.author }}</x-link>\r\n          <span class=\"x-comment-time\">{{ node.datetime | xTimeAgo }}</span>\r\n        </div>\r\n        <p>\r\n          <x-text-retract [content]=\"node.content\"></x-text-retract>\r\n        </p>\r\n        <div class=\"x-comment-action\">\r\n          <x-buttons>\r\n            <x-button icon=\"fto-message-square\" [activated]=\"node.commentShow\" (click)=\"commentOnClick(node)\" onlyIcon>\r\n              {{ 'comment.comments' | xI18n }} {{ node.count ? node.count : '' }}</x-button\r\n            >\r\n            <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(node)\" onlyIcon\r\n              >{{ 'comment.giveALike' | xI18n }} {{ node.likes ? node.likes : '' }}</x-button\r\n            >\r\n          </x-buttons>\r\n        </div>\r\n        <x-comment-reply *ngIf=\"node.commentShow\" [maxlength]=\"contentMax\" (sureClick)=\"sureOnClick($event, node)\"></x-comment-reply>\r\n        <ul>\r\n          <li *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n            <div>\r\n              <p>\r\n                <x-link>{{ child.author }}</x-link>\r\n                <ng-container *ngIf=\"child.replyAuthor\">\r\n                  <span class=\"x-comment-reply\">{{ 'comment.reply' | xI18n }}</span> <x-link>{{ child.replyAuthor }}</x-link></ng-container\r\n                >：\r\n                <span>\r\n                  <x-text-retract [content]=\"child.content\"></x-text-retract>\r\n                </span>\r\n              </p>\r\n              <div class=\"x-comment-action\">\r\n                <span class=\"x-comment-time\">{{ child.datetime | xTimeAgo }}</span>\r\n                <x-buttons>\r\n                  <x-button icon=\"fto-message-square\" [activated]=\"child.commentShow\" (click)=\"replyOnClick(child)\" onlyIcon>{{\r\n                    'comment.reply' | xI18n\r\n                  }}</x-button>\r\n                  <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(child)\" onlyIcon>\r\n                    {{ 'comment.giveALike' | xI18n }} {{ child.likes ? child.likes : '' }}</x-button\r\n                  >\r\n                </x-buttons>\r\n              </div>\r\n              <x-comment-reply\r\n                *ngIf=\"child.commentShow\"\r\n                [maxlength]=\"contentMax\"\r\n                (sureClick)=\"sureOnClick($event, child)\"\r\n              ></x-comment-reply>\r\n            </div>\r\n          </li>\r\n          <li class=\"x-comment-more\" *ngIf=\"hasMore(node)\">\r\n            <x-link icon=\"fto-chevron-right\" type=\"primary\" (click)=\"moreOnClick(node)\" iconRight>{{ 'comment.more' | xI18n }} </x-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCommentComponent } from './comment.component';\r\nimport { XCommentReplyComponent } from './comment-reply.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XAvatarModule } from '@ng-nest/ui/avatar';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XTextRetractModule } from '@ng-nest/ui/text-retract';\r\nimport { XTimeAgoModule } from '@ng-nest/ui/time-ago';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\nimport { XCommentProperty, XCommentReplyProperty } from './comment.property';\r\n\r\n@NgModule({\r\n  declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty],\r\n  exports: [XCommentComponent, XCommentReplyComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    XI18nModule,\r\n    XInputModule,\r\n    XLinkModule,\r\n    XAvatarModule,\r\n    XButtonModule,\r\n    XTextRetractModule,\r\n    XTimeAgoModule\r\n  ]\r\n})\r\nexport class XCommentModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;MAKa,cAAc,GAAG,YAAY;AAC1C,MAAM,aAAa,GAAG,SAAS,CAAC;AAEhC;;;MAIa,gBAAiB,SAAQ,SAAS;IAD/C;;;;;;QAM2B,SAAI,GAAwB,EAAE,CAAC;;;;;QAU9C,cAAS,GAAG,IAAI,YAAY,EAAgB,CAAC;;;;;QAK7C,iBAAY,GAAG,IAAI,YAAY,EAAgB,CAAC;;;;;QAKhD,eAAU,GAAG,IAAI,YAAY,EAAgB,CAAC;;;;;QAK9C,cAAS,GAAG,IAAI,YAAY,EAAgB,CAAC;;;;;QAK7C,cAAS,GAAG,IAAI,YAAY,EAAgB,CAAC;KACxD;;gIApCY,gBAAgB;oHAAhB,gBAAgB,4QADN,EAAE;AAME;IAAf,YAAY,EAAE;8CAAgC;AAKd;IAAhC,WAAW,CAAC,aAAa,EAAE,GAAG,CAAC;oDAAsB;2FAVpD,gBAAgB;kBAD5B,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;8BAMA,IAAI;sBAA5B,KAAK;gBAKoC,UAAU;sBAAnD,KAAK;gBAKI,SAAS;sBAAlB,MAAM;gBAKG,YAAY;sBAArB,MAAM;gBAKG,UAAU;sBAAnB,MAAM;gBAKG,SAAS;sBAAlB,MAAM;gBAKG,SAAS;sBAAlB,MAAM;;AAuDT;;;;;MAKa,mBAAmB,GAAG,kBAAkB;AAErD;;;MAIa,qBAAsB,SAAQ,SAAS;IADpD;;;;;;QAM2B,cAAS,GAAY,GAAG,CAAC;;;;;QAKxC,cAAS,GAAG,IAAI,YAAY,EAAU,CAAC;KAClD;;qIAXY,qBAAqB;yHAArB,qBAAqB,oJADX,EAAE;AAME;IAAf,YAAY,EAAE;wDAA0B;2FALvC,qBAAqB;kBADjC,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;8BAMA,SAAS;sBAAjC,KAAK;gBAKI,SAAS;sBAAlB,MAAM;;;MChHI,sBAAuB,SAAQ,qBAAqB;IAI/D,YACS,QAAmB,EACnB,UAAsB,EACtB,GAAsB,EACtB,IAAkB,EAClB,aAA6B;QAEpC,KAAK,EAAE,CAAC;QAND,aAAQ,GAAR,QAAQ,CAAW;QACnB,eAAU,GAAV,UAAU,CAAY;QACtB,QAAG,GAAH,GAAG,CAAmB;QACtB,SAAI,GAAJ,IAAI,CAAc;QAClB,kBAAa,GAAb,aAAa,CAAgB;QAP9B,eAAU,GAAG,IAAI,OAAO,EAAQ,CAAC;KAUxC;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;YAChE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;SACzB,CAAC,CAAC;KACJ;IAED,WAAW;QACT,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;KAC/B;IAED,WAAW;QACT,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACtC;;sIA3BU,sBAAsB;0HAAtB,sBAAsB,8ECdnC,8fAUA;2FDIa,sBAAsB;kBAPlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,GAAG,mBAAmB,EAAE;oBAClC,WAAW,EAAE,gCAAgC;oBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MEUY,iBAAkB,SAAQ,gBAAgB;IAIrD,YACS,QAAmB,EACnB,UAAsB,EACtB,GAAsB,EACtB,IAAkB,EAClB,aAA6B;QAEpC,KAAK,EAAE,CAAC;QAND,aAAQ,GAAR,QAAQ,CAAW;QACnB,eAAU,GAAV,UAAU,CAAY;QACtB,QAAG,GAAH,GAAG,CAAmB;QACtB,SAAI,GAAJ,IAAI,CAAc;QAClB,kBAAa,GAAb,aAAa,CAAgB;QARtC,UAAK,GAAmB,EAAE,CAAC;QACnB,eAAU,GAAG,IAAI,OAAO,EAAQ,CAAC;KAUxC;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;YAChE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;SACzB,CAAC,CAAC;KACJ;IAED,WAAW,CAAC,OAAsB;QAChC,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QACzB,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;KACnC;IAED,WAAW;QACT,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;KAC/B;IAED,WAAW,CAAC,IAAkB;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,cAAc,CAAC,IAAkB;QAC/B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;QACrC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAED,YAAY,CAAC,IAAkB;QAC7B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;QACrC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAED,WAAW,CAAC,OAAe,EAAE,IAAkB;QAC7C,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,WAAW,CAAC,IAAkB;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,OAAO,CAAC,IAAkB;;QACxB,OAAQ,IAAI,CAAC,KAAgB,IAAI,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAiB,CAAA,CAAC;KACnE;IAED,WAAW,CAAC,MAAc,EAAE,IAAkB;QAC5C,OAAO,IAAI,CAAC,EAAE,CAAC;KAChB;IAEO,OAAO;QACb,QAAQ,CAAe,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7D,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,YAAY,CAAe,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAC9F,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;SAC1B,CAAC,CAAC;KACJ;;iIApEU,iBAAiB;qHAAjB,iBAAiB,6FCvB9B,2jGA+DA;2FDxCa,iBAAiB;kBAP7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,GAAG,cAAc,EAAE;oBAC7B,WAAW,EAAE,0BAA0B;oBACvC,SAAS,EAAE,CAAC,0BAA0B,CAAC;oBACvC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MEOY,cAAc;;8HAAd,cAAc;+HAAd,cAAc,iBAdV,iBAAiB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,qBAAqB,aAG/F,YAAY;QACZ,WAAW;QACX,WAAW;QACX,YAAY;QACZ,WAAW;QACX,aAAa;QACb,aAAa;QACb,kBAAkB;QAClB,cAAc,aAVN,iBAAiB,EAAE,sBAAsB;+HAaxC,cAAc,YAZhB;YACP,YAAY;YACZ,WAAW;YACX,WAAW;YACX,YAAY;YACZ,WAAW;YACX,aAAa;YACb,aAAa;YACb,kBAAkB;YAClB,cAAc;SACf;2FAEU,cAAc;kBAf1B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,qBAAqB,CAAC;oBAClG,OAAO,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC;oBACpD,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,WAAW;wBACX,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,kBAAkB;wBAClB,cAAc;qBACf;iBACF;;;AC5BD;;;;;;"}

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

@@ -17,12 +17,12 @@ const X_CONFIG_NAME = 'container';
  */
 class XContainerProperty extends XProperty {
 }
-/** @nocollapse */ XContainerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XContainerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XContainerProperty, selector: "ng-component", inputs: { direction: "direction" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XContainerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XContainerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XContainerProperty, selector: "ng-component", inputs: { direction: "direction" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XContainerProperty.prototype, "direction", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XContainerProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XContainerProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { direction: [{
@@ -40,12 +40,12 @@ const X_CONFIG_NAME_HEADER = 'header';
  */
 class XHeaderProperty extends XProperty {
 }
-/** @nocollapse */ XHeaderProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XHeaderProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XHeaderProperty, selector: "ng-component", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XHeaderProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XHeaderProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XHeaderProperty, selector: "ng-component", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME_HEADER, 3)
 ], XHeaderProperty.prototype, "height", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XHeaderProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XHeaderProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { height: [{
@@ -63,12 +63,12 @@ const X_CONFIG_NAME_ASIDE = 'aside';
  */
 class XAsideProperty extends XProperty {
 }
-/** @nocollapse */ XAsideProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XAsideProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAsideProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XAsideProperty, selector: "ng-component", inputs: { width: "width" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XAsideProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAsideProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XAsideProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XAsideProperty, selector: "ng-component", inputs: { width: "width" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME_ASIDE, 12)
 ], XAsideProperty.prototype, "width", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XAsideProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAsideProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { width: [{
@@ -100,12 +100,12 @@ class XFooterProperty extends XProperty {
         this.height = 3;
     }
 }
-/** @nocollapse */ XFooterProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XFooterProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XFooterProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XFooterProperty, selector: "ng-component", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XFooterProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XFooterProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XFooterProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XFooterProperty, selector: "ng-component", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME_FOOTER, 3)
 ], XFooterProperty.prototype, "height", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XFooterProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XFooterProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { height: [{
@@ -124,7 +124,7 @@ class XContainerComponent extends XContainerProperty {
         this.setDirection();
     }
     ngOnChanges(changes) {
-        let direction = changes.direction;
+        const { direction } = changes;
         if (direction && direction.currentValue != direction.previousValue) {
             this.setDirection();
         }
@@ -135,9 +135,9 @@ class XContainerComponent extends XContainerProperty {
         }
     }
 }
-/** @nocollapse */ XContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XContainerComponent, selector: "x-container", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-container{margin:0;padding:0;display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.x-container.x-direction-column{flex-direction:column}.x-container.x-direction-column-reverse{flex-direction:column-reverse}.x-container.x-direction-row{flex-direction:row}.x-container.x-direction-row-reverse{flex-direction:row-reverse}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XContainerComponent, decorators: [{
+/** @nocollapse */ XContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XContainerComponent, selector: "x-container", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-container{margin:0;padding:0;display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.x-container.x-direction-column{flex-direction:column}.x-container.x-direction-column-reverse{flex-direction:column-reverse}.x-container.x-direction-row{flex-direction:row}.x-container.x-direction-row-reverse{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XContainerPrefix}`,
@@ -170,9 +170,9 @@ class XHeaderComponent extends XHeaderProperty {
         this.container.setDirection();
     }
 }
-/** @nocollapse */ XHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XHeaderComponent, deps: [{ token: XContainerComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XHeaderComponent, selector: "x-header", host: { properties: { "style.height.rem": "this.getHeight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-header{margin:0;flex-shrink:0;padding:0 1rem}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XHeaderComponent, decorators: [{
+/** @nocollapse */ XHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XHeaderComponent, deps: [{ token: XContainerComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XHeaderComponent, selector: "x-header", host: { properties: { "style.height.rem": "this.getHeight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-header{margin:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XHeaderPrefix}`,
@@ -202,9 +202,9 @@ class XAsideComponent extends XAsideProperty {
         return this.width;
     }
 }
-/** @nocollapse */ XAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XAsideComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XAsideComponent, selector: "x-aside", host: { properties: { "style.width.rem": "this.getWidth" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-aside{margin:0;padding:0;overflow:auto;flex-shrink:0}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XAsideComponent, decorators: [{
+/** @nocollapse */ XAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAsideComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XAsideComponent, selector: "x-aside", host: { properties: { "style.width.rem": "this.getWidth" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-aside{margin:0;padding:0;overflow:auto;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAsideComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XAsidePrefix}`,
@@ -226,9 +226,9 @@ class XMainComponent {
         this.renderer.addClass(this.elementRef.nativeElement, XMainPrefix);
     }
 }
-/** @nocollapse */ XMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XMainComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XMainComponent, selector: "x-main", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-main{margin:0;display:block;flex:1;flex-basis:auto;padding:1rem;overflow:auto}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XMainComponent, decorators: [{
+/** @nocollapse */ XMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMainComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XMainComponent, selector: "x-main", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-main{margin:0;display:block;flex:1;flex-basis:auto;padding:1rem;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMainComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XMainPrefix}`,
@@ -261,9 +261,9 @@ class XFooterComponent extends XFooterProperty {
         this.container.setDirection();
     }
 }
-/** @nocollapse */ XFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XFooterComponent, deps: [{ token: XContainerComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XFooterComponent, selector: "x-footer", host: { properties: { "style.height.rem": "this.getHeight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-footer{margin:0;flex-shrink:0;padding:0 1rem}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XFooterComponent, decorators: [{
+/** @nocollapse */ XFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XFooterComponent, deps: [{ token: XContainerComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XFooterComponent, selector: "x-footer", host: { properties: { "style.height.rem": "this.getHeight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-footer{margin:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XFooterPrefix}`,
@@ -294,8 +294,8 @@ const components = [
 ];
 class XContainerModule {
 }
-/** @nocollapse */ XContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XContainerModule, declarations: [XContainerComponent,
+/** @nocollapse */ XContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XContainerModule, declarations: [XContainerComponent,
         XHeaderComponent,
         XAsideComponent,
         XMainComponent,
@@ -312,8 +312,8 @@ class XContainerModule {
         XHeaderProperty,
         XAsideProperty,
         XFooterProperty] });
-/** @nocollapse */ XContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XContainerModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XContainerModule, decorators: [{
+/** @nocollapse */ XContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XContainerModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...components],

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-container.js","sources":["../../../../lib/ng-nest/ui/container/container.property.ts","../../../../lib/ng-nest/ui/container/container.component.ts","../../../../lib/ng-nest/ui/container/header.component.ts","../../../../lib/ng-nest/ui/container/aside.component.ts","../../../../lib/ng-nest/ui/container/main.component.ts","../../../../lib/ng-nest/ui/container/footer.component.ts","../../../../lib/ng-nest/ui/container/container.module.ts","../../../../lib/ng-nest/ui/container/ng-nest-ui-container.ts"],"sourcesContent":["import { XDirection, XProperty, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Container\r\n * @selector x-container\r\n * @decorator component\r\n */\r\nexport const XContainerPrefix = 'x-container';\r\nconst X_CONFIG_NAME = 'container';\r\n\r\n/**\r\n * Container Property\r\n */\r\n@Component({ template: '' })\r\nexport class XContainerProperty extends XProperty {\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向，子元素中有 x-header 或 x-footer 时为 column\r\n   * @en_US The arrangement direction of the sub-elements under the flex layout. When the sub-elements have x-header or x-footer, it is column\r\n   */\r\n  @Input() @XWithConfig<XDirection>(X_CONFIG_NAME) direction?: XDirection;\r\n}\r\n\r\n/**\r\n * Header\r\n * @selector x-header\r\n * @decorator component\r\n */\r\nexport const XHeaderPrefix = 'x-header';\r\nconst X_CONFIG_NAME_HEADER = 'header';\r\n\r\n/**\r\n * Header Property\r\n */\r\n@Component({ template: '' })\r\nexport class XHeaderProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 高度，rem\r\n   * @en_US Height, rem\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME_HEADER, 3) height?: number;\r\n}\r\n\r\n/**\r\n * Aside\r\n * @selector x-aside\r\n * @decorator component\r\n */\r\nexport const XAsidePrefix = 'x-aside';\r\nconst X_CONFIG_NAME_ASIDE = 'aside';\r\n\r\n/**\r\n * Aside Property\r\n */\r\n@Component({ template: '' })\r\nexport class XAsideProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 宽度，rem\r\n   * @en_US Width, rem\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME_ASIDE, 12) width?: number;\r\n}\r\n\r\n/**\r\n * main\r\n * @selector x-main\r\n * @decorator component\r\n */\r\nexport const XMainPrefix = 'x-main';\r\n\r\n/**\r\n * Footer\r\n * @selector x-footer\r\n * @decorator component\r\n */\r\nexport const XFooterPrefix = 'x-footer';\r\nconst X_CONFIG_NAME_FOOTER = 'footer';\r\n\r\n/**\r\n * Footer Property\r\n */\r\n@Component({ template: '' })\r\nexport class XFooterProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 高度，rem\r\n   * @en_US Height, rem\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME_FOOTER, 3) height: XNumber = 3;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, Input, SimpleChanges } from '@angular/core';\r\nimport { XContainerPrefix, XContainerProperty } from './container.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XContainerPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./container.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XContainerComponent extends XContainerProperty implements OnInit {\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XContainerPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setDirection();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    let direction = changes.direction;\r\n    if (direction && direction.currentValue != direction.previousValue) {\r\n      this.setDirection();\r\n    }\r\n  }\r\n\r\n  setDirection() {\r\n    if (this.direction) {\r\n      this.renderer.addClass(this.elementRef.nativeElement, `x-direction-${this.direction}`);\r\n    }\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  Optional,\r\n  Host,\r\n  HostBinding\r\n} from '@angular/core';\r\nimport { XHeaderPrefix, XHeaderProperty } from './container.property';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XHeaderPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./header.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XHeaderComponent extends XHeaderProperty implements OnInit {\r\n  @HostBinding(`style.height.rem`) get getHeight() {\r\n    return this.height;\r\n  }\r\n\r\n  constructor(\r\n    @Optional() @Host() public container: XContainerComponent,\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XHeaderPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setDirection();\r\n  }\r\n\r\n  setDirection() {\r\n    if (!this.container || this.container.direction) return;\r\n    this.container.direction = 'column';\r\n    this.container.setDirection()\r\n  }\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, HostBinding } from '@angular/core';\r\nimport { XAsidePrefix, XAsideProperty } from './container.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XAsidePrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./aside.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAsideComponent extends XAsideProperty {\r\n  @HostBinding(`style.width.rem`) get getWidth() {\r\n    return this.width;\r\n  }\r\n\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XAsidePrefix);\r\n  }\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } from '@angular/core';\r\nimport { XMainPrefix } from './container.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XMainPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./main.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMainComponent {\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XMainPrefix);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  Optional,\r\n  Host,\r\n  HostBinding\r\n} from '@angular/core';\r\nimport { XFooterPrefix, XFooterProperty } from './container.property';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XFooterPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./footer.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XFooterComponent extends XFooterProperty implements OnInit {\r\n  @HostBinding(`style.height.rem`) get getHeight() {\r\n    return this.height;\r\n  }\r\n  constructor(\r\n    @Optional() @Host() public container: XContainerComponent,\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XFooterPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setDirection();\r\n  }\r\n\r\n  setDirection() {\r\n    if (!this.container || this.container.direction) return;\r\n    this.container.direction = 'column';\r\n    this.container.setDirection();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XFooterComponent } from './footer.component';\r\nimport { XMainComponent } from './main.component';\r\nimport { XAsideComponent } from './aside.component';\r\nimport { XHeaderComponent } from './header.component';\r\nimport { XContainerProperty, XHeaderProperty, XAsideProperty, XFooterProperty } from './container.property';\r\n\r\nconst components = [\r\n  XContainerComponent,\r\n  XHeaderComponent,\r\n  XAsideComponent,\r\n  XMainComponent,\r\n  XFooterComponent,\r\n  XContainerProperty,\r\n  XHeaderProperty,\r\n  XAsideProperty,\r\n  XFooterProperty\r\n];\r\n\r\n@NgModule({\r\n  declarations: [...components],\r\n  exports: [...components],\r\n  imports: [CommonModule]\r\n})\r\nexport class XContainerModule {}\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-container.js","sources":["../../../../lib/ng-nest/ui/container/container.property.ts","../../../../lib/ng-nest/ui/container/container.component.ts","../../../../lib/ng-nest/ui/container/header.component.ts","../../../../lib/ng-nest/ui/container/aside.component.ts","../../../../lib/ng-nest/ui/container/main.component.ts","../../../../lib/ng-nest/ui/container/footer.component.ts","../../../../lib/ng-nest/ui/container/container.module.ts","../../../../lib/ng-nest/ui/container/ng-nest-ui-container.ts"],"sourcesContent":["import { XDirection, XProperty, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Container\r\n * @selector x-container\r\n * @decorator component\r\n */\r\nexport const XContainerPrefix = 'x-container';\r\nconst X_CONFIG_NAME = 'container';\r\n\r\n/**\r\n * Container Property\r\n */\r\n@Component({ template: '' })\r\nexport class XContainerProperty extends XProperty {\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向，子元素中有 x-header 或 x-footer 时为 column\r\n   * @en_US The arrangement direction of the sub-elements under the flex layout. When the sub-elements have x-header or x-footer, it is column\r\n   */\r\n  @Input() @XWithConfig<XDirection>(X_CONFIG_NAME) direction?: XDirection;\r\n}\r\n\r\n/**\r\n * Header\r\n * @selector x-header\r\n * @decorator component\r\n */\r\nexport const XHeaderPrefix = 'x-header';\r\nconst X_CONFIG_NAME_HEADER = 'header';\r\n\r\n/**\r\n * Header Property\r\n */\r\n@Component({ template: '' })\r\nexport class XHeaderProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 高度，rem\r\n   * @en_US Height, rem\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME_HEADER, 3) height?: number;\r\n}\r\n\r\n/**\r\n * Aside\r\n * @selector x-aside\r\n * @decorator component\r\n */\r\nexport const XAsidePrefix = 'x-aside';\r\nconst X_CONFIG_NAME_ASIDE = 'aside';\r\n\r\n/**\r\n * Aside Property\r\n */\r\n@Component({ template: '' })\r\nexport class XAsideProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 宽度，rem\r\n   * @en_US Width, rem\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME_ASIDE, 12) width?: number;\r\n}\r\n\r\n/**\r\n * main\r\n * @selector x-main\r\n * @decorator component\r\n */\r\nexport const XMainPrefix = 'x-main';\r\n\r\n/**\r\n * Footer\r\n * @selector x-footer\r\n * @decorator component\r\n */\r\nexport const XFooterPrefix = 'x-footer';\r\nconst X_CONFIG_NAME_FOOTER = 'footer';\r\n\r\n/**\r\n * Footer Property\r\n */\r\n@Component({ template: '' })\r\nexport class XFooterProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 高度，rem\r\n   * @en_US Height, rem\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME_FOOTER, 3) height: XNumber = 3;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, SimpleChanges } from '@angular/core';\r\nimport { XContainerPrefix, XContainerProperty } from './container.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XContainerPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./container.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XContainerComponent extends XContainerProperty implements OnInit {\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XContainerPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setDirection();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { direction } = changes;\r\n    if (direction && direction.currentValue != direction.previousValue) {\r\n      this.setDirection();\r\n    }\r\n  }\r\n\r\n  setDirection() {\r\n    if (this.direction) {\r\n      this.renderer.addClass(this.elementRef.nativeElement, `x-direction-${this.direction}`);\r\n    }\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  Optional,\r\n  Host,\r\n  HostBinding\r\n} from '@angular/core';\r\nimport { XHeaderPrefix, XHeaderProperty } from './container.property';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XHeaderPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./header.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XHeaderComponent extends XHeaderProperty implements OnInit {\r\n  @HostBinding(`style.height.rem`) get getHeight() {\r\n    return this.height;\r\n  }\r\n\r\n  constructor(\r\n    @Optional() @Host() public container: XContainerComponent,\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XHeaderPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setDirection();\r\n  }\r\n\r\n  setDirection() {\r\n    if (!this.container || this.container.direction) return;\r\n    this.container.direction = 'column';\r\n    this.container.setDirection()\r\n  }\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, HostBinding } from '@angular/core';\r\nimport { XAsidePrefix, XAsideProperty } from './container.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XAsidePrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./aside.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAsideComponent extends XAsideProperty {\r\n  @HostBinding(`style.width.rem`) get getWidth() {\r\n    return this.width;\r\n  }\r\n\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XAsidePrefix);\r\n  }\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } from '@angular/core';\r\nimport { XMainPrefix } from './container.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XMainPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./main.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMainComponent {\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XMainPrefix);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  Optional,\r\n  Host,\r\n  HostBinding\r\n} from '@angular/core';\r\nimport { XFooterPrefix, XFooterProperty } from './container.property';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XFooterPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./footer.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XFooterComponent extends XFooterProperty implements OnInit {\r\n  @HostBinding(`style.height.rem`) get getHeight() {\r\n    return this.height;\r\n  }\r\n  constructor(\r\n    @Optional() @Host() public container: XContainerComponent,\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XFooterPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setDirection();\r\n  }\r\n\r\n  setDirection() {\r\n    if (!this.container || this.container.direction) return;\r\n    this.container.direction = 'column';\r\n    this.container.setDirection();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XFooterComponent } from './footer.component';\r\nimport { XMainComponent } from './main.component';\r\nimport { XAsideComponent } from './aside.component';\r\nimport { XHeaderComponent } from './header.component';\r\nimport { XContainerProperty, XHeaderProperty, XAsideProperty, XFooterProperty } from './container.property';\r\n\r\nconst components = [\r\n  XContainerComponent,\r\n  XHeaderComponent,\r\n  XAsideComponent,\r\n  XMainComponent,\r\n  XFooterComponent,\r\n  XContainerProperty,\r\n  XHeaderProperty,\r\n  XAsideProperty,\r\n  XFooterProperty\r\n];\r\n\r\n@NgModule({\r\n  declarations: [...components],\r\n  exports: [...components],\r\n  imports: [CommonModule]\r\n})\r\nexport class XContainerModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}