@ng-nest/ui 13.0.3 → 13.0.7

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

@@ -69,15 +69,15 @@ class XCommentProperty extends XProperty {
         this.moreClick = new EventEmitter();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XCommentProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XCommentProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 */ /** @nocollapse */ XCommentProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCommentProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XCommentProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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 });
 __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: "13.0.2", ngImport: i0, type: XCommentProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCommentProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { data: [{
@@ -119,12 +119,12 @@ class XCommentReplyProperty extends XProperty {
         this.sureClick = new EventEmitter();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XCommentReplyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentReplyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XCommentReplyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XCommentReplyProperty, selector: "ng-component", inputs: { maxlength: "maxlength" }, outputs: { sureClick: "sureClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XCommentReplyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCommentReplyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XCommentReplyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", 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: "13.0.2", ngImport: i0, type: XCommentReplyProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", 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 */ /** @nocollapse */ XCommentReplyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.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 */ /** @nocollapse */ XCommentReplyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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"], 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: "13.0.2", ngImport: i0, type: XCommentReplyComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XCommentReplyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.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 */ /** @nocollapse */ XCommentReplyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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}\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: "13.0.3", 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 }]; } });
@@ -221,17 +221,17 @@ class XCommentComponent extends XCommentProperty {
         });
     }
 }
-/** @nocollapse */ /** @nocollapse */ XCommentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.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 */ /** @nocollapse */ XCommentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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"], 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: "13.0.2", ngImport: i0, type: XCommentComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XCommentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.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 */ /** @nocollapse */ XCommentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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: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: "13.0.3", 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 }]; } });
 
 class XCommentModule {
 }
-/** @nocollapse */ /** @nocollapse */ XCommentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XCommentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentModule, declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty], imports: [CommonModule,
+/** @nocollapse */ /** @nocollapse */ XCommentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XCommentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCommentModule, declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty], imports: [CommonModule,
         FormsModule,
         XI18nModule,
         XInputModule,
@@ -240,7 +240,7 @@ class XCommentModule {
         XButtonModule,
         XTextRetractModule,
         XTimeAgoModule], exports: [XCommentComponent, XCommentReplyComponent] });
-/** @nocollapse */ /** @nocollapse */ XCommentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentModule, imports: [[
+/** @nocollapse */ /** @nocollapse */ XCommentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCommentModule, imports: [[
             CommonModule,
             FormsModule,
             XI18nModule,
@@ -251,7 +251,7 @@ class XCommentModule {
             XTextRetractModule,
             XTimeAgoModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCommentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty],

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

@@ -17,12 +17,12 @@ const X_CONFIG_NAME = 'container';
  */
 class XContainerProperty extends XProperty {
 }
-/** @nocollapse */ /** @nocollapse */ XContainerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XContainerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XContainerProperty, selector: "ng-component", inputs: { direction: "direction" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XContainerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XContainerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", 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: "13.0.2", ngImport: i0, type: XContainerProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", 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 */ /** @nocollapse */ XHeaderProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XHeaderProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XHeaderProperty, selector: "ng-component", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XHeaderProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XHeaderProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", 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: "13.0.2", ngImport: i0, type: XHeaderProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", 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 */ /** @nocollapse */ XAsideProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAsideProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAsideProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XAsideProperty, selector: "ng-component", inputs: { width: "width" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XAsideProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAsideProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAsideProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", 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: "13.0.2", ngImport: i0, type: XAsideProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAsideProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { width: [{
@@ -100,12 +100,12 @@ class XFooterProperty extends XProperty {
         this.height = 3;
     }
 }
-/** @nocollapse */ /** @nocollapse */ XFooterProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFooterProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XFooterProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XFooterProperty, selector: "ng-component", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XFooterProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XFooterProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XFooterProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", 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: "13.0.2", ngImport: i0, type: XFooterProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XFooterProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { height: [{
@@ -135,9 +135,9 @@ class XContainerComponent extends XContainerProperty {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ XContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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: "13.0.2", ngImport: i0, type: XContainerComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", 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 }]; } });
@@ -164,11 +164,11 @@ class XHeaderComponent extends XHeaderProperty {
         this.container.setDirection();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.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 */ /** @nocollapse */ XHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHeaderComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.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 */ /** @nocollapse */ XHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", 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;flex-shrink:0;padding:0 1rem}\n"] }]
+            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: [{
                         type: Optional
@@ -192,9 +192,9 @@ class XAsideComponent extends XAsideProperty {
         return this.width;
     }
 }
-/** @nocollapse */ /** @nocollapse */ XAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAsideComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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: "13.0.2", ngImport: i0, type: XAsideComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAsideComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", 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: [{
@@ -210,11 +210,11 @@ class XMainComponent {
         this.renderer.addClass(this.elementRef.nativeElement, XMainPrefix);
     }
 }
-/** @nocollapse */ /** @nocollapse */ XMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMainComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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: "13.0.2", ngImport: i0, type: XMainComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMainComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", 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: "13.0.3", 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;display:block;flex:1;flex-basis:auto;padding:1rem;overflow:auto}\n"] }]
+            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 }]; } });
 
 class XFooterComponent extends XFooterProperty {
@@ -239,11 +239,11 @@ class XFooterComponent extends XFooterProperty {
         this.container.setDirection();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.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 */ /** @nocollapse */ XFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFooterComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.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 */ /** @nocollapse */ XFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", 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;flex-shrink:0;padding:0 1rem}\n"] }]
