@ng-nest/ui 16.0.11 → 17.0.0

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

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import * as i2 from '@ng-nest/ui/core';
-import { XProperty, XDataConvert, XWithConfig, XInputNumber, XIsChange, XSetData, XIsEmpty, XGetChildren } from '@ng-nest/ui/core';
+import { XProperty, XDataConvert, XWithConfig, XInputNumber, XIsChange, XGetChildren, XIsEmpty, XSetData } from '@ng-nest/ui/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import * as i1 from '@ng-nest/ui/i18n';
@@ -68,8 +68,8 @@ class XCommentProperty extends XProperty {
          */
         this.moreClick = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XCommentProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XCommentProperty, selector: "x-comment-property", inputs: { data: "data", contentMax: "contentMax" }, outputs: { likeClick: "likeClick", commentClick: "commentClick", replyClick: "replyClick", sureClick: "sureClick", moreClick: "moreClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCommentProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XCommentProperty, selector: "x-comment-property", 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()
@@ -77,7 +77,7 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME, 512)
 ], XCommentProperty.prototype, "contentMax", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XCommentProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCommentProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XCommentPrefix}-property`, template: '' }]
         }], propDecorators: { data: [{
@@ -118,13 +118,13 @@ class XCommentReplyProperty extends XProperty {
          */
         this.sureClick = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XCommentReplyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XCommentReplyProperty, selector: "x-comment-reply-property", inputs: { maxlength: "maxlength" }, outputs: { sureClick: "sureClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCommentReplyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XCommentReplyProperty, selector: "x-comment-reply-property", 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: "16.2.12", ngImport: i0, type: XCommentReplyProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCommentReplyProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XCommentReplyPrefix}-property`, template: '' }]
         }], propDecorators: { maxlength: [{
@@ -155,13 +155,13 @@ class XCommentReplyComponent extends XCommentReplyProperty {
     sureOnClick() {
         this.sureClick.emit(this.inputValue);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.XInputComponent, selector: "x-input" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i5.XButtonsComponent, selector: "x-buttons" }, { kind: "pipe", type: i1.XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.XInputComponent, selector: "x-input" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i5.XButtonsComponent, selector: "x-buttons" }, { kind: "pipe", type: i1.XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XCommentReplyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCommentReplyComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XCommentReplyPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XI18nService }, { type: i2.XConfigService }]; } });
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XI18nService }, { type: i2.XConfigService }] });
 
 class XCommentComponent extends XCommentProperty {
     constructor(renderer, elementRef, cdr, i18n, configService) {
@@ -219,17 +219,17 @@ class XCommentComponent extends XCommentProperty {
             this.cdr.detectChanges();
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.XLinkComponent, selector: "x-link" }, { kind: "component", type: i5$1.XAvatarComponent, selector: "x-avatar" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i5.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i7.XTextRetractComponent, selector: "x-text-retract" }, { kind: "component", type: XCommentReplyComponent, selector: "x-comment-reply" }, { kind: "pipe", type: i1.XI18nPipe, name: "xI18n" }, { kind: "pipe", type: i9.XTimeAgoPipe, name: "xTimeAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.XLinkComponent, selector: "x-link" }, { kind: "component", type: i5$1.XAvatarComponent, selector: "x-avatar" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i5.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i7.XTextRetractComponent, selector: "x-text-retract" }, { kind: "component", type: XCommentReplyComponent, selector: "x-comment-reply" }, { kind: "pipe", type: i1.XI18nPipe, name: "xI18n" }, { kind: "pipe", type: i9.XTimeAgoPipe, name: "xTimeAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XCommentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCommentComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XCommentPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XI18nService }, { type: i2.XConfigService }]; } });
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XI18nService }, { type: i2.XConfigService }] });
 
 class XCommentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: XCommentModule, declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: XCommentModule, declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty], imports: [CommonModule,
             FormsModule,
             XI18nModule,
             XInputModule,
@@ -238,7 +238,7 @@ class XCommentModule {
             XButtonModule,
             XTextRetractModule,
             XTimeAgoModule], exports: [XCommentComponent, XCommentReplyComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XCommentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCommentModule, imports: [CommonModule,
             FormsModule,
             XI18nModule,
             XInputModule,
@@ -248,7 +248,7 @@ class XCommentModule {
             XTextRetractModule,
             XTimeAgoModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XCommentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCommentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty],

package/fesm2022/ng-nest-ui-comment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-comment.mjs","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({ selector: `${XCommentPrefix}-property`, 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({ selector: `${XCommentReplyPrefix}-property`, 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<HTMLElement>,\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<HTMLElement>,\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":["i3","i4","i5","i6","i8.XCommentReplyComponent"],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-comment.mjs","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({ selector: `${XCommentPrefix}-property`, 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({ selector: `${XCommentReplyPrefix}-property`, 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<HTMLElement>,\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<HTMLElement>,\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":["i3","i4","i5","i6","i8.XCommentReplyComponent"],"mappings":"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"}

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

@@ -16,13 +16,13 @@ const X_CONFIG_NAME = 'container';
  * Container Property
  */
 class XContainerProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XContainerProperty, selector: "x-container-property", inputs: { direction: "direction" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XContainerProperty, selector: "x-container-property", 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: "16.2.12", ngImport: i0, type: XContainerProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XContainerProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XContainerPrefix}-property`, template: '' }]
         }], propDecorators: { direction: [{
@@ -39,13 +39,13 @@ const X_CONFIG_NAME_HEADER = 'header';
  * Header Property
  */
 class XHeaderProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XHeaderProperty, selector: "x-header-property", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XHeaderProperty, selector: "x-header-property", 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: "16.2.12", ngImport: i0, type: XHeaderProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XHeaderProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XHeaderPrefix}-property`, template: '' }]
         }], propDecorators: { height: [{
@@ -62,13 +62,13 @@ const X_CONFIG_NAME_ASIDE = 'aside';
  * Aside Property
  */
 class XAsideProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XAsideProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XAsideProperty, selector: "x-aside-property", inputs: { width: "width" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XAsideProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XAsideProperty, selector: "x-aside-property", 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: "16.2.12", ngImport: i0, type: XAsideProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XAsideProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XAsidePrefix}-property`, template: '' }]
         }], propDecorators: { width: [{
@@ -99,13 +99,13 @@ class XFooterProperty extends XProperty {
          */
         this.height = 3;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XFooterProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XFooterProperty, selector: "x-footer-property", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XFooterProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XFooterProperty, selector: "x-footer-property", 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: "16.2.12", ngImport: i0, type: XFooterProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XFooterProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XFooterPrefix}-property`, template: '' }]
         }], propDecorators: { height: [{
@@ -134,13 +134,13 @@ class XContainerComponent extends XContainerProperty {
             this.renderer.addClass(this.elementRef.nativeElement, `x-direction-${this.direction}`);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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: "16.2.12", ngImport: i0, type: XContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XContainerPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }] });
 
 class XHeaderComponent extends XHeaderProperty {
     get getHeight() {
@@ -163,17 +163,17 @@ class XHeaderComponent extends XHeaderProperty {
         this.container.direction = 'column';
         this.container.setDirection();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XHeaderPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-header{margin:0;padding:0;flex-shrink:0;padding:0 1rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: XContainerComponent, decorators: [{
+        }], ctorParameters: () => [{ type: XContainerComponent, decorators: [{
                     type: Optional
                 }, {
                     type: Host
-                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { getHeight: [{
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }], propDecorators: { getHeight: [{
                 type: HostBinding,
                 args: [`style.height.rem`]
             }] } });
@@ -189,13 +189,13 @@ class XAsideComponent extends XAsideProperty {
         this.configService = configService;
         this.renderer.addClass(this.elementRef.nativeElement, XAsidePrefix);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XAsideComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XAsideComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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: "16.2.12", ngImport: i0, type: XAsideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XAsideComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XAsidePrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-aside{margin:0;padding:0;overflow:auto;flex-shrink:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { getWidth: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }], propDecorators: { getWidth: [{
                 type: HostBinding,
                 args: [`style.width.rem`]
             }] } });
@@ -207,13 +207,13 @@ class XMainComponent {
         this.configService = configService;
         this.renderer.addClass(this.elementRef.nativeElement, XMainPrefix);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XMainComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XMainComponent, selector: "x-main", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-main{margin:0;padding:0;display:block;flex:1;flex-basis:auto;padding:1rem;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XMainComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XMainComponent, selector: "x-main", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-main{margin:0;padding: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: "16.2.12", ngImport: i0, type: XMainComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XMainComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XMainPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-main{margin:0;padding:0;display:block;flex:1;flex-basis:auto;padding:1rem;overflow:auto}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }] });
 
 class XFooterComponent extends XFooterProperty {
     get getHeight() {
@@ -236,17 +236,17 @@ class XFooterComponent extends XFooterProperty {
         this.container.direction = 'column';
         this.container.setDirection();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XFooterPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-footer{margin:0;padding:0;flex-shrink:0;padding:0 1rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: XContainerComponent, decorators: [{
+        }], ctorParameters: () => [{ type: XContainerComponent, decorators: [{
                     type: Optional
                 }, {
                     type: Host
-                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { getHeight: [{
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }], propDecorators: { getHeight: [{
                 type: HostBinding,
                 args: [`style.height.rem`]
             }] } });
@@ -263,8 +263,8 @@ const components = [
     XFooterProperty
 ];
 class XContainerModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: XContainerModule, declarations: [XContainerComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: XContainerModule, declarations: [XContainerComponent,
             XHeaderComponent,
             XAsideComponent,
             XMainComponent,
@@ -281,9 +281,9 @@ class XContainerModule {
             XHeaderProperty,
             XAsideProperty,
             XFooterProperty] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XContainerModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XContainerModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XContainerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...components],