@ng-nest/ui 17.0.5 → 17.0.7

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

@@ -59,8 +59,8 @@ class XUploadProperty extends XControlValueAccessor {
          */
         this.uploadError = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: XUploadProperty, selector: "x-upload-property", inputs: { text: "text", action: "action", accept: "accept", type: "type", imgFallback: "imgFallback", imgCut: "imgCut", multiple: "multiple", download: "download", multipleModel: "multipleModel", filesTpl: "filesTpl", maxLimit: "maxLimit", headers: "headers" }, outputs: { removeClick: "removeClick", uploadReady: "uploadReady", uploading: "uploading", uploadSuccess: "uploadSuccess", uploadError: "uploadError" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XUploadProperty, selector: "x-upload-property", inputs: { text: "text", action: "action", accept: "accept", type: "type", imgFallback: "imgFallback", imgCut: "imgCut", multiple: "multiple", download: "download", multipleModel: "multipleModel", filesTpl: "filesTpl", maxLimit: "maxLimit", headers: "headers" }, outputs: { removeClick: "removeClick", uploadReady: "uploadReady", uploading: "uploading", uploadSuccess: "uploadSuccess", uploadError: "uploadError" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XInputBoolean()
@@ -78,7 +78,7 @@ __decorate([
 __decorate([
     XInputNumber()
 ], XUploadProperty.prototype, "maxLimit", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XUploadProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XUploadProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XUploadPrefix}-property`, template: '' }]
         }], propDecorators: { text: [{
@@ -294,10 +294,10 @@ class XUploadPortalComponent {
             });
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XUploadPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: XUploadPortalComponent, isStandalone: true, selector: "x-upload-portal", viewQueries: [{ propertyName: "imgRef", first: true, predicate: ["imgRef"], descendants: true }, { propertyName: "imgClipRef", first: true, predicate: ["imgClipRef"], descendants: true }, { propertyName: "boundaryRef", first: true, predicate: ["boundaryRef"], descendants: true }, { propertyName: "cutRef", first: true, predicate: ["cutRef"], descendants: true }], ngImport: i0, template: "<div class=\"x-upload-portal {{ cutType }}\" [class.x-upload-portal-ready]=\"ready\">\r\n  <div class=\"x-upload-portal-tools\">\r\n    <div class=\"x-upload-portal-title\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n      <span>{{ file?.name }}</span>\r\n    </div>\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-x\" (click)=\"closePortal()\"></x-icon>\r\n  </div>\r\n  <div class=\"x-upload-portal-img\">\r\n    <img #imgRef class=\"x-upload-portal-full-img\" [src]=\"file?.url\" />\r\n    <div #boundaryRef class=\"x-upload-portal-boundary\">\r\n      <img #imgClipRef class=\"x-upload-portal-clip-img\" [src]=\"file?.url\" />\r\n      <div #cutRef class=\"x-upload-portal-cut\">\r\n        <div class=\"x-upload-portal-cut-top-start\"></div>\r\n        <div class=\"x-upload-portal-cut-top\"></div>\r\n        <div class=\"x-upload-portal-cut-top-end\"></div>\r\n        <div class=\"x-upload-portal-cut-left\"></div>\r\n        <div class=\"x-upload-portal-cut-right\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-start\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-end\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-upload-portal-bottom-tools\">\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-check\" (click)=\"sure()\"></x-icon>\r\n  </div>\r\n</div>\r\n", styles: ["x-upload-portal{width:100%;height:100%}.x-upload-portal{margin:0;padding:0;display:flex;position:relative;width:100%;height:100%;flex-direction:column}.x-upload-portal-tools{width:100%;height:3.25rem;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:1;color:#fff}.x-upload-portal-bottom-tools{width:100%;height:3.25rem;position:absolute;display:flex;justify-content:center;align-items:center;z-index:1;color:#fff;bottom:0}.x-upload-portal-title{display:flex;align-items:center;margin:0 1rem}.x-upload-portal-title>x-icon{font-size:1.25rem}.x-upload-portal-title>span{margin-left:.5rem}.x-upload-portal-close{font-size:1.75rem;padding:0 1rem;color:#fffc;transition:color var(--x-animation-duration-base);cursor:pointer}.x-upload-portal-close:hover{color:#fff}.x-upload-portal-img{flex:1;width:100%;position:relative;overflow:auto}.x-upload-portal-full-img{max-width:85%;max-height:85%;width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.x-upload-portal-clip-img{position:absolute}.x-upload-portal-ready .x-upload-portal-full-img{max-width:inherit;max-height:inherit}.x-upload-portal-boundary{width:0;height:0;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:relative;background-color:#00000080}.x-upload-portal-cut{width:0;height:0;border:.125rem var(--x-border-style) rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;position:relative;cursor:move}.x-upload-portal-cut-top-start,.x-upload-portal-cut-top,.x-upload-portal-cut-top-end,.x-upload-portal-cut-left,.x-upload-portal-cut-right,.x-upload-portal-cut-bottom-start,.x-upload-portal-cut-bottom,.x-upload-portal-cut-bottom-end{width:.825rem;height:.825rem;background:#fff;position:absolute;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius)}.x-upload-portal-cut-top-start{top:-.4125rem;left:-.4125rem;cursor:se-resize}.x-upload-portal-cut-top{top:-.4125rem;cursor:s-resize}.x-upload-portal-cut-top-end{top:-.4125rem;right:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-left{left:-.4125rem;cursor:w-resize}.x-upload-portal-cut-right{right:-.4125rem;cursor:w-resize}.x-upload-portal-cut-bottom-start{left:-.4125rem;bottom:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-bottom{bottom:-.4125rem;cursor:s-resize}.x-upload-portal-cut-bottom-end{right:-.4125rem;bottom:-.4125rem;cursor:se-resize}.x-upload-portal-top-start{cursor:se-resize}.x-upload-portal-top{cursor:s-resize}.x-upload-portal-top-end{cursor:ne-resize}.x-upload-portal-left,.x-upload-portal-right{cursor:w-resize}.x-upload-portal-bottom-start{cursor:ne-resize}.x-upload-portal-bottom{cursor:s-resize}.x-upload-portal-bottom-end{cursor:se-resize}\n"], dependencies: [{ kind: "component", type: XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XUploadPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XUploadPortalComponent, isStandalone: true, selector: "x-upload-portal", viewQueries: [{ propertyName: "imgRef", first: true, predicate: ["imgRef"], descendants: true }, { propertyName: "imgClipRef", first: true, predicate: ["imgClipRef"], descendants: true }, { propertyName: "boundaryRef", first: true, predicate: ["boundaryRef"], descendants: true }, { propertyName: "cutRef", first: true, predicate: ["cutRef"], descendants: true }], ngImport: i0, template: "<div class=\"x-upload-portal {{ cutType }}\" [class.x-upload-portal-ready]=\"ready\">\r\n  <div class=\"x-upload-portal-tools\">\r\n    <div class=\"x-upload-portal-title\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n      <span>{{ file?.name }}</span>\r\n    </div>\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-x\" (click)=\"closePortal()\"></x-icon>\r\n  </div>\r\n  <div class=\"x-upload-portal-img\">\r\n    <img #imgRef class=\"x-upload-portal-full-img\" [src]=\"file?.url\" />\r\n    <div #boundaryRef class=\"x-upload-portal-boundary\">\r\n      <img #imgClipRef class=\"x-upload-portal-clip-img\" [src]=\"file?.url\" />\r\n      <div #cutRef class=\"x-upload-portal-cut\">\r\n        <div class=\"x-upload-portal-cut-top-start\"></div>\r\n        <div class=\"x-upload-portal-cut-top\"></div>\r\n        <div class=\"x-upload-portal-cut-top-end\"></div>\r\n        <div class=\"x-upload-portal-cut-left\"></div>\r\n        <div class=\"x-upload-portal-cut-right\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-start\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-end\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-upload-portal-bottom-tools\">\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-check\" (click)=\"sure()\"></x-icon>\r\n  </div>\r\n</div>\r\n", styles: ["x-upload-portal{width:100%;height:100%}.x-upload-portal{margin:0;padding:0;display:flex;position:relative;width:100%;height:100%;flex-direction:column}.x-upload-portal-tools{width:100%;height:3.25rem;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:1;color:#fff}.x-upload-portal-bottom-tools{width:100%;height:3.25rem;position:absolute;display:flex;justify-content:center;align-items:center;z-index:1;color:#fff;bottom:0}.x-upload-portal-title{display:flex;align-items:center;margin:0 1rem}.x-upload-portal-title>x-icon{font-size:1.25rem}.x-upload-portal-title>span{margin-left:.5rem}.x-upload-portal-close{font-size:1.75rem;padding:0 1rem;color:#fffc;transition:color var(--x-animation-duration-base);cursor:pointer}.x-upload-portal-close:hover{color:#fff}.x-upload-portal-img{flex:1;width:100%;position:relative;overflow:auto}.x-upload-portal-full-img{max-width:85%;max-height:85%;width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.x-upload-portal-clip-img{position:absolute}.x-upload-portal-ready .x-upload-portal-full-img{max-width:inherit;max-height:inherit}.x-upload-portal-boundary{width:0;height:0;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:relative;background-color:#00000080}.x-upload-portal-cut{width:0;height:0;border:.125rem var(--x-border-style) rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;position:relative;cursor:move}.x-upload-portal-cut-top-start,.x-upload-portal-cut-top,.x-upload-portal-cut-top-end,.x-upload-portal-cut-left,.x-upload-portal-cut-right,.x-upload-portal-cut-bottom-start,.x-upload-portal-cut-bottom,.x-upload-portal-cut-bottom-end{width:.825rem;height:.825rem;background:#fff;position:absolute;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius)}.x-upload-portal-cut-top-start{top:-.4125rem;left:-.4125rem;cursor:se-resize}.x-upload-portal-cut-top{top:-.4125rem;cursor:s-resize}.x-upload-portal-cut-top-end{top:-.4125rem;right:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-left{left:-.4125rem;cursor:w-resize}.x-upload-portal-cut-right{right:-.4125rem;cursor:w-resize}.x-upload-portal-cut-bottom-start{left:-.4125rem;bottom:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-bottom{bottom:-.4125rem;cursor:s-resize}.x-upload-portal-cut-bottom-end{right:-.4125rem;bottom:-.4125rem;cursor:se-resize}.x-upload-portal-top-start{cursor:se-resize}.x-upload-portal-top{cursor:s-resize}.x-upload-portal-top-end{cursor:ne-resize}.x-upload-portal-left,.x-upload-portal-right{cursor:w-resize}.x-upload-portal-bottom-start{cursor:ne-resize}.x-upload-portal-bottom{cursor:s-resize}.x-upload-portal-bottom-end{cursor:se-resize}\n"], dependencies: [{ kind: "component", type: XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XUploadPortalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XUploadPortalComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XUploadPortalPrefix}`, standalone: true, imports: [XIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-upload-portal {{ cutType }}\" [class.x-upload-portal-ready]=\"ready\">\r\n  <div class=\"x-upload-portal-tools\">\r\n    <div class=\"x-upload-portal-title\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n      <span>{{ file?.name }}</span>\r\n    </div>\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-x\" (click)=\"closePortal()\"></x-icon>\r\n  </div>\r\n  <div class=\"x-upload-portal-img\">\r\n    <img #imgRef class=\"x-upload-portal-full-img\" [src]=\"file?.url\" />\r\n    <div #boundaryRef class=\"x-upload-portal-boundary\">\r\n      <img #imgClipRef class=\"x-upload-portal-clip-img\" [src]=\"file?.url\" />\r\n      <div #cutRef class=\"x-upload-portal-cut\">\r\n        <div class=\"x-upload-portal-cut-top-start\"></div>\r\n        <div class=\"x-upload-portal-cut-top\"></div>\r\n        <div class=\"x-upload-portal-cut-top-end\"></div>\r\n        <div class=\"x-upload-portal-cut-left\"></div>\r\n        <div class=\"x-upload-portal-cut-right\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-start\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-end\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-upload-portal-bottom-tools\">\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-check\" (click)=\"sure()\"></x-icon>\r\n  </div>\r\n</div>\r\n", styles: ["x-upload-portal{width:100%;height:100%}.x-upload-portal{margin:0;padding:0;display:flex;position:relative;width:100%;height:100%;flex-direction:column}.x-upload-portal-tools{width:100%;height:3.25rem;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:1;color:#fff}.x-upload-portal-bottom-tools{width:100%;height:3.25rem;position:absolute;display:flex;justify-content:center;align-items:center;z-index:1;color:#fff;bottom:0}.x-upload-portal-title{display:flex;align-items:center;margin:0 1rem}.x-upload-portal-title>x-icon{font-size:1.25rem}.x-upload-portal-title>span{margin-left:.5rem}.x-upload-portal-close{font-size:1.75rem;padding:0 1rem;color:#fffc;transition:color var(--x-animation-duration-base);cursor:pointer}.x-upload-portal-close:hover{color:#fff}.x-upload-portal-img{flex:1;width:100%;position:relative;overflow:auto}.x-upload-portal-full-img{max-width:85%;max-height:85%;width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.x-upload-portal-clip-img{position:absolute}.x-upload-portal-ready .x-upload-portal-full-img{max-width:inherit;max-height:inherit}.x-upload-portal-boundary{width:0;height:0;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:relative;background-color:#00000080}.x-upload-portal-cut{width:0;height:0;border:.125rem var(--x-border-style) rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;position:relative;cursor:move}.x-upload-portal-cut-top-start,.x-upload-portal-cut-top,.x-upload-portal-cut-top-end,.x-upload-portal-cut-left,.x-upload-portal-cut-right,.x-upload-portal-cut-bottom-start,.x-upload-portal-cut-bottom,.x-upload-portal-cut-bottom-end{width:.825rem;height:.825rem;background:#fff;position:absolute;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius)}.x-upload-portal-cut-top-start{top:-.4125rem;left:-.4125rem;cursor:se-resize}.x-upload-portal-cut-top{top:-.4125rem;cursor:s-resize}.x-upload-portal-cut-top-end{top:-.4125rem;right:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-left{left:-.4125rem;cursor:w-resize}.x-upload-portal-cut-right{right:-.4125rem;cursor:w-resize}.x-upload-portal-cut-bottom-start{left:-.4125rem;bottom:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-bottom{bottom:-.4125rem;cursor:s-resize}.x-upload-portal-cut-bottom-end{right:-.4125rem;bottom:-.4125rem;cursor:se-resize}.x-upload-portal-top-start{cursor:se-resize}.x-upload-portal-top{cursor:s-resize}.x-upload-portal-top-end{cursor:ne-resize}.x-upload-portal-left,.x-upload-portal-right{cursor:w-resize}.x-upload-portal-bottom-start{cursor:ne-resize}.x-upload-portal-bottom{cursor:s-resize}.x-upload-portal-bottom-end{cursor:se-resize}\n"] }]
         }], propDecorators: { imgRef: [{
@@ -530,10 +530,10 @@ class XUploadComponent extends XUploadProperty {
         file.state = 'success';
         this.cdr.detectChanges();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: XUploadComponent, isStandalone: true, selector: "x-upload", providers: [XValueAccessor(XUploadComponent)], viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #upload class=\"x-upload x-upload-{{ type }}\" [class.x-disabled]=\"disabled\">\r\n  <input\r\n    type=\"file\"\r\n    #file\r\n    (change)=\"change($event)\"\r\n    [attr.accept]=\"accept\"\r\n    [multiple]=\"multiple\"\r\n    style=\"display: none\"\r\n  />\r\n\r\n  @switch (type) {\r\n    @case ('list') {\r\n      <ng-container *ngTemplateOutlet=\"uploadBtnTpl\"></ng-container>\r\n      <ng-container *xOutlet=\"filesTpl; context: { $files: files }\">\r\n        <ul class=\"x-upload-files\">\r\n          @for (file of files; track file; let i = $index) {\r\n            <li [class.x-upload-disabled]=\"!download\">\r\n              @if (download) {\r\n                <a [href]=\"file.url\" target=\"_blank\" [title]=\"file.name\">\r\n                  <x-icon type=\"fto-file-text\"></x-icon>\r\n                  <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n                </a>\r\n              } @else {\r\n                <a>\r\n                  <x-icon type=\"fto-file-text\"></x-icon>\r\n                  <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n                </a>\r\n              }\r\n\r\n              @switch (file.state) {\r\n                @case ('ready') {\r\n                  <x-icon class=\"x-upload-state\" type=\"fto-clock\"></x-icon>\r\n                }\r\n                @case ('uploading') {\r\n                  <span class=\"x-upload-percent\">{{ file.percent }}%</span>\r\n                }\r\n                @case ('success') {\r\n                  <x-icon class=\"x-upload-state success\" type=\"fto-check\"></x-icon>\r\n                }\r\n                @case ('error') {\r\n                  <x-icon class=\"x-upload-state error\" type=\"fto-info\"></x-icon>\r\n                }\r\n              }\r\n              @if (file.state !== 'uploading') {\r\n                <x-button icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable size=\"mini\"></x-button>\r\n              }\r\n            </li>\r\n          }\r\n        </ul>\r\n      </ng-container>\r\n    }\r\n    @case ('img') {\r\n      <x-image-group>\r\n        @for (file of files; track file; let i = $index) {\r\n          <x-image\r\n            [src]=\"file.url\"\r\n            (load)=\"imgLoad(file)\"\r\n            (error)=\"imgError($event, file)\"\r\n            class=\"{{ file.state }}\"\r\n            [previewTpl]=\"previewTpl\"\r\n            [fallback]=\"imgFallback\"\r\n          >\r\n          </x-image>\r\n          <ng-template #previewTpl let-image=\"$image\">\r\n            @if (file.state == 'uploading') {\r\n              <div class=\"x-upload-uploading\">\r\n                <x-progress [percent]=\"file.percent!\" info=\"false\"></x-progress>\r\n              </div>\r\n            }\r\n            <div class=\"x-image-overlay\">\r\n              @switch (file.state) {\r\n                @case ('ready') {\r\n                  <x-icon class=\"x-upload-state\" type=\"fto-clock\"></x-icon>\r\n                }\r\n                @case ('success') {\r\n                  <x-icon type=\"fto-eye\" (click)=\"image.onPreview()\"></x-icon>\r\n                }\r\n              }\r\n              @if (imgCut && file.state === 'success') {\r\n                <x-icon type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n              }\r\n              @if (file.state !== 'uploading') {\r\n                <x-icon type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        <ng-container *ngTemplateOutlet=\"uploadBtnTpl\"></ng-container>\r\n      </x-image-group>\r\n    }\r\n  }\r\n</div>\r\n\r\n<ng-template #uploadBtnTpl>\r\n  <div class=\"x-upload-buttons\" [class.x-upload-buttons-template]=\"isTemplateText\" (click)=\"uploadClick()\">\r\n    <ng-container *xOutlet=\"getText\">\r\n      <x-button icon=\"fto-upload\" [disabled]=\"disabled\" type=\"primary\">{{ getText }}</x-button>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-upload{margin:0;padding:0;color:var(--x-text);font-size:var(--x-font-size)}.x-upload-buttons{display:inline-flex}.x-upload-buttons>.x-button:not(:first-child){margin-left:.4rem}.x-upload-buttons-template{cursor:pointer}.x-upload-files{padding:0;margin:.4rem 0 0;list-style:none}.x-upload-files>li{margin:0;padding:0 .2rem;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);display:flex;align-items:center;overflow:hidden;cursor:pointer;border-radius:var(--x-border-radius)}.x-upload-files>li .x-icon{color:var(--x-text-400);font-size:1rem}.x-upload-files>li .x-icon.x-upload-state.success{color:var(--x-success)}.x-upload-files>li .x-icon.x-upload-state.error{color:var(--x-danger)}.x-upload-files>li a{flex:1;display:flex;align-items:center;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);color:inherit;text-decoration:none;overflow:hidden}.x-upload-files>li span.x-upload-filename{margin-left:.2rem;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-upload-files>li span.x-upload-percent{color:var(--x-text-400)}.x-upload-files>li>.x-button{display:none;padding:0}.x-upload-files>li:not(:first-child){margin-top:.2rem}.x-upload-files>li.x-upload-disabled{cursor:default}.x-upload-files>li.x-upload-disabled>a{cursor:default}.x-upload-files>li:hover:not(.x-upload-disabled){color:var(--x-primary);background-color:var(--x-background)}.x-upload-files>li:hover>.x-button{display:inline-block}.x-upload-files>li:hover>.x-upload-state{display:none}.x-upload-img{display:flex;flex-wrap:wrap}.x-upload-img .x-upload-buttons-template{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;width:6.25rem;height:6.25rem;margin-right:.5rem;margin-bottom:.5rem;border:var(--x-border-width) dashed var(--x-border);background:var(--x-background);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base)}.x-upload-img .x-upload-buttons-template:hover{border-color:var(--x-primary)}.x-upload-img .x-image{height:6.25rem;width:6.25rem;padding:.325rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base);margin-right:.5rem;margin-bottom:.5rem;position:relative;display:flex;align-items:center;justify-content:center}.x-upload-img .x-image-overlay x-icon{font-size:1rem;color:#fffc;padding:.25rem;transition:color var(--x-animation-duration-base)}.x-upload-img .x-image-overlay x-icon:hover{color:#fff}.x-upload-img x-image.error .x-image{border-color:var(--x-danger)}.x-upload-img x-image.error .x-image-error-icon{color:var(--x-danger)}.x-upload-uploading{position:absolute;margin-top:3rem;width:calc(100% - 1rem)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XImageGroupComponent, selector: "x-image-group" }, { kind: "component", type: XImageComponent, selector: "x-image" }, { kind: "component", type: XProgressComponent, selector: "x-progress" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: XUploadComponent, isStandalone: true, selector: "x-upload", providers: [XValueAccessor(XUploadComponent)], viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #upload class=\"x-upload x-upload-{{ type }}\" [class.x-disabled]=\"disabled\">\r\n  <input\r\n    type=\"file\"\r\n    #file\r\n    (change)=\"change($event)\"\r\n    [attr.accept]=\"accept\"\r\n    [multiple]=\"multiple\"\r\n    style=\"display: none\"\r\n  />\r\n\r\n  @switch (type) {\r\n    @case ('list') {\r\n      <ng-container *ngTemplateOutlet=\"uploadBtnTpl\"></ng-container>\r\n      <ng-container *xOutlet=\"filesTpl; context: { $files: files }\">\r\n        <ul class=\"x-upload-files\">\r\n          @for (file of files; track file; let i = $index) {\r\n            <li [class.x-upload-disabled]=\"!download\">\r\n              @if (download) {\r\n                <a [href]=\"file.url\" target=\"_blank\" [title]=\"file.name\">\r\n                  <x-icon type=\"fto-file-text\"></x-icon>\r\n                  <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n                </a>\r\n              } @else {\r\n                <a>\r\n                  <x-icon type=\"fto-file-text\"></x-icon>\r\n                  <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n                </a>\r\n              }\r\n\r\n              @switch (file.state) {\r\n                @case ('ready') {\r\n                  <x-icon class=\"x-upload-state\" type=\"fto-clock\"></x-icon>\r\n                }\r\n                @case ('uploading') {\r\n                  <span class=\"x-upload-percent\">{{ file.percent }}%</span>\r\n                }\r\n                @case ('success') {\r\n                  <x-icon class=\"x-upload-state success\" type=\"fto-check\"></x-icon>\r\n                }\r\n                @case ('error') {\r\n                  <x-icon class=\"x-upload-state error\" type=\"fto-info\"></x-icon>\r\n                }\r\n              }\r\n              @if (file.state !== 'uploading') {\r\n                <x-button icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable size=\"mini\"></x-button>\r\n              }\r\n            </li>\r\n          }\r\n        </ul>\r\n      </ng-container>\r\n    }\r\n    @case ('img') {\r\n      <x-image-group>\r\n        @for (file of files; track file; let i = $index) {\r\n          <x-image\r\n            [src]=\"file.url\"\r\n            (load)=\"imgLoad(file)\"\r\n            (error)=\"imgError($event, file)\"\r\n            class=\"{{ file.state }}\"\r\n            [previewTpl]=\"previewTpl\"\r\n            [fallback]=\"imgFallback\"\r\n          >\r\n          </x-image>\r\n          <ng-template #previewTpl let-image=\"$image\">\r\n            @if (file.state == 'uploading') {\r\n              <div class=\"x-upload-uploading\">\r\n                <x-progress [percent]=\"file.percent!\" info=\"false\"></x-progress>\r\n              </div>\r\n            }\r\n            <div class=\"x-image-overlay\">\r\n              @switch (file.state) {\r\n                @case ('ready') {\r\n                  <x-icon class=\"x-upload-state\" type=\"fto-clock\"></x-icon>\r\n                }\r\n                @case ('success') {\r\n                  <x-icon type=\"fto-eye\" (click)=\"image.onPreview()\"></x-icon>\r\n                }\r\n              }\r\n              @if (imgCut && file.state === 'success') {\r\n                <x-icon type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n              }\r\n              @if (file.state !== 'uploading') {\r\n                <x-icon type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        <ng-container *ngTemplateOutlet=\"uploadBtnTpl\"></ng-container>\r\n      </x-image-group>\r\n    }\r\n  }\r\n</div>\r\n\r\n<ng-template #uploadBtnTpl>\r\n  <div class=\"x-upload-buttons\" [class.x-upload-buttons-template]=\"isTemplateText\" (click)=\"uploadClick()\">\r\n    <ng-container *xOutlet=\"getText\">\r\n      <x-button icon=\"fto-upload\" [disabled]=\"disabled\" type=\"primary\">{{ getText }}</x-button>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-upload{margin:0;padding:0;color:var(--x-text);font-size:var(--x-font-size)}.x-upload-buttons{display:inline-flex}.x-upload-buttons>.x-button:not(:first-child){margin-left:.4rem}.x-upload-buttons-template{cursor:pointer}.x-upload-files{padding:0;margin:.4rem 0 0;list-style:none}.x-upload-files>li{margin:0;padding:0 .2rem;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);display:flex;align-items:center;overflow:hidden;cursor:pointer;border-radius:var(--x-border-radius)}.x-upload-files>li .x-icon{color:var(--x-text-400);font-size:1rem}.x-upload-files>li .x-icon.x-upload-state.success{color:var(--x-success)}.x-upload-files>li .x-icon.x-upload-state.error{color:var(--x-danger)}.x-upload-files>li a{flex:1;display:flex;align-items:center;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);color:inherit;text-decoration:none;overflow:hidden}.x-upload-files>li span.x-upload-filename{margin-left:.2rem;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-upload-files>li span.x-upload-percent{color:var(--x-text-400)}.x-upload-files>li>.x-button{display:none;padding:0}.x-upload-files>li:not(:first-child){margin-top:.2rem}.x-upload-files>li.x-upload-disabled{cursor:default}.x-upload-files>li.x-upload-disabled>a{cursor:default}.x-upload-files>li:hover:not(.x-upload-disabled){color:var(--x-primary);background-color:var(--x-background)}.x-upload-files>li:hover>.x-button{display:inline-block}.x-upload-files>li:hover>.x-upload-state{display:none}.x-upload-img{display:flex;flex-wrap:wrap}.x-upload-img .x-upload-buttons-template{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;width:6.25rem;height:6.25rem;margin-right:.5rem;margin-bottom:.5rem;border:var(--x-border-width) dashed var(--x-border);background:var(--x-background);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base)}.x-upload-img .x-upload-buttons-template:hover{border-color:var(--x-primary)}.x-upload-img .x-image{height:6.25rem;width:6.25rem;padding:.325rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base);margin-right:.5rem;margin-bottom:.5rem;position:relative;display:flex;align-items:center;justify-content:center}.x-upload-img .x-image-overlay x-icon{font-size:1rem;color:#fffc;padding:.25rem;transition:color var(--x-animation-duration-base)}.x-upload-img .x-image-overlay x-icon:hover{color:#fff}.x-upload-img x-image.error .x-image{border-color:var(--x-danger)}.x-upload-img x-image.error .x-image-error-icon{color:var(--x-danger)}.x-upload-uploading{position:absolute;margin-top:3rem;width:calc(100% - 1rem)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XImageGroupComponent, selector: "x-image-group" }, { kind: "component", type: XImageComponent, selector: "x-image" }, { kind: "component", type: XProgressComponent, selector: "x-progress" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XUploadPrefix}`, standalone: true, imports: [
                         NgTemplateOutlet,
@@ -550,11 +550,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
             }] } });
 
 class XUploadModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: XUploadModule, imports: [XUploadComponent], exports: [XUploadComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XUploadModule, imports: [XUploadComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XUploadModule, imports: [XUploadComponent], exports: [XUploadComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XUploadModule, imports: [XUploadComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XUploadComponent],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "17.0.5",
+  "version": "17.0.7",
   "license": "MIT",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
@@ -47,29 +47,29 @@
       "esm": "./esm2022/alert/ng-nest-ui-alert.mjs",
       "default": "./fesm2022/ng-nest-ui-alert.mjs"
     },
+    "./api": {
+      "types": "./api/index.d.ts",
+      "esm2022": "./esm2022/api/ng-nest-ui-api.mjs",
+      "esm": "./esm2022/api/ng-nest-ui-api.mjs",
+      "default": "./fesm2022/ng-nest-ui-api.mjs"
+    },
     "./anchor": {
       "types": "./anchor/index.d.ts",
       "esm2022": "./esm2022/anchor/ng-nest-ui-anchor.mjs",
       "esm": "./esm2022/anchor/ng-nest-ui-anchor.mjs",
       "default": "./fesm2022/ng-nest-ui-anchor.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "esm2022": "./esm2022/avatar/ng-nest-ui-avatar.mjs",
-      "esm": "./esm2022/avatar/ng-nest-ui-avatar.mjs",
-      "default": "./fesm2022/ng-nest-ui-avatar.mjs"
-    },
     "./auto-complete": {
       "types": "./auto-complete/index.d.ts",
       "esm2022": "./esm2022/auto-complete/ng-nest-ui-auto-complete.mjs",
       "esm": "./esm2022/auto-complete/ng-nest-ui-auto-complete.mjs",
       "default": "./fesm2022/ng-nest-ui-auto-complete.mjs"
     },
-    "./api": {
-      "types": "./api/index.d.ts",
-      "esm2022": "./esm2022/api/ng-nest-ui-api.mjs",
-      "esm": "./esm2022/api/ng-nest-ui-api.mjs",
-      "default": "./fesm2022/ng-nest-ui-api.mjs"
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "esm2022": "./esm2022/avatar/ng-nest-ui-avatar.mjs",
+      "esm": "./esm2022/avatar/ng-nest-ui-avatar.mjs",
+      "default": "./fesm2022/ng-nest-ui-avatar.mjs"
     },
     "./back-top": {
       "types": "./back-top/index.d.ts",
@@ -107,11 +107,11 @@
       "esm": "./esm2022/calendar/ng-nest-ui-calendar.mjs",
       "default": "./fesm2022/ng-nest-ui-calendar.mjs"
     },
-    "./carousel": {
-      "types": "./carousel/index.d.ts",
-      "esm2022": "./esm2022/carousel/ng-nest-ui-carousel.mjs",
-      "esm": "./esm2022/carousel/ng-nest-ui-carousel.mjs",
-      "default": "./fesm2022/ng-nest-ui-carousel.mjs"
+    "./cascade": {
+      "types": "./cascade/index.d.ts",
+      "esm2022": "./esm2022/cascade/ng-nest-ui-cascade.mjs",
+      "esm": "./esm2022/cascade/ng-nest-ui-cascade.mjs",
+      "default": "./fesm2022/ng-nest-ui-cascade.mjs"
     },
     "./card": {
       "types": "./card/index.d.ts",
@@ -119,6 +119,12 @@
       "esm": "./esm2022/card/ng-nest-ui-card.mjs",
       "default": "./fesm2022/ng-nest-ui-card.mjs"
     },
+    "./carousel": {
+      "types": "./carousel/index.d.ts",
+      "esm2022": "./esm2022/carousel/ng-nest-ui-carousel.mjs",
+      "esm": "./esm2022/carousel/ng-nest-ui-carousel.mjs",
+      "default": "./fesm2022/ng-nest-ui-carousel.mjs"
+    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "esm2022": "./esm2022/checkbox/ng-nest-ui-checkbox.mjs",
@@ -131,17 +137,11 @@
       "esm": "./esm2022/collapse/ng-nest-ui-collapse.mjs",
       "default": "./fesm2022/ng-nest-ui-collapse.mjs"
     },
-    "./cascade": {
-      "types": "./cascade/index.d.ts",
-      "esm2022": "./esm2022/cascade/ng-nest-ui-cascade.mjs",
-      "esm": "./esm2022/cascade/ng-nest-ui-cascade.mjs",
-      "default": "./fesm2022/ng-nest-ui-cascade.mjs"
-    },
-    "./container": {
-      "types": "./container/index.d.ts",
-      "esm2022": "./esm2022/container/ng-nest-ui-container.mjs",
-      "esm": "./esm2022/container/ng-nest-ui-container.mjs",
-      "default": "./fesm2022/ng-nest-ui-container.mjs"
+    "./color-picker": {
+      "types": "./color-picker/index.d.ts",
+      "esm2022": "./esm2022/color-picker/ng-nest-ui-color-picker.mjs",
+      "esm": "./esm2022/color-picker/ng-nest-ui-color-picker.mjs",
+      "default": "./fesm2022/ng-nest-ui-color-picker.mjs"
     },
     "./color": {
       "types": "./color/index.d.ts",
@@ -149,17 +149,11 @@
       "esm": "./esm2022/color/ng-nest-ui-color.mjs",
       "default": "./fesm2022/ng-nest-ui-color.mjs"
     },
-    "./color-picker": {
-      "types": "./color-picker/index.d.ts",
-      "esm2022": "./esm2022/color-picker/ng-nest-ui-color-picker.mjs",
-      "esm": "./esm2022/color-picker/ng-nest-ui-color-picker.mjs",
-      "default": "./fesm2022/ng-nest-ui-color-picker.mjs"
-    },
-    "./comment": {
-      "types": "./comment/index.d.ts",
-      "esm2022": "./esm2022/comment/ng-nest-ui-comment.mjs",
-      "esm": "./esm2022/comment/ng-nest-ui-comment.mjs",
-      "default": "./fesm2022/ng-nest-ui-comment.mjs"
+    "./container": {
+      "types": "./container/index.d.ts",
+      "esm2022": "./esm2022/container/ng-nest-ui-container.mjs",
+      "esm": "./esm2022/container/ng-nest-ui-container.mjs",
+      "default": "./fesm2022/ng-nest-ui-container.mjs"
     },
     "./core": {
       "types": "./core/index.d.ts",
@@ -173,6 +167,12 @@
       "esm": "./esm2022/crumb/ng-nest-ui-crumb.mjs",
       "default": "./fesm2022/ng-nest-ui-crumb.mjs"
     },
+    "./comment": {
+      "types": "./comment/index.d.ts",
+      "esm2022": "./esm2022/comment/ng-nest-ui-comment.mjs",
+      "esm": "./esm2022/comment/ng-nest-ui-comment.mjs",
+      "default": "./fesm2022/ng-nest-ui-comment.mjs"
+    },
     "./date-picker": {
       "types": "./date-picker/index.d.ts",
       "esm2022": "./esm2022/date-picker/ng-nest-ui-date-picker.mjs",
@@ -329,23 +329,17 @@
       "esm": "./esm2022/message-box/ng-nest-ui-message-box.mjs",
       "default": "./fesm2022/ng-nest-ui-message-box.mjs"
     },
-    "./notification": {
-      "types": "./notification/index.d.ts",
-      "esm2022": "./esm2022/notification/ng-nest-ui-notification.mjs",
-      "esm": "./esm2022/notification/ng-nest-ui-notification.mjs",
-      "default": "./fesm2022/ng-nest-ui-notification.mjs"
-    },
     "./outlet": {
       "types": "./outlet/index.d.ts",
       "esm2022": "./esm2022/outlet/ng-nest-ui-outlet.mjs",
       "esm": "./esm2022/outlet/ng-nest-ui-outlet.mjs",
       "default": "./fesm2022/ng-nest-ui-outlet.mjs"
     },
-    "./page-header": {
-      "types": "./page-header/index.d.ts",
-      "esm2022": "./esm2022/page-header/ng-nest-ui-page-header.mjs",
-      "esm": "./esm2022/page-header/ng-nest-ui-page-header.mjs",
-      "default": "./fesm2022/ng-nest-ui-page-header.mjs"
+    "./notification": {
+      "types": "./notification/index.d.ts",
+      "esm2022": "./esm2022/notification/ng-nest-ui-notification.mjs",
+      "esm": "./esm2022/notification/ng-nest-ui-notification.mjs",
+      "default": "./fesm2022/ng-nest-ui-notification.mjs"
     },
     "./pagination": {
       "types": "./pagination/index.d.ts",
@@ -359,6 +353,12 @@
       "esm": "./esm2022/pattern/ng-nest-ui-pattern.mjs",
       "default": "./fesm2022/ng-nest-ui-pattern.mjs"
     },
+    "./page-header": {
+      "types": "./page-header/index.d.ts",
+      "esm2022": "./esm2022/page-header/ng-nest-ui-page-header.mjs",
+      "esm": "./esm2022/page-header/ng-nest-ui-page-header.mjs",
+      "default": "./fesm2022/ng-nest-ui-page-header.mjs"
+    },
     "./popconfirm": {
       "types": "./popconfirm/index.d.ts",
       "esm2022": "./esm2022/popconfirm/ng-nest-ui-popconfirm.mjs",
@@ -401,12 +401,6 @@
       "esm": "./esm2022/resizable/ng-nest-ui-resizable.mjs",
       "default": "./fesm2022/ng-nest-ui-resizable.mjs"
     },
-    "./result": {
-      "types": "./result/index.d.ts",
-      "esm2022": "./esm2022/result/ng-nest-ui-result.mjs",
-      "esm": "./esm2022/result/ng-nest-ui-result.mjs",
-      "default": "./fesm2022/ng-nest-ui-result.mjs"
-    },
     "./ripple": {
       "types": "./ripple/index.d.ts",
       "esm2022": "./esm2022/ripple/ng-nest-ui-ripple.mjs",
@@ -419,24 +413,30 @@
       "esm": "./esm2022/select/ng-nest-ui-select.mjs",
       "default": "./fesm2022/ng-nest-ui-select.mjs"
     },
+    "./result": {
+      "types": "./result/index.d.ts",
+      "esm2022": "./esm2022/result/ng-nest-ui-result.mjs",
+      "esm": "./esm2022/result/ng-nest-ui-result.mjs",
+      "default": "./fesm2022/ng-nest-ui-result.mjs"
+    },
     "./skeleton": {
       "types": "./skeleton/index.d.ts",
       "esm2022": "./esm2022/skeleton/ng-nest-ui-skeleton.mjs",
       "esm": "./esm2022/skeleton/ng-nest-ui-skeleton.mjs",
       "default": "./fesm2022/ng-nest-ui-skeleton.mjs"
     },
-    "./slider": {
-      "types": "./slider/index.d.ts",
-      "esm2022": "./esm2022/slider/ng-nest-ui-slider.mjs",
-      "esm": "./esm2022/slider/ng-nest-ui-slider.mjs",
-      "default": "./fesm2022/ng-nest-ui-slider.mjs"
-    },
     "./slider-select": {
       "types": "./slider-select/index.d.ts",
       "esm2022": "./esm2022/slider-select/ng-nest-ui-slider-select.mjs",
       "esm": "./esm2022/slider-select/ng-nest-ui-slider-select.mjs",
       "default": "./fesm2022/ng-nest-ui-slider-select.mjs"
     },
+    "./slider": {
+      "types": "./slider/index.d.ts",
+      "esm2022": "./esm2022/slider/ng-nest-ui-slider.mjs",
+      "esm": "./esm2022/slider/ng-nest-ui-slider.mjs",
+      "default": "./fesm2022/ng-nest-ui-slider.mjs"
+    },
     "./statistic": {
       "types": "./statistic/index.d.ts",
       "esm2022": "./esm2022/statistic/ng-nest-ui-statistic.mjs",
@@ -461,12 +461,6 @@
       "esm": "./esm2022/table/ng-nest-ui-table.mjs",
       "default": "./fesm2022/ng-nest-ui-table.mjs"
     },
-    "./tabs": {
-      "types": "./tabs/index.d.ts",
-      "esm2022": "./esm2022/tabs/ng-nest-ui-tabs.mjs",
-      "esm": "./esm2022/tabs/ng-nest-ui-tabs.mjs",
-      "default": "./fesm2022/ng-nest-ui-tabs.mjs"
-    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "esm2022": "./esm2022/tag/ng-nest-ui-tag.mjs",
@@ -485,18 +479,18 @@
       "esm": "./esm2022/textarea/ng-nest-ui-textarea.mjs",
       "default": "./fesm2022/ng-nest-ui-textarea.mjs"
     },
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "esm2022": "./esm2022/tabs/ng-nest-ui-tabs.mjs",
+      "esm": "./esm2022/tabs/ng-nest-ui-tabs.mjs",
+      "default": "./fesm2022/ng-nest-ui-tabs.mjs"
+    },
     "./theme": {
       "types": "./theme/index.d.ts",
       "esm2022": "./esm2022/theme/ng-nest-ui-theme.mjs",
       "esm": "./esm2022/theme/ng-nest-ui-theme.mjs",
       "default": "./fesm2022/ng-nest-ui-theme.mjs"
     },
-    "./time-ago": {
-      "types": "./time-ago/index.d.ts",
-      "esm2022": "./esm2022/time-ago/ng-nest-ui-time-ago.mjs",
-      "esm": "./esm2022/time-ago/ng-nest-ui-time-ago.mjs",
-      "default": "./fesm2022/ng-nest-ui-time-ago.mjs"
-    },
     "./time-picker": {
       "types": "./time-picker/index.d.ts",
       "esm2022": "./esm2022/time-picker/ng-nest-ui-time-picker.mjs",
@@ -509,6 +503,12 @@
       "esm": "./esm2022/time-range/ng-nest-ui-time-range.mjs",
       "default": "./fesm2022/ng-nest-ui-time-range.mjs"
     },
+    "./time-ago": {
+      "types": "./time-ago/index.d.ts",
+      "esm2022": "./esm2022/time-ago/ng-nest-ui-time-ago.mjs",
+      "esm": "./esm2022/time-ago/ng-nest-ui-time-ago.mjs",
+      "default": "./fesm2022/ng-nest-ui-time-ago.mjs"
+    },
     "./timeline": {
       "types": "./timeline/index.d.ts",
       "esm2022": "./esm2022/timeline/ng-nest-ui-timeline.mjs",
@@ -521,12 +521,6 @@
       "esm": "./esm2022/tooltip/ng-nest-ui-tooltip.mjs",
       "default": "./fesm2022/ng-nest-ui-tooltip.mjs"
     },
-    "./transfer": {
-      "types": "./transfer/index.d.ts",
-      "esm2022": "./esm2022/transfer/ng-nest-ui-transfer.mjs",
-      "esm": "./esm2022/transfer/ng-nest-ui-transfer.mjs",
-      "default": "./fesm2022/ng-nest-ui-transfer.mjs"
-    },
     "./tree": {
       "types": "./tree/index.d.ts",
       "esm2022": "./esm2022/tree/ng-nest-ui-tree.mjs",
@@ -539,11 +533,11 @@
       "esm": "./esm2022/tree-file/ng-nest-ui-tree-file.mjs",
       "default": "./fesm2022/ng-nest-ui-tree-file.mjs"
     },
-    "./tree-select": {
-      "types": "./tree-select/index.d.ts",
-      "esm2022": "./esm2022/tree-select/ng-nest-ui-tree-select.mjs",
-      "esm": "./esm2022/tree-select/ng-nest-ui-tree-select.mjs",
-      "default": "./fesm2022/ng-nest-ui-tree-select.mjs"
+    "./transfer": {
+      "types": "./transfer/index.d.ts",
+      "esm2022": "./esm2022/transfer/ng-nest-ui-transfer.mjs",
+      "esm": "./esm2022/transfer/ng-nest-ui-transfer.mjs",
+      "default": "./fesm2022/ng-nest-ui-transfer.mjs"
     },
     "./typography": {
       "types": "./typography/index.d.ts",
@@ -556,6 +550,12 @@
       "esm2022": "./esm2022/upload/ng-nest-ui-upload.mjs",
       "esm": "./esm2022/upload/ng-nest-ui-upload.mjs",
       "default": "./fesm2022/ng-nest-ui-upload.mjs"
+    },
+    "./tree-select": {
+      "types": "./tree-select/index.d.ts",
+      "esm2022": "./esm2022/tree-select/ng-nest-ui-tree-select.mjs",
+      "esm": "./esm2022/tree-select/ng-nest-ui-tree-select.mjs",
+      "default": "./fesm2022/ng-nest-ui-tree-select.mjs"
     }
   },
   "sideEffects": false

package/tree/tree.component.d.ts

@@ -29,6 +29,7 @@ export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     hoverTreeNode: XTreeNode;
     hoverTreeEle: ElementRef;
     draggingTreeNode: XTreeNode | null;
+    hasChecked: boolean;
     get isEmpty(): boolean;
     private _unSubject;
     private _resizeObserver;