+            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: [{
                         type: Optional
@@ -268,8 +268,8 @@ const components = [
 ];
 class XContainerModule {
 }
-/** @nocollapse */ /** @nocollapse */ XContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerModule, declarations: [XContainerComponent,
+/** @nocollapse */ /** @nocollapse */ XContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XContainerModule, declarations: [XContainerComponent,
         XHeaderComponent,
         XAsideComponent,
         XMainComponent,
@@ -286,8 +286,8 @@ class XContainerModule {
         XHeaderProperty,
         XAsideProperty,
         XFooterProperty] });
-/** @nocollapse */ /** @nocollapse */ XContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XContainerModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...components],

package/fesm2015/ng-nest-ui-core.mjs

@@ -902,9 +902,9 @@ class XPreloadingStrategyService {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ XPreloadingStrategyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPreloadingStrategyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ XPreloadingStrategyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPreloadingStrategyService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPreloadingStrategyService, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XPreloadingStrategyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XPreloadingStrategyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ XPreloadingStrategyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XPreloadingStrategyService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XPreloadingStrategyService, decorators: [{
             type: Injectable
         }] });
 
@@ -984,9 +984,9 @@ class XHttpService {
         // }
     }
 }
-/** @nocollapse */ /** @nocollapse */ XHttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHttpService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ XHttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHttpService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHttpService, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XHttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XHttpService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ XHttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XHttpService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XHttpService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
@@ -1040,9 +1040,9 @@ class XStorageService {
         return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ XStorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XStorageService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XStorageService, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ XStorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XStorageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XStorageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return []; } });
@@ -1266,9 +1266,9 @@ class XThemeService {
         this.doc.documentElement.getElementsByTagName('head')[0].appendChild(this.colorsStyleEle);
     }
 }
-/** @nocollapse */ /** @nocollapse */ XThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XThemeService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ XThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XThemeService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XThemeService, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XThemeService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ XThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XThemeService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XThemeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1373,9 +1373,9 @@ class XConfigService {
         return this.themeService.getTheme(includesAll);
     }
 }
-/** @nocollapse */ /** @nocollapse */ XConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XConfigService, deps: [{ token: XThemeService, optional: true }, { token: X_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ XConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XConfigService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XConfigService, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XConfigService, deps: [{ token: XThemeService, optional: true }, { token: X_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ XConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XConfigService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